IA Theme

Click to preview

Name: IA Theme

Author: JakeD
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:

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/ia-theme

Code

+ show the code

@import url(/common--theme/base/css/text_highlighter.css);
 @import url(/common--theme/base/css/autocomplete.css);
 @import url(/common--theme/base/css/forum.css);
 @import url(/common--theme/base/css/editor.css);
 @import url(/common--theme/base/css/odialog.css);
 
 body{
     margin: 0px;
 }
 
 #container {
    margin: 0 auto;
     padding: 0;
    width: 960px;
 }
 
 /* header */
 #header {
     position: relative;
     z-index: 30;
    height: 170px;
 }
 
 #header h2{
     margin: 0;
     padding: 0;
    position: absolute;
    left: 50px;
    top: 110px;
 }
 
 #content-wrap {
     _height: 1%;
     min-height: 1px;
    padding: 10px 0px 1px 0px;
 }
 
 /* side-bar */
 
 #side-bar{
    float: left;
    width: 200px;
    padding: 10px;
    margin: 0px 10px;
    clear: left;
}
 
 #page-title{
     margin: 0 0 0.5em 0;
    padding-top: 0em; /* Firefox bug? */
     font-size: 200%;
     border-bottom: 1px solid #666;
 }
 
 #main-content{
    margin: 0px 10px 10px 240px;
    padding: 10px 10px;
 }
 
 /* * html #main-content {height: 1%;} */
 
 #license-area {
     padding: 0.5em 0;
     color: #555;
}
 #account-options li{
     display: block;
     margin: 0; padding: 0;
    width: 100%;
 }
#account-options li a {
     display: block;
     box-sizing: border-box;
     -moz-box-sizing: border-box;
     padding: 2px 5px;
     z-index: 40;
    width: 100%;
 }
 
#account-options li a:hover {
     color: black;
 }
#account-topbutton {
     font-size: 80%;
     font-weight: bold;
     padding: 0 5px;
 }
 #top-bar{
     position: absolute;
    left: 240px;
     bottom: 0px;
     z-index:0;
    width: 720px;
}
 
 #top-bar li {
     list-style: none;
     float:left;
     margin: 0 5px;
    padding:0;    
    height: 22px;
 }
 #top-bar li ul{
     padding: 0;
     text-align: center;
     display: block;
     margin: 0;
    padding: 0.3em 1em;
     text-decoration: none;
 }
 #top-bar a:hover {
     border-bottom-color:#243356; /* different border color */
 }
/* Site background image */
 
body {
    background-image: url(http://themes.wikidot.com/local--files/ia-theme/wiki_template.jpg);
    background-position: top center;
    background-repeat: no-repeat;
    background-color: black;
    color: white;
 
}
 
#container {
width: 900px;
}
 
/* Background color of all content of the page below header */
#content-wrap {
    background-image: none;
    background-repeat: repeat-y ;
    background-position: top left;
    background-color: ;
    padding-top: 10px;
}
 
/* Color of page content */
#main-content {
    background-color: ;
    color: ;
    margin-top: 0px;
 
    padding: 0px;
    margin: 0px 25px 10px 250px;
}
 
/* Font, size, color and border of page title */
#page-title {
 
    font-family: Verdana, Arial, Helvetica;
    border-bottom: 1px solid black;
    font-size: 200%;
    margin: 0pt 0pt 10px;
    padding-top: 1em;
    color: ;
    padding-left: 20px;
}
 
#page-content {
    padding: 10px;
}
 
#header {
    background-color: transparent;
    opacity: 1.0;
    width: 900px;
    margin: 0 auto;
    height: 171px;
}
 
#header h1 {
    background-image: none;
    position: absolute;
    left: 0px;
    top: 20px;
}
 
#header h1 a {
    color: #41c3ff;
    font-size: 40px;
    font-weight: bold;
    font-stretch: expanded;
    text-decoration: none;
}
 
#header h1 a:hover {
    color: #b7e8ff;
    background-color: transparent;
    text-decoration: none;
}
 
#header h2 {
    background-image: none;
    color: #b7e8ff;
    left: 0px;
    top: 60px;
}
 
/* 1st MENU ELEMENT */
 
/* Background color */
 
