2point0

Click to preview

Name: 2point0

Author: Squark
License: Creative Commons Attribution-ShareAlike 3.0 License
Tags: 2.0 blog blue border dark modern no-topbar pattern sidebar wallpaper

Supports top bar menu *: no
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/2point0

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;
    padding: 0px;
    background-image: url(http://squark.wdfiles.com/local--files/dev:1/bg.jpg);
}
 
/* general font settings */
body
{
    font-family:Lucida Grande,Verdana,Lucida Sans Regular,Lucida Sans Unicode,Arial,Verdana,sans-serif;
    line-height: 150%;
    font-size:12px;
    font-size-adjust:none;
    font-style:normal;
    font-variant:normal;
    font-weight:normal;
    color: #B9B9B9;
    background-color: black;
 
}
 
/* HEADINGS */
 
h1,h2,h3,h4,h5,h6{
    font-family:Georgia,"Times New Roman",Times,serif;
    font-weight: bold;
    color: #C6C6C6;
}
 
h1{
    font-size: 220%;
    font-weight: normal;
}
h2{
    font-weight: normal;
    font-size: 200%;
 
}
h3{
    font-weight: normal;
    font-size: 150%;
}
h4{
    font-weight: bold;
    font-size: 130%;
}
h5 {
    font-weight: bold;
    font-size: 100%;
}
h6 {
    font-weight: bold;
    font-size: 90%;
}
 
img{
    border-width: 0px;
}
 
blockquote{
    border: 1px dashed #999;
    padding: 0 1em;
    background-color: #f4f4f4;
}
 
table {
    empty-cells: show;
}
td {
    text-align: left;
}
 
a{
    color: #58C7EB;
    text-decoration: none;
}
a:hover{
    background-color: transparent;
    text-decoration: none;
}
 
h1 a{
    text-decoration: transparent;
}
 
body.wait, body.wait *{
    cursor: wait;
}
 
form{
    margin: 0; padding: 0;
}
 
a.newpage{
    color: #cfa924;
}
 
/*
*         LAYOUT 
*/
 
#page-content{
}
 
#container {
    margin: 0 auto;
    width: 1000px;
    padding: 0;
}
 
/* header */
 
#header {
    background-color: #EEEEEE;
    background-image: url(http://squark.wdfiles.com/local--files/dev:1/header_bg.png);
    position: relative;
    z-index: 30;
    height: 200px;
 
    top: 85px;
    border-top: 10px solid white;
    border-left: 10px solid white;
    border-right: 10px solid white;
}
 
#header h1{
    top: -70px;
    margin: 0;
    padding: 0;
    position: absolute;
    font-size: 70px;
    letter-spacing: -9px;
    font-family:Arial,Verdana,sans-serif;
    font-weight:bold;
line-height:70px;
 
}
#header h1 a{
    color: #58C7EB;
    background-color: transparent;
 
}
#header h1 a:hover {
    color: #58C7EB;
    background-color: transparent;
}
 
#header h2{
    margin: 0;
    padding: 0;
    top: -30px;
    left: 300px;
    margin: 0;
    padding: 0;
    position: absolute;
    font-size: 30px;
    letter-spacing: 12px;
    font-family:Arial,Verdana,sans-serif;
    font-weight:bold;
    color: white;
}
 
#content-wrap{
    padding:0; margin:0;
    border-bottom: 10px solid white;
    border-right: 10px solid white;
    border-left: 10px solid white;
    background-color: #222222;
}
 
/* fixes the peekaboo bug in most of the themes (ie6, ie7)*/
#content-wrap {
    _height: 1%;
    min-height: 1px;
}
 
/* side-bar */
 
#side-bar{
    background-color: #3D3D3D;
    border-left: 2px solid black;
    float: right;
    width: 300px;
    padding-top: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
    padding-right: 0px;
    margin: 0 0 0 0;
    clear: both;
}
 
#side-bar ul{
    padding: 0 0 0 0; margin: 0 0;
/*    padding-left: 2em; margin-left: 0;*/
}
 
#page-title{
    margin: 0 0 10px 0;
    padding: 10px; /* Firefox bug? */
    font-size: 200%;
    border-bottom: 1px solid #666;
    letter-spacing: -2px;
}
 
#breadcrumbs{
    margin-top: -0.5em;
}
 
#main-content{
    margin-top: 85px;
    margin-left: 0;
        margin-right: 0;
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 10px;
    padding-bottom: 10px;
    width: 637px;
    background-color: #222222;
}
 
/* * html #main-content {height: 1%;} */
 
/*#main-content {position: relative;}*/
 
