CI Theme - Falchion I

Click to preview

Name: CI Theme - Falchion I

Author: DrCaduceus
License: Creative Commons Attribution-ShareAlike 3.0 License

Tags: sidebar topbar

Supports top bar menu *: yes
Supports side bar menu *: yes
* depends on tags: topbar and sidebar

Description:

The theme employed by the Chaos Insurgency Wiki site, extended from the Base theme. Supports sidebar. Background image credit goes to an unknown user from wallpaperswa.com

How to install

• go to: your wiki admin panel » appearance » themes
• choose External CSS theme
• supply the following URL as the CSS location

http://themes.wdfiles.com/local--code/ci-theme-falchion-i

Code

+ show the code

@import url(http://static.wikidot.com/common--theme/base/css/style.css);
 
html,body {
    min-height: 101%;
}
 
body {
    background-image: url(http://themes.wikidot.com/local--files/ci-theme-falchion-i/ci-background2.png);
    background-position: top center;
    background-repeat: repeat;
    background-color: black;
    color: grey;
}
 
/*  Use 950 pixels width for normal screens, 100% for iPhones */
#container {
    width: 950px;
    margin: 0 auto;
    padding-left: 8px;
    position: relative;
}
 
@media only screen and (max-device-width: 480px) {
  #container {
    width: 100%;
  }
}
 
#content-wrap {
    padding-right: 8px;
    overflow: hidden;
}
 
#main-content {
    margin: 0 0 1em 0;
    padding: 0 15px;
    min-height: 150px;
    overflow: hidden;
}
 
#page-content > *:first-child {
    margin-top: 0;
}
 
#page-title {
    padding-bottom: 2px;
    border-bottom: 1px solid grey;
    margin-top: 0;
    font-size: 180%;
    color: white;
}
 
#header {
    height: 110px;
    padding-right: 8px;
}
 
#header h1 {
    float: left;
    padding: 43px 0 0 16px;
}
 
#header h1 span {
    padding-right: 7px;
}
 
#header h1 a {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 25px;
    font-style: normal;
    font-weight: bold;
    letter-spacing: 1px;
    text-transform: none;
    line-height: 26px;
    color: white;
}
 
#header h1 a:hover {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 25px;
    font-style: normal;
    font-weight: bold;
    letter-spacing: 1px;
    text-transform: none;
    line-height: 26px;
    color: white;
}
 
#header h2:before {
    content: "|";
    color: grey;
}
 
#header h2 {
    padding: 49px 7px 0;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 16px;
    line-height: 20px;
    color: white;
}
 
#header h2 span {
    padding-left: 7px;
    font-size: 10px;
    text-transform: uppercase;
    color: grey;
}
 
h1, h2, h3, h4, h5, h6 {
    padding: 0;
    margin: 15px 0;
    color: white;
}
 
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
    padding: 0;
    margin: 15px 0;
    color: white;
}
 
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover {
    padding: 0;
    margin: 15px 0;
    color: white;
}
 
#top-bar {
    width: 100%;
    height: 29px;
    right: 0;
    left: 0;
}
 
#top-bar li, #top-bar ul {
    margin: 0;
    padding: 0;
}
 
#top-bar ul {
    margin-right: 8px;
    height: 29px;
    background: transparent;
}
 
#top-bar ul ul {
    margin-right: 0;
}
 
#top-bar li a {
    color: grey;
    font-size: 13px;
    font-weight: bold;
    line-height: 29px;
    padding: 0 15px;
    text-decoration: none;
}
 
#top-bar li a:hover {
    text-decoration: none;
    background: white;
    color: black;
}
 
#top-bar li ul {
    border: none;
}
 
#top-bar li ul li a {
    width: 18em;
    color: grey;
    background: #404040;
}
 
#top-bar li ul li a:hover {
    color: black;
    background: white;
}
 
#top-bar ul li.sfhover ul{
    width: 20em;
    background-color: black;
}
 
#top-bar ul li.sfhover ul li{
    height: 29px;
}
 
#top-bar ul li.sfhover ul li.sfhover {
    height: 29px;
    width: 20em;
    background-color: black;
}
 
#top-bar ul li.sfhover ul a{
    width: 20em;
    background-color: black;
}
 
#top-bar ul li.sfhover ul li:hover a{
    background-color: white;
    color: black;
}
 
#top-bar ul li ul li ul{
    display: none;
}
 
#top-bar ul li.sfhover ul li.sfhover ul {
    display: inherit;
    position: relative;
    left: 20em;
    bottom: 29px;
}
 
#top-bar ul li.sfhover ul li.sfhover ul li a{
    background-color: black;
    color: white;
}
 
#top-bar ul li.sfhover ul li.sfhover ul li:hover a{
    background-color: white;
    color: black;
}
 
#side-bar {
    border-left:2px solid gray;
    float:right;
    margin-top:10px;
    overflow:hidden;
    padding:0 15px 0;
    width:200px;
}
 
#search-top-box {
    right:-53px;
    top:50px;
}
 
#search-top-box .button {
    visibility: hidden;
}
 
#search-top-box input.empty {
    background-color: transparent;
    color: grey;
}
 
#search-top-box .text {
    padding:2px 2px 2px 5px;
    width:220px;
}
 
#login-status {
    right: 8px;
    top: 8px;
}
 
#login-status a {
    color: white;
    text-decoration: none;
}
 
#login-status a:hover {
    color: white;
    text-decoration: none;
}
 
#login-status #account-topbutton, .change-textarea-size a {
    color: white;
    background: transparent;
    border-color: white;
    text-decoration: none;
}
 
