Office

Click to preview

Name: Office

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

Tags: colorful corporate sidebar simple topbar white

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

Description:

Version: 1.0
Not tested and not supported for IE, only Firefox 3.0+

Feel free to make changes and upload as newer versions.

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/office

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.wdfiles.com/local--files/office/bg.jpg);
    background-position: top center;
    background-repeat: no-repeat;
    background-color: white;
    color: black;
 
}
 
/* Background color of all content of the page below header */
#content-wrap {
    background-image: url(http://themes.wdfiles.com/local--files/office/shadow.png);
    background-repeat: repeat-y ;
    background-position: top left;
    background-color: ;
    border-top: 1px solid #BBD8E9;
    border-bottom: 1px solid #BBD8E9;
    padding-top: 10px;
}
 
/* Color of page content */
#main-content {
    background-color: ;
    color: ;
    margin-top: 0px;
    border: 0px dashed #539B75;
    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: 940px;
    margin: 0 auto;
    height: 272px;
}
 
#header h1 {
    position: absolute;
    left: 220px;
    top: 80px;
}
 
#header h1 a {
    color: #FF6600;
    font-size: 40px;
    font-weight: bold;
    font-stretch: expanded;
    text-decoration: none;
}
 
#header h1 a:hover {
    color: #FF6600;
    background-color: transparent;
    text-decoration: none;
}
 
#header h2 {
    color: #007FC9;
    left: 220px;
    top: 140px;
}
 
/* 1st MENU ELEMENT */
 
/* Background color */
#top-bar li {
    background-color: #81BEDC;
    -moz-border-radius-topleft: 10px;
    -moz-border-radius-topright: 10px;
}
 
/* Font color and decoration */
#top-bar li a {
    color: black;
    text-decoration: none;
}
 
/* Background color on hover */
#top-bar a:hover{
    background-color: #699AB3; 
    -moz-border-radius-topleft: 10px;
    -moz-border-radius-topright: 10px;
}
 
/* Font color on hover*/
#top-bar li a:hover {
    color: black;
    text-decoration: none;
}
/* ---------------------------------- */
 
/* 2nd MENU ELEMENT */
#top-bar ul li ul {
    background-color: ;
    border: 0px;
}
 
#top-bar ul li ul a {
    background-color: #81BEDC;
    -moz-border-radius: 0px;
}
 
#top-bar ul li ul a:hover {
    background-color: ; 
    -moz-border-radius: 0px;
}
 
/* ---------------------------------- */
 
/* color of side-bar*/
#side-bar {
    background-color: ;
    margin-top: 0px;
    border: 0px dashed #BB6D00;
    color: ;
    padding-left: 20px;
    border-right: 1px dashed #BEDBEC;
}
 
/*  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{
    font-size: 190%;
    font-weight: normal;
    text-decoration: none;
}
h2{
    font-weight: normal;
    font-size: 150%;
    text-decoration: none;
}
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: #005EAC;
}
 
a:hover {
    color: #04A2DB;
}
 
a:visited {
    color: #005EAC;
}
 
a.newpage {
    color: #88ABC4;
}
 
a.newpage:hover {
    color: #88ABC4;
    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:7px;
    z-index:10;
    width: 920px
}

Notes

Similar themes qwq Author: TheOasis Rating: 2, Comments: 0 Tags: pink qwq topbar Cooltheme3 Author: Potatos are good 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

Project BND Kortrijk

Sarah Demeyere 28 Nov 2012 10:29

BND Kortrijk