#page-info{
    clear: both;
    text-align: right;
    font-size: 87%;
    margin: 2px 2px;
}
 
.page-tags{
    clear: both;
    text-align: left;
    margin: 10px 0 0 0; padding: 0 2px;
}
.page-tags a{
    margin: 0 3px;
}
 
.page-tags span{
    padding-top: 2px;
    border-top: 1px solid #BBB;
    font-size: 85%;
}
 
/* footer */ 
 
#footer{
    margin-top: 5px;
    padding: 3px 10px;
    clear: both; 
    overflow: hidden; 
}
 
#footer .options{
    float: right;
    font-size: 90%;
    padding: 1px 0;
 
}
 
#license-area {
    padding: 0.5em 0;
    color: #555;
    text-align: center;
}
 
/*
*        NAVIGATION ELEMENTS
*/
 
/* top-bar elements */
 
#search-top-box{
    position: absolute;
    right: 44px;
    top: 210px;
    z-index:10;
    display: none;
 
}
 
#search-top-box input.empty{
    color: #AAA;
}
 
#login-status{
    position: absolute;
    right: -10px;
    top: -90px;
    overflow: visible;
    z-index:25;
}
 
#account-options{
    position: absolute;
 
    box-sizing: border-box
    -moz-box-sizing: border-box;
    width: 15em;
    right: 0;
    padding: 0;
    z-index: 40;
    background-color: no;
    display: none;
    border: 1px solid #888;
 
}
 
#account-options ul{
    display: block;
    margin: 0; padding: 0;
    list-style: none;
}
#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;
    -moz-border-radius: 5px;
    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;
    border: 1px solid #888;
    margin-left: 5px;
    text-decoration: none;
    background-color: #FFF;
}
 
/* top-bar menu (inside #header) */
 
#top-bar{
    position: absolute;
    left: 0px;
    right: 0px;
    bottom: 0px;
    z-index:0;
    top: 172px;
    background-image: url(http://squark.wdfiles.com/local--files/dev:1/menu_bg.png);
    background-repeat: repeat-x;
    width: 980px;
    margin: 0;
    padding: 0;
}
 
#top-bar ul{
 
    display: block;
    margin:0; 
    padding:0;
    list-style:none;
}
#top-bar li{
    line-height: 26px;
    list-style: none;
    float:left;
    margin: 0 0px;
    padding:0;
 
}
#top-bar li ul{
 
    padding: 0;
    margin: 0;
    width: 12em;
    border: 0px;
}
 
#top-bar  li ul li{
 
    padding: 0;
    margin: 0;
    /*width: 12em;*/
    display: block;
    float: none;
 
}
 
#top-bar li a{
 
    text-align: center;
    display: block;
    margin: 0;
    padding: 0 6px;
    text-decoration: none;
 
}
#top-bar a:hover {
    background-image: url(http://squark.wdfiles.com/local--files/dev:1/menu_bg2.png);
    background-repeat: repeat-x;
    text-decoration: none;
 
}    
 
#top-bar li ul li a{
    width: 10em;
    text-align: left;
    background-image: url(http://squark.wdfiles.com/local--files/dev:1/menu_bg.png);
    background-repeat: repeat-x;
    border: 0;
}
#top-bar li ul li a:hover{
 
}
 
#top-bar li ul {
    position: absolute;
    /*left: -999em;*/
    visibility: hidden;
}
 
#top-bar li:hover ul, #top-bar li.sfhover ul {
    /*left: auto;*/
    visibility: visible;
}
 
/* side-bar */
 
/* 
*        INTERFACE ELEMENTS 
*/
 
.edit-section-button{
    margin-top: 0.7em;margin-right: 0.5em;
    padding: 0 0.5em;
    float:right;
 
    background-color: #FFF;
}
 
#edit-section-content{
    border: 1px solid #66A;
    padding: 0 1em;
}
 
.page-options-bottom{
    margin: 4px 0;
    text-align: right;
    height: 1%; /* for shitty IE opacity */
    line-height: 150%;
 
}
.page-options-bottom a{
    margin: 2px 2px;
    font-size: 95%;
    padding: 0 8px;
}
 
.change-textarea-size{
    text-align: right;
    padding-right: 7em;
}
.change-textarea-size a{
    color: #B9B9B9;
    background-color: #3D3D3D;
    border: 1px solid #777;
    border-width: 0 1px 1px 1px;
    padding: 2px 4px;
    font-size: 120%;
    text-decoration: none;
}
 
.edit-help-34{
    margin-top: -1em;
}
 