#top-bar {
    bottom: 7px;
    left: 0px;
    position: absolute;
    width: 900px;
}
 
#top-bar li {
    background-color: transparent;
    -moz-border-radius-topleft: 10px;
    -moz-border-radius-topright: 10px;
}
 
/* Font color and decoration */
#top-bar li a {
    color: white;
    text-decoration: none;
}
 
/* Background color on hover */
#top-bar a:hover{
    background-color: transparent; 
    -moz-border-radius-topleft: 10px;
    -moz-border-radius-topright: 10px;
}
 
/* Font color on hover*/
#top-bar li a:hover {
    color: white;
    text-decoration: underline;
}
/* ---------------------------------- */
 
/* 2nd MENU ELEMENT */
#top-bar ul li ul {
    background-color: black;
    opacity: 0.5;
    border: 0px;
}
 
#top-bar ul li ul a {
    background-color: black;
    -moz-border-radius: 0px;
}
 
#top-bar ul li ul a:hover {
    background-color: white; 
    color: black;
    -moz-border-radius: 0px;
}
 
/* ---------------------------------- */
 
/* color of side-bar*/
#side-bar {
    background-color: black;
    margin-top: 0px;
    border: 0px dashed #BB6D00;
    color: white;
    opacity: 0.5;
    padding-left: 20px;
}
 
/*  FONTS   */
 
/* General font family and color*/
body {
    font-family: Verdana, Arial, Helvetica;
    color: ;
}
 
/* Font family of headers */
h1,h2,h3,h4,h5,h6{
    font-family: "Trebuchet MS", Trebuchet, Verdana, Arial, Helvetica;
}
 
/* Sizes, weight and text-decorations of headers */
h1{
    background-repeat: no-repeat;
    background-position: top left;
    padding-left: 34px;
    line-height: 30px;
}
h2{
    font-weight: normal;
    font-size: 150%;
    text-decoration: none;
    background-repeat: no-repeat;
    background-position: top left;
    padding-left: 34px;
    height: 30px;
}
h3{
    font-weight: normal;
    font-size: 130%;
    text-decoration: none;
}
h4{
    font-weight: bold;
    font-size: 120%;
    text-decoration: none;
}
h5 {
    font-weight: bold;
    font-size: 100%;
    text-decoration: none;
}
h6 {
    font-weight: bold;
    font-size: 90%;
    text-decoration: none;
}
 
a {
    color: #41c3ff;
    text-decoration: none;
}
 
a:hover {
    color: #b7e8ff;
    text-decoration: none;
    background: transparent;
 
}
 
a:visited {
    color: #41c3ff;
}
 
a.newpage {
    color: #bd8a40;
}
 
a.newpage:hover {
    color: #bd8a40;
    text-decoration: underline;
}
 
#footer {
    color: #444;
    background-color: transparent;
    opacity: 1.0;
    border-bottom:1px solid #888;
    border-top:1px solid #888;
}
 
#footer a {
    color: #666;
    text-decoration: none;
}
 
#license-area {
    color: #444;
}
 
#license-area a {
    color: #666;
    text-decoration: none;
}
 
#license-area a:hover {
    color: #666;
    text-decoration: underline;
    background-color: transparent;
}
 
#login-status {
    color: black;
 
}
 
#search-top-box {
    position:absolute;
    right:0px;
    top:73px;
    z-index:10;
}

Notes

Similar themes organic Author: Grego1888 Rating: 0, Comments: 0 Tags: sidebar topbar Semi-Trans v. 1.0 Author: Chaotic1 Rating: 0, Comments: 0 Tags: sidebar topbar transparency

Browse themes by tag articles beige black blog blue brown christmas claus clean colorful company corporate dark dashed edu education f1 floral games glass green grey grunge minimalist modern monobook music nature navy no-sidebar notepad no-topbar orange outline rainbow red reflection santa shiny sidebar simple topbar transparency water white wiki wikipedia windows woodcut yellow

Comments

Inverted color boxes unreadable

Kynan 1253021890|%e %b %Y, %H:%M %Z|agohover

Some attention needs to be paid to places where colors get inverted, such as in TOC boxes (light blue on white), floating tooltips (like hovering over a "discuss" link, which are almost white on white), and text shown in version diffs (another white on white scenario).