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

Doesn't work?

Teh_Crimson_King 26 Apr 2009 03:09

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 04 Jun 2009 15:16

Yes it does work.
Just follow the instructions !

Nice Theme

naz 04 Jun 2009 15:16

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 04 Jun 2009 15:17 by naz Show more

Menu Bar

Otakusensei 25 Jun 2009 20:32

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

Kringloopwinkel

Rousseau Eva 27 Nov 2012 19:39

Theme

It works

coolcreator 17 Oct 2014 20:13

Ok I edited it and it works with my wiki:http://retroplayer.wikidot.com/

---

You know what I like?People who actually know how to use a wiki duh.