.preview-message{
    position: absolute;
    right: 2em;
    border: 1px dashed #888;
    padding: 0.5em 1em;
    background-color: #FDD;
    max-width: 20em;
    opacity: 0.9;
    filter: alpha(opacity=90);
}
 
#page-version-info{
    position: absolute;
    right: 2em;
    border: 1px dashed #888;
    padding: 0.5em 1em;
    background-color: #EEF;
    max-width: 20em;
    opacity: 0.95;
    filter: alpha(opacity=95);
}
 
#lock-info{
    background-color: #3D3D3D;
    border: 0px solid #CCC;
    padding: 0.5em 1em;
    margin: 1em 0;
}
 
#action-area{
    width: 100%;
    padding: 0 0 1em 0;
}
 
a.action-area-close{
    float: right;
    margin: 2px 2px;
    font-size: 95%;
    padding: 0 0.7em;
}
 
a.action-area-close:hover{
    background-color: #DDD;
}
 
/* FUNCTIONAL ELEMENTS */
 
.odate{
    display: none;
}
 
.wiki-email{
    visibility: hidden;
}
 
/* 
*        WIKI-SPECIFIC ELEMENTS 
*/
 
table.wiki-content-table{
    border-collapse: collapse;
    border-spacing: 0;
    margin: 0.5em auto;
}
table.wiki-content-table td{
    border: 1px solid #888;
    padding: 0.3em 0.7em;
}
table.wiki-content-table th{
    border: 1px solid #888;
    padding: 0.3em 0.7em;
    background-color: #EEE;
}
 
#toc{
    margin: 1em auto 1em 0;
    padding: 0em 0.5em;
    border: 1px dashed gray;
    background-color: #F7F7F7;
    display: table;
 
}
 
#toc .title {
    font-weight: bold;
    margin: 0.2em 0  ;
    padding: 0 2em;
    text-align: center;
}
 
#toc #toc-action-bar{
    padding: 2px;
}
 
#toc-list{
    margin: 0.5em 0;
}
#toc.floatright{
    float: right;
    margin: 1em;
}
#toc.floatleft{
    float: left;
    margin: 1em;
}
 
tt{
    font-family: 'Andale Mono', 'Courier New', Courier, monospace; 
    font-size: 98%;
}
 
pre{
    font-family: 'Andale Mono', 'Courier New', Courier, monospace;
}
 
.code { 
    border: 1px dashed #DDD;
    background-color: #F7F7F7;
    font-family: 'Andale Mono', 'Courier New', Courier, monospace;
    padding: 0 1em;
    margin: 0.4em 0;
    overflow: auto;
}
 
code {
    font-family: 'Andale Mono', 'Courier New', Courier, monospace;
}
 
.math-equation{
    text-align: center;
    padding: 0.5em 0;
    height: 1%; /* for IE to blink ;-) */
}
.equation-number{
    float: right;
    padding-top: 1em;
    font-size: 110%;
}
img.math-inline {
    vertical-align: bottom;
}
 
div.wiki-note{
    width: auto;
    margin: 0.5em 5em;
    border: 1px solid #999;
    text-align: center;
}
 
.footnotes-footer{
    margin: 0; padding: 0.5em 0;
    /*border-top: 1px solid #CCC;*/
    height: 1%;
}
.footnotes-footer .title{
    margin: 0.5em 0;
    font-size: 130%;
    font-weight: bold;
}
 
a.footnoteref{
    display: inline-block;
}
 
.bibitems{
    margin: 0; padding: 0.5em 0;
    /*border-top: 1px solid #CCC;*/
}
.bibitems .title{
    margin: 0.5em 0;
    font-size: 130%;
    font-weight: bold;
}
 
.bibitem{
    height: 1%; /* for IE to blink ;-) */
}
 
a.bibcite{
    display: inline-block;
}    
 
.image-container{
    padding: 1em;
}
 
.image-container.aligncenter{
    text-align: center;
}
 
.image-container.alignright{
    padding-right: 0;
    text-align: right;
}
.image-container.alignleft{
    padding-left: 0;
    text-align: left;
}
.image-container.floatright{
    padding-right: 0;
    float: right;
}
.image-container.floatleft{
    padding-left: 0;
    float: left;
}
 
.gallery-box{
    overflow: hidden;
    width: 98%;
}
 
.gallery-item{
    float: left;
    margin: 5px;
    border: 1px solid #BBB;
}
.gallery-item table{
    width: 100%;
    height: 100%;
}
 
.gallery-item td{
    text-align: center;
}
 
.gallery-item.square {
    width: 85px;
    height: 85px;
}
 