#login-status #account-topbutton:hover, .change-textarea-size a:hover {
    color: black;
    background: white;
    border-color: transparent;
    text-decoration: none;
}
 
#account-options li a {
    color: white;
    background: black;
    border: none;
    text-decoration: none;
}
 
#account-options li a:hover {
    color: black;
    background: white;
    border: none;
    text-decoration: none;
}
 
input.text, textarea {
    color: grey;
    border-color: grey;
}
 
div.buttons input, input.button, button, file, a.button {
    background: transparent; 
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    border-color: white;
    height: 26px;
    color: white;
}
 
div.buttons input:hover, input.button:hover, button:hover, a.button:hover, file:hover {
    background: white;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    border-color: transparent;
    color: black;
    height: 26px;
}
 
div.page-calendar-box {
    padding: 0;
}
 
a {
    color: grey;
}
 
a:hover {
    background-color: transparent;
    color: grey;
    text-decoration: none;
}
 
a.newpage {
    color: black;
    background-color: grey;
    text-decoration: none;
}
 
a.newpage:hover {
    color: black;
    background-color: grey;
    text-decoration: none;
}
 
/*  Pop-up hover text over images or links  */
/*  Use: [[span class="hover"]]Image or link[[span]]Hover text[[/span]][[/span]] */
 
.hover{
    color: grey;
    text-decoration: none;
}
 
.hover:hover{
    background-color: transparent;
    color: grey;
    text-decoration: none;
}
 
.hover span {
    display: none;
}
 
.hover:hover span {
    position: absolute;
    display: inline;
    margin: 15px -20px;
    height: auto;
    width: auto;
    background: black;
    background-image: url(http://themes.wdfiles.com/local--files/spacedout/background.jpg);
    background-position: top center;
    background-repeat: repeat;
    border: 1px solid white;
    color: white;
    padding: 1em;
    font-size: 12px;
}
 
.hover:hover span span {
    position: relative;
    margin: auto;
    height: auto;
    width: auto;
    border: none;
    padding: 0;
}
 
#breadcrumbs {
    margin: 1em 0 1em 0;
    color: white;
}
 
#breadcrumbs a {
    color: white;
}
 
.odate, .like-odate {
    font-size: 85%;
    font-weight: bold;
    color: grey;
    background: transparent;
    margin: 0;
    padding-top: 0;
    padding-bottom: 0;
}
 
.member .error-block {
    display:none;
}
 
#container {
    width: 90%;
    max-width: 1200px;
}
 
/* IE7 HACK */ 
#top-bar ul > li > ul {  
    *margin-top: -4px; 
}
 
/* TABVIEW LOOKS
===========================*/
 
.yui-navset .yui-nav,
.yui-navset .yui-navset-top .yui-nav {
    border-color:#F9F6F2; /* color between tab list and content */
}
 
.yui-navset .yui-nav a,
.yui-navset .yui-navset-top .yui-nav a {
    background-color:#d8d8d8; /* tab background */
    border-color:#4F4A4A;
    color:#303030;
}
 
.yui-navset .yui-nav a em,
.yui-navset .yui-navset-top .yui-nav a em {
    border-color: #4F4A4A;
}
 
.yui-navset .yui-nav .selected a,
.yui-navset .yui-nav .selected a:focus,
.yui-navset .yui-nav .selected a:hover {
    background-image: none;
    background-color:#F9FCF2; /* DONE selected tab background */
    color:#303030;
}
 
.yui-navset .yui-nav a:hover,
.yui-navset .yui-nav a:focus {
    background-color: #4D4D4D; /* DONE selected tab background */
}
 
.yui-navset .yui-nav .selected a,
.yui-navset .yui-nav .selected a em {
    border-color: #F9FCF2; /* DONE selected tab border color */
}
 
.yui-navset .yui-content {
    background-color: #2E2E2E; /* DONE content background color */
}
 
.yui-navset .yui-content,
.yui-navset .yui-navset-top .yui-content {
    border-color: #FBFFF0; /* DONE content border */
    border-top-color:#FFFFF0; /* DONE different border color */
}
 
.yui-navset-left .yui-content {
    border-color: #FBFFF0; /* DONE content border */
    border-left-color: #FFFF0; /* DONE different border color */
}
 
.yui-navset-bottom .yui-content,
.yui-navset .yui-navset-bottom .yui-content {
    border-color: #FBFFF0; /* DONE content border */
    border-bottom-color: #FFFFF0; /* DONE different border color */
}

Notes

Similar themes fake-wikidot-standard Author: Liurd Rating: 1, Comments: 0 Tags: sidebar topbar Gnl 109557431160 Author: Mukapogx Rating: 0, Comments: 0 Tags: sidebar topbar

Browse themes by tag 2.0 3d 3d-buttons 610nm and and/or ardeol articles band base beige black blog bloo blue bmc border boring brown business camo cat chocholate christian christmas city clan claret claus clay clean coffe coke colorful company contest contest-win corperate corporate corporation creative crimson cross css3 css3-buttons curved d14 dark dashed deep

Comments

RobElliott 30 Nov 2014 10:13

I have uploaded the background image to this page and changed the link to it in the CSS. As we have found on other themes( most recently those by Squark), if the site the image is on is closed down or the image changed or deleted it will break the theme here on the themes site.

---

Rob Elliott - Strathpeffer, Scotland - Wikidot first line support & community admin team.

DrCaduceus 30 Nov 2014 10:13

I've forgotten that. Thanks for fixing.

---

Send Message | Regeneration's a lottery.