.gallery-item.thumbnail {
    width: 120px;
    height: 120px;
}
 
.gallery-item.small {
    width: 280px;
    height: 280px;
}
 
.gallery-item.medium {
    width: 550px;
    height: 550px;
}
 
.gallery-item.thumbnail td{
 
}
 
.gallery-box .gallery-item table, .gallery-box .gallery-item .td{
    margin: 0; padding: 0;
    border-collapse: collapse;
    border-spacing: 0;
}
 
.new-page-box{
    text-align: center; 
    margin: 1em 0;
}
 
/* history elements */
 
#revision-list .pager{
    margin: 1em 0;
    text-align: center;
}
 
table.page-history td.optionstd a{
    border: 1px solid #BBB;
    padding: 0 3px;
    text-decoration: none;
}
 
.diff-table{
    width: 97%;
}
.diff-table td.from, .diff-table td.to{
    width: 45%;
    border: 1px dashed #BBB;
    vertical-align: top;
    padding: 1em;
}
 
.diff-table td.action{
    padding: 0.5em;
    width: 10%;
    vertical-align: middle;
    text-align: center;
    font-weight: bold;
}
 
.inline-diff ins{
    background-color: #DDF;
}
.inline-diff del{
    background-color: #FCC;
}
 
table.page-compare{
    border-collapse: collapse;
    border-spacing: 0;
    margin: 1em auto;
}
table.page-compare td, table.page-compare th{
    padding: 0.2em 1em;
    border: 1px solid #CCC;
}
 
.page-source{
    border: 1px dashed #AAA;
    padding: 1em 2em;
    /*overflow: auto;*/
    /*white-space: pre-wrap;*/
 
}
 
.page-source pre{
    white-space: wrap;
}
 
.wiki-parse-error{
    color: red;
    padding: 0.2em 0;
}
 
.spantip{
    cursor: help;
    text-decoration: underline;
}
 
.pager{
    margin: 0.5em 0;
}
 
.pager-no{
    padding: 0.2em 1em;
}
 
.pager .dots{
    padding: 0 7px;
    margin: 0 3px;
}
.pager a{
    padding: 0 7px;
    margin: 0 3px;
    border: 1px solid #CCC;
    text-decoration: none;
}
.pager .current{
    padding: 0 7px;
    margin: 0 3px;
    font-weight: bold;
    background-color: #888;
    color: #FFF;
    border: 1px solid #333;
}
.pager .target {
 
}
 
/* page files & files upload */
 
table.page-files {
    margin: 1em auto;
    border-collapse: collapse;
    border-spacing: 0;
}
table.page-files td{
    padding: 2px 5px;
}
table.page-files .highlight{
    background-color: #EEE;
}
table.page-files .options{
    text-align: right;
}
 
/* print user */
.printuser{
}
 
.printuser a{
    margin-right: -1px;
}
 
.printuser img.small{
    vertical-align: -0.3em;
    margin: 0;
    width: 16px;
    height: 16px;
    z-index:0;
    padding: 1px 9px 1px 8px;
    background-repeat: no-repeat;
    background-position: center left;
}
 
.printuser.anonymous img.small{
    padding: 1px;
}
 
a.avatar-hover,  a.avatar-hover:hover {
    background: none;
    background-image: url(/common--theme/base/images/background/opacity2.png);
    padding: 8px;
    text-decoration: none;
    font-size: 130%;
    color: black;
    font-weight: bold;
}
 
a.avatar-hover img{
 vertical-align: middle;
}
 
a.avatar-hover div{
    position: relative;
}
 
a.avatar-hover div div{
    position: absolute;
    left: 48px;
    top: 0;
    height: 48px;
    right: 0px;
    width: 100%;
    background-color: white;
    opacity: 0.9;
    filter: alpha(opacity=90);
 
}
 
a.avatar-hover div span{
    padding: 0.5em 1em;
    margin: 0 1em;
    background-color: white;
    opacity: 0.9;
    filter: alpha(opacity=90);
    z-index: 30;
 
}
 
.printuser a:hover img.large{
    display: block;
}
 
.printuser .ip{
    font-size: 90%;
}
 
/* inline widgets */
 
.wait-block{
    padding-left: 20px; 
    background-repeat: no-repeat;
    background-image: url(/common--theme/base/images/progress/progresscircle.gif)
}
 
.error-inline{
    color: red;
    border: 1px solid red;
}
 
.error-block{
    color: #B00;
    padding: 1em;margin: 1em;
    border: 1px solid #FAA;
}
 
.error-block  .title{
    font-size: 120%;
    font-weight: bold;
    margin-bottom: 0.5em;
}
 
.warning-block{
    color: #444;
    padding: 1em;margin: 1em;
    border: 2px solid yellow;
}
 
.warning-block  .title{
    font-size: 120%;
    font-weight: bold;
    margin-bottom: 0.5em;
}
 
.help-block{
    border: 1px solid #AFA;
    color: #030;
    padding: 1em;margin: 1em;
}
 
.wait-icon{
 
    height: 40px;
    background-repeat: no-repeat;
    background-position: center center;
    background-image: url(http://www.napyfab.com/ajax-indicators/images/indicator_medium.gif);
}
 
.wait-progress{
    height: 20px;
    background-repeat: no-repeat;
    background-position: center center;
    background-image: url(/common--theme/base/images/progress/progressbar.gif);
}
 
/* private messages */
 
.pmessage{
    margin: 1em 0;
}
 
.pmessage  .header{
    padding: 0.2em 0.5em;
    border: 1px solid #EEE;
    background-color: #F4F4F4;
}
 
.pmessage  .header td.subject{
    font-weight: bold;
}
 
.pmessage  .body{
    padding: 0.5em 0.5em;
}
 
/* FORMS */
 
table.form{
    margin: 0 auto;
}
 
table.form.alignleft{
    margin: 0 auto 0 0;
}
 
table.form td, table.form th{
    vertical-align: top;
    padding: 0.2em 1em;
}
 
table.form > tr> td:first-child{
    text-align: right;
}
 
table.form.grid{
    border-collapse: collapse;
    border-spacing: 0;
}
table.form.grid td, table.form.grid th{
    border: 1px solid #DDD;
    padding: 0.5em 1em;
}
 
table.form td  div.sub, form div.sub{
    font-size: 90%;
    color: #777;
}
 
table.form tr.invalid-value-row td{
    background-color: #fdff95;
}
 
table.form  div.field-error-message{
    display: none;
    color: #D00;
}
table.form  tr.invalid-value-row div.field-error-message{
    display: none;
    color: #D00;
}
 
table.form tr.invalid-value-row td div.field-error-message{
    display: block;
}
 
hr{
     margin: 1em 2em;
    padding: 0;
    height: 1px;
    border: none;
    /*color: #555545;*/
    color: #DDD;
    background-color: #E0E8FF;
    /*background-color: #555545;*/
}
 
* html hr {
    margin: 2px 2em;
}
 
/* from elements */
 
input {
    font-size: 100%; /* ie6 sucks so much... */
}
 
div.buttons{
    text-align: center;
    padding: 1em 0;
}
 
div.buttons.alignleft{
    text-align: left; 
}
 
div.buttons input, input.button, button, file, a.button{
    height: 26px;
    margin: 0 2px;
    padding: 0px 0.5em;
    text-decoration: none;
    background-image: url(http://squark.wdfiles.com/local--files/dev:1/menu_bg.png);
    background-repeat: repeat-x;
    border:0px solid #AAAAAA;
    color:#B9B9B9;
 
}
div.buttons input:hover, input.button:hover, button:hover,  a.button:hover{
    height: 26px;
    background-image: url(http://squark.wdfiles.com/local--files/dev:1/menu_bg2.png);
    background-repeat: repeat-x;
    border:0px solid #AAAAAA;
    color:#B9B9B9;
}
 
input.button.disabled, div.buttons input.disabled{
    background-image: url(http://squark.wdfiles.com/local--files/dev:1/menu_bg.png);
    background-repeat: repeat-x;
    background-color: #F7F7F7;
    color: #000;
 
}
input.button.disabled:hover, div.buttons input.disabled:hover{
    background-image: url(http://squark.wdfiles.com/local--files/dev:1/menu_bg.png);
    background-repeat: repeat-x;
    background-color: #F7F7F7;
    color: #000;
}
 
input.checkbox{
    background-color: #FFF;
    color: #000;
}
 
input.text{
    border: 1px solid #777;
    margin: 0 1px;
    padding: 1px 2px;
    background-color: #3D3D3D;
    color: #D3D3D3;
}
 
input.text.invalid{
    border-color: red;
}
 
textarea{
    font-family:Lucida Grande,Verdana,Lucida Sans Regular,Lucida Sans Unicode,Arial,Verdana,sans-serif;
    padding: 2px;
    font-size: 100%;
    border: 1px solid #777;
    background-color: #3D3D3D;
    color: #B9B9B9;
}
 
select{
    border: 1px solid #777;
}
 
div.note{
    font-size: 90%;
    margin: 1em; padding: 0 1em;
    border: 1px solid #EEE;
    background-color: #F4F4F4;
}
 
div.note-block{
    padding: 0 1em;margin: 0.5em 0 ;
    border: 1px solid #EAA;
}
 
/* a few usefull elements */
 
div.sites-list {}
 
div.site-list-item {
    margin: 0.5em 0;
    padding: 0.3em;
}
 
div.site-list-item:hover{
    background-color: #F6F6F6;
}
 
div.site-list-item .name{
    font-size: 120%;
    font-weight: bold;
}
div.site-list-item .subtitle{
}    
div.site-list-item .description{
    font-style: italic;
    padding-left: 2em;
}
 
div.site-list-item .options {
/*    position: absolute;
    margin-left: 300px; */
 
    float: right;
    margin-right: 100px;
}
 
.search-highlight{
    background-color: yellow;
}
 
.self-ads{
    width: 700px;
    margin: 1em auto;padding: 10px 10px;
    border: 1px solid #888;
 
}
.self-ads .title{
    font-size: 1.5em;
    padding-bottom: 5px;
}
.self-ads .image{
    float: right;
    padding-left: 1em;
}
 
.rss-icon{
    /*width: 14px; height: 14px;*/
    /*
    background-image: url(/files--common/theme/base/images/feed/feed-icon-14x14.png);
    content: '&nbsp';
*/
    vertical-align: -10%;
}
 
/* FOLDABLE LISTS */
/*
div.foldable-list-container li.folded{
    color: red;
}
div.foldable-list-container li.unfolded{
    color: blue;
}*/
 
#side-bar div.foldable-list-container ul li ul li{
    font-size: 90%;
}
 
/* hack for the login iframe */
#login-iframe{
    height: 24em;
}
 
/* OTHER WIDGETS */
 
/* tabview */
/*
Copyright (c) 2007, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.3.1
*/
/* default space between tabs */
.yui-navset .yui-nav li,
.yui-navset .yui-navset-top .yui-nav li,
.yui-navset .yui-navset-bottom .yui-nav li {
    margin:0 0.5em 0 0; /* horizontal tabs */
}
.yui-navset-left .yui-nav li,
.yui-navset-right .yui-nav li {
    margin:0 0 0.5em; /* vertical tabs */
}
 
/* default width for side tabs */
.yui-navset .yui-navset-left .yui-nav,
.yui-navset .yui-navset-right .yui-nav,
.yui-navset-left .yui-nav,
.yui-navset-right .yui-nav { width:6em; }
 
.yui-navset-top .yui-nav,
.yui-navset-bottom .yui-nav {
    width:auto;
}
.yui-navset .yui-navset-left,
.yui-navset-left { padding:0 0 0 6em; } /* map to nav width */
.yui-navset-right { padding:0 6em 0 0; } /* ditto */
 
.yui-navset-top,
.yui-navset-bottom {
    padding:auto;
}
/* core */
 
.yui-nav,
.yui-nav li {
    margin:0;
    padding:0;
    list-style:none;
}
.yui-navset li em { font-style:normal; }
 
.yui-navset {
    position:relative; /* contain absolute positioned tabs (left/right) */
    zoom:1;
}
 
.yui-navset .yui-content { zoom:1; }
 
.yui-navset .yui-nav li,
.yui-navset .yui-navset-top .yui-nav li, /* in case nested */
.yui-navset .yui-navset-bottom .yui-nav li {
    display:inline-block;
    display:-moz-inline-stack;
    *display:inline; /* IE */
    vertical-align:bottom; /* safari: for overlap */
    cursor:pointer; /* gecko: due to -moz-inline-stack on anchor */
    zoom:1; /* IE: kill space between horizontal tabs */
}
 
.yui-navset-left .yui-nav li,
.yui-navset-right .yui-nav li {
    display:block;
}
 
.yui-navset .yui-nav a { position:relative; } /* IE: to allow overlap */
 
.yui-navset .yui-nav li a,
.yui-navset-top .yui-nav li a,
.yui-navset-bottom .yui-nav li a {
    display:block;
    display:inline-block;
    vertical-align:bottom; /* safari: for overlap */
    zoom:1;
}
 
.yui-navset-left .yui-nav li a,
.yui-navset-right .yui-nav li a {
    display:block;
}
 
.yui-navset-bottom .yui-nav li a {
    vertical-align:text-top; /* for inline overlap (reverse for Opera border bug) */
}
 
.yui-navset .yui-nav li a em,
.yui-navset-top .yui-nav li a em,
.yui-navset-bottom .yui-nav li a em { display:block; }
 
/* position left and right oriented tabs */
.yui-navset .yui-navset-left .yui-nav,
.yui-navset .yui-navset-right .yui-nav,
.yui-navset-left .yui-nav,
.yui-navset-right .yui-nav {
   position:absolute;
   z-index:1; 
}
 
.yui-navset-top .yui-nav,
.yui-navset-bottom .yui-nav {
    position:static;
}
.yui-navset .yui-navset-left .yui-nav,
.yui-navset-left .yui-nav { left:0; right:auto; }
 
.yui-navset .yui-navset-right .yui-nav,
.yui-navset-right .yui-nav { right:0; left:auto; }
 
/*
Copyright (c) 2007, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.3.1
*/
/* .yui-navset defaults to .yui-navset-top */
.yui-navset .yui-nav,
.yui-navset .yui-navset-top .yui-nav { /* protect nested tabviews from other orientations */
    border:solid #2647a0; /* color between tab list and content */
    border-width:0 0 5px;
    Xposition:relative;
    zoom:1;
}
 
.yui-navset .yui-nav li,
.yui-navset .yui-navset-top .yui-nav li {
    margin:0 0.16em 0 0; /* space between tabs */
    padding:1px 0 0; /* gecko: make room for overflow */
    zoom:1;
}
 
.yui-navset .yui-nav .selected,
.yui-navset .yui-navset-top .yui-nav .selected { 
    margin:0 0.16em -1px 0; /* for overlap */
}
 
.yui-navset .yui-nav a,
.yui-navset .yui-navset-top .yui-nav a {
    background:#d8d8d8 url(/common--javascript/yahooui/assets/sprite.png) repeat-x; /* tab background */
    border:solid #a3a3a3;
    border-width:0 1px;
    color:#000;
    position:relative;
    text-decoration:none;
}
 
.yui-navset .yui-nav a em,
.yui-navset .yui-navset-top .yui-nav a em {
    border:solid #a3a3a3;
    border-width:1px 0 0;
    cursor:hand;
    padding:0.25em .75em;
    left:0; right: 0; bottom: 0; /* protect from other orientations */
    top:-1px; /* for 1px rounded corners */
    position:relative;
}
 
.yui-navset .yui-nav .selected a,
.yui-navset .yui-nav .selected a:focus, /* no focus effect for selected */
.yui-navset .yui-nav .selected a:hover { /* no hover effect for selected */
    background:#2647a0 url(/common--javascript/yahooui/assets/sprite.png) repeat-x left -1400px; /* selected tab background */
    color:#fff;
}
 
.yui-navset .yui-nav a:hover,
.yui-navset .yui-nav a:focus {
    background:#bfdaff url(/common--javascript/yahooui/assets/sprite.png) repeat-x left -1300px; /* selected tab background */
    outline:0;
}
 
.yui-navset .yui-nav .selected a em {
    padding:0.35em 0.75em; /* raise selected tab */
}
 
.yui-navset .yui-nav .selected a,
.yui-navset .yui-nav .selected a em {
    border-color:#243356; /* selected tab border color */
}
 
.yui-navset .yui-content {
    background:#f4f5ff; /* content background color */
}
 
.yui-navset .yui-content,
.yui-navset .yui-navset-top .yui-content {
    border:1px solid #808080; /* content border */
    border-top-color:#243356; /* different border color */
    padding:0.25em 0.5em; /* content padding */
}
 
/* left and right orientations */
.yui-navset-left .yui-nav,
.yui-navset .yui-navset-left .yui-nav,
.yui-navset .yui-navset-right .yui-nav,
.yui-navset-right .yui-nav {
    border-width:0 5px 0 0;
    Xposition:absolute; /* from tabview-core; have to reiterate for skin-sam due to pos:rel on skin-sam yui-nav */
    top:0; bottom:0; /* stretch to fill content height */
}
 
.yui-navset .yui-navset-right .yui-nav,
.yui-navset-right .yui-nav {
    border-width:0 0 0 5px;
}
 
.yui-navset-left .yui-nav li,
.yui-navset .yui-navset-left .yui-nav li,
.yui-navset-right .yui-nav li {
    margin:0 0 0.16em; /* space between tabs */
    padding:0 0 0 1px; /* gecko: make room for overflow */
}
 
.yui-navset-right .yui-nav li {
    padding:0 1px 0 0; /* gecko: make room for overflow */
}
 
.yui-navset-left .yui-nav .selected,
.yui-navset .yui-navset-left .yui-nav .selected { 
    margin:0 -1px 0.16em 0;
}
 
.yui-navset-right .yui-nav .selected { 
    margin:0 0 0.16em -1px;
}
 
.yui-navset-left .yui-nav a,
.yui-navset-right .yui-nav a {
    border-width:1px 0;
}
 
.yui-navset-left .yui-nav a em,
.yui-navset .yui-navset-left .yui-nav a em,
.yui-navset-right .yui-nav a em {
    border-width:0 0 0 1px;
    padding:0.2em .75em;
    top:auto;
    left:-1px; /* for 1px rounded corners */
}
 
.yui-navset-right .yui-nav a em {
    border-width:0 1px 0 0;
    left:auto;
    right:-1px; /* for 1px rounded corners */
}
 
.yui-navset-left .yui-nav a,
.yui-navset-left .yui-nav .selected a,
.yui-navset-left .yui-nav a:hover,
.yui-navset-right .yui-nav a,
.yui-navset-right .yui-nav .selected a,
.yui-navset-right .yui-nav a:hover,
.yui-navset-bottom .yui-nav a,
.yui-navset-bottom .yui-nav .selected a,
.yui-navset-bottom .yui-nav a:hover {
    background-image:none; /* no left-right or bottom-top gradient */
}
 
.yui-navset-left .yui-content {
    border:1px solid #808080; /* content border */
    border-left-color:#243356; /* different border color */
}
 
/* bottom orientation */
.yui-navset-bottom .yui-nav,
.yui-navset .yui-navset-bottom .yui-nav {
    border-width:5px 0 0; /* color between tab list and content */
}
 
.yui-navset .yui-navset-bottom .yui-nav .selected,
.yui-navset-bottom .yui-nav .selected { 
    margin:-1px 0.16em 0 0; /* for overlap */
}
 
.yui-navset .yui-navset-bottom .yui-nav li,
.yui-navset-bottom .yui-nav li { 
    padding:0 0 1px 0; /* gecko: make room for overflow */
    vertical-align:top;
}
 
.yui-navset .yui-navset-bottom .yui-nav li a,
.yui-navset-bottom .yui-nav li a { 
}
 
.yui-navset .yui-navset-bottom .yui-nav a em,
.yui-navset-bottom .yui-nav a em {
    border-width:0 0 1px;
    top:auto;
    bottom:-1px; /* for 1px rounded corners */
}
 
.yui-navset-bottom .yui-content,
.yui-navset .yui-navset-bottom .yui-content {
    border:1px solid #808080; /* content border */
    border-bottom-color:#243356; /* different border color */
}
 
.thread-container .post .head {
background-color:#3D3D3D;
padding:0.2em 0.5em;
}
 
.collapsible-block-content ul {
margin: 0;
}
 
#collapsible-block-content ul {
margin: 0;
}
 
.list-pages-box {
margin: 0;
}

Notes

If you want to make custom Side menu, take a look at http://snippets.wikidot.com/code:collapsible-block-unleashed or take a look at my page http://www.squark.pl to see how it all should look like.

Similar themes Arkite Author: Cyrem Rating: 2, Comments: 0 Tags: black business clean company corperate dark light modern no-sidebar professional simple topbar white Orange Metal Author: rhombus p Rating: 1, Comments: 0 Tags: 610nm metal orange sidebar topbar

Browse themes by tag 610nm articles beige black blog blue brown business christmas clean colorful company corperate corporate curved dark dashed edu education f1 floral glass green grey grunge minimalist modern monobook nature navy no-sidebar no-topbar orange outline professional rainbow red roblox santa shiny sidebar simple topbar transparency white wide wiki wikipedia windows yellow

Comments

Doesn't work?

Teh_Crimson_King 1240715380|%e %b %Y, %H:%M %Z|agohover

When I try to use it it just shows up with alot of white and blue boxes. I've tried the import and copy-pasting the code into the box but it won't work.

Re: Doesn't work?

naz 1244128616|%e %b %Y, %H:%M %Z|agohover

Yes it does work.
Just follow the instructions !

Nice Theme

naz 1244128564|%e %b %Y, %H:%M %Z|agohover

Very nice theme, works almost flawless :)

1. The Sidebar-dots are out of the "gray area", they should be more to the right
2. When editing the "Need help? Check the wiki syntax description and code snippets collection" is in the editing field.

Suggestions:

1.Could you please remove the white border around the main frame ?

Thanks again for the theme !

Last edited on 1244128674|%e %b %Y, %H:%M %Z|agohover By naz + Show more

Menu Bar

Otakusensei 1245961924|%e %b %Y, %H:%M %Z|agohover

Any way to make the drop down menus scale to the items in them? I'm getting some odd looking multiline problems.