Alice blue
Name: Alice blue
Author: (user deleted)
License: Creative Commons Attribution-ShareAlike 3.0 License
Tags: blue clean dashed outline simple
Supports top bar menu *: no
Supports side bar menu *: no
* depends on tags: topbar and sidebar
Description:
Alice blue, I made this inspired by the dashed outlines of the clean theme.
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/alice-blue
Code
/* NEW POLICY: include the above CSS inline. See the END of the file.*/ body{ margin: 0px; padding: 0px; } .equation-number{ display: none; } .math-equation{ text-align: left; padding: 0; } /* general font settings */ body{ padding: 0; margin: 0; color: #000040; height: 100%; min-height: 100%; background-color: #e4edf8; } /* HEADINGS */ h1,h2,h3,h4,h5,h6{ font-family: Verdana, Geneva, sans-serif; } h1{ border-bottom: 1px dotted #000040; } h2{ font-weight: normal; font-size: 150%; } h3{ font-weight: normal; font-size: 130%; } h4{ font-weight: bold; font-size: 120%; } h5 { font-weight: bold; font-size: 100%; } h6 { font-weight: bold; font-size: 90%; } img{ border-width: 0px; } blockquote{ border: 1px dotted navy; padding: 0 1em; background-color: aliceblue; } table { empty-cells: show; } td { text-align: left; } a { font-size: 1.15em; text-decoration: none; color: navy; } a:hover{ background-color: #D6ECFF; color: #1E1E82; } h1 a{ text-decoration: none; } body.wait, body.wait *{ cursor: wait; } form{ margin: 0; padding: 0; } a.newpage{ background-color: aliceblue; padding: 0 2px; color: #000040; } a.newpage:hover{ background-color: #090930; } /* * LAYOUT */ #page-content{ } #container{ padding: 0; margin: 0; background-image: none; background-color: #e4edf8; } #container-wrap { padding: 0; margin: 0; background-image: none; background-color: #e4edf8; } /* header */ #header{ background-image: none; height: 48px; border-bottom: 1px dotted aliceblue; background-color: #1E1E82; } #header h1{ background-image:url(http://apostiladigital.wdfiles.com/local--files/start/apostila-virtual.png); background-position: center center; background-repeat: no-repeat; padding: 2px 0 2px 12px; margin: 0; text-align: left; width: 210px; height: 44px; font-size: 0; border: 0; font-family: Verdana, Geneva, sans-serif; } #header h1 a{ color: white; } #header h1 a:hover{ background: none; color: white; } #header h2{ margin: 0 auto 0 10px; text-align: center; width: 650px; font-size: 1.5em; color: #666; } #content-wrap{ padding:0; margin:0; } /* fixes the peekaboo bug in most of the themes (ie6, ie7)*/ #content-wrap { _height: 1%; min-height: 1px; } /* side-bar */ #side-bar{ border: 1px dashed #000040; margin: 0 0.25em 0.25em 0.5em; padding: 0.5em; width: 16.75em; background-color: white; float: left; } #side-bar p { clear:both; padding: 0px; margin: 0px; } } #side-bar ul{ padding: 0 0 0 2em; margin: 0.5em 0; /* padding-left: 2em; margin-left: 0;*/ } #page-title{ letter-spacing: 1px; padding: 0.25em; background-color:#D6ECFF; color: navy; font-size: 120%; border: 1px dotted navy; font-weight: normal; } #breadcrumbs{ margin-top: -0.5em; } #main-content h1 { color: navy; font-weight: normal; font-size: 1.5em; padding-left: 0.25em; } #main-content{ margin-left: 19em; margin-right: 0.5em; margin-top: 10px; margin-bottom: 10px; border: 1px dashed #000040; padding: 0.5em 0.5em 0.25em 0.5em; text-decoration: none; color: #000040; background-color: white; width: 765px; } #main-content p{ margin: 0.5em; padding: 0.8em 0em 0.8 0em; } main-content a{ text-decoration: none; } div p { padding: 0.25em; } /* * html #main-content {height: 1%;} */ /*#main-content {position: relative;}*/ #page-info{ border-top: 1px dashed #000040; clear: both; text-align: center; font-size: 80%; margin: 0; color: #000040; padding-top: 0.5em; } .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 .options a{ color: white; } */ /* general */ #footer { background-color: #1E1E82; color: white; background-image: none; border-top: 1px dotted aliceblue; } #footer a{ color: white; } #footer a:hover{ background-color: #D6ECFF; color: #1E1E82; } #license-area a:hover { background-color: #D6ECFF; color: #1E1E82; } #license-area a { color: aliceblue; } #license-area{ background-color: #555; color: white; text-decoration: none; } /* * NAVIGATION ELEMENTS */ /* top-bar elements */ #search-top-box-form input { display:none; color: navy; background-color: transparent; } #search-top-box input.empty{ color: #AAA; } #login-status { color: white; } #login-status a { color: white; } #login-status a:hover{ background-color: #D6ECFF; color: #1E1E82; } #account-options{ position: absolute; box-sizing: border-box -moz-box-sizing: border-box; width: 15em; right: 0; padding: 0; z-index: 40; background-color: white; 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; padding: 2px 5px; z-index: 40; /*width: 100%;*/ color: navy; } #account-options li a:hover{ background-color: #D6ECFF; color: #1E1E82; } #account-topbutton{ border: 1px dotted aliceblue; background-color: #1E1E82; } /* top-bar menu (inside #header) */ #top-bar{ right: 10em; color: #000040; } #top-bar ul{ display: block; margin:0; padding:0; list-style:none; } #top-bar li{ list-style: none; float:left; margin: 0 5px; padding:0; } #top-bar li ul{ padding: 0; margin: 0; width: 12em; border: 1px solid #EEE; background-color: black; } #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: 1px 1em; text-decoration: none; } #top-bar a:hover { background-color: #fff; text-decoration: underline; } #top-bar li ul li a{ width: 10em; text-align: left; background-color: #FFF; border: none; } #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 dotted #000040; padding: 0 1em; } .page-options-bottom{ margin: 4px 0; text-align: center; height: 1%; /* for shitty IE opacity */ line-height: 150%; } .page-options-bottom a:hover{ background-color: #D6ECFF; border: 1px dotted #1E1E82; color: navy; } .page-options-bottom a{ color: white; background-color: #1E1E82; text-decoration: none; border: 1px dotted aliceblue; font-size: 1em; } .change-textarea-size{ float: right; text-align: right; padding-right: 7em; padding-left: 1em; } .change-textarea-size a{ background-color: aliceblue; border: 1px dotted navy; border-width: 0 1px 1px 1px; padding: 2px 4px; font-size: 120%; text-decoration: none; } .edit-help-34{ margin-top: 2px; } .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); } .preview-message a:hover{ background-color: #FCC9C5; } #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: aliceblue; border: 1px dotted #000040; padding: 0.5em 1em; margin: 1em 0; } #action-area{ width: 100%; padding: 0 0 1em 0; } a.action-area-close{ background-color: navy; border: 1px dotted aliceblue; color: white; float: right; margin: 2px 2px; font-size: 95%; padding: 0 0.7em; } a.action-area-close:hover{ background-color: #D6ECFF; border: 1px dotted navy; color: navy; } /* 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: Verdana, Geneva, sans-serif; font-size: 98%; } pre{ font-family: Verdana, Geneva, sans-serif; } .code { border: 1px dashed #DDD; background-color: #F7F7F7; font-family: Verdana, Geneva, sans-serif; padding: 0 1em; margin: 0.4em 0; overflow: auto; } code { font-family: Verdana, Geneva, sans-serif; } .math-equation{ text-align: center; padding: 0.5em 0; height: 1%; /* for IE to blink ;-) */ } img.math-inline { vertical-align: bottom; } div.list-pages-item { margin: -0.15em; } 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: normal; } .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 dotted navy; 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 dotted aliceblue; text-decoration: none; background-color: navy; color: white; font-size: 1em; } .pager a:hover{ background-color: #D6ECFF; border: 1px dotted #1E1E82; color: navy; } .pager .current{ padding: 0 7px; margin: 0 3px; font-weight: bold; background-color: navy; color: #FFF; border: 1px dotted aliceblue; } .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{ color: white; } .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(../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(../images/progress/progresscircle.gif) } .error-inline{ color: red; border: 1px dashed 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 dotted #000040; color: #000040; 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(../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: black; /*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, .owindow .button-bar a{ background-color: navy; border: 1px dotted aliceblue; padding: 0 2px; color: white; } div.buttons input:hover, input.button:hover, button:hover, a.button:hover, .owindow .button-bar a:hover{ background-color: #D6ECFF; color: navy; padding: 0 2px; border: 1px dotted navy; } input.button.disabled, div.buttons input.disabled{ background-color: #F7F7F7; color: #BBB; } input.button.disabled:hover, div.buttons input.disabled:hover{ background-color: #F7F7F7; color: #BBB; } input.checkbox{ background-color: #D6ECFF; color: #000040; } input.text{ border: 1px dotted #000040; margin: 0 1px; padding: 1px 2px; font-weight: normal; background-color:#D6ECFF; color: #000040; } input.text.invalid{ border-color: red; } textarea{ font-family: Verdana, Geneva, sans-serif; padding: 2px; font-size: 100%; border: 1px dotted #000040; background-color: aliceblue; color: #000040; } 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(../images/feed/feed-icon-14x14.png); content: ' '; */ 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 */ } /***** INCLUDED FILES *******/ /* text_highlighter.css */ .hl-default { color: #000; } .hl-code { color: #000; } .hl-brackets { color: #000; } .hl-comment { color: #494; } .hl-quotes { color: #009; } .hl-string { color: #009; } .hl-identifier { color: #000; } .hl-builtin { color: Teal; } .hl-reserved { color: #55D; } .hl-inlinedoc { color: Blue; } .hl-var { color: #494; } .hl-url { color: Blue; } .hl-special { color: Navy; font-weight: bold; } .hl-number { color: Maroon; } .hl-inlinetags { color: #949; font-weight: bold; } .hl-main { /* background-color: White;*/ } .hl-gutter { background-color: #999999; color: White } .hl-table { } /* autocomplete.css */ .autocomplete-container{ position:relative; width:100%; margin:0; /*z-index: 100;*/ } .autocomplete-input{ position:relative; width:100%; /* height:1.2em;*/ display:block; } .autocomplete-list{ text-align: left; padding: 0; position:absolute; left:0px; width: 100%; /*border:1px solid #404040; background:#fff;*/ /*font-size:95%;*/ overflow:hidden; /* display:none;*/ z-index: 100; } .yui-ac-content{ border:1px solid #404040; background:#fff; } .autocomplete-list ul{ /*position:relative;*/ margin:0; width:100%; padding:2px 0; list-style:none; } .autocomplete-list li{ padding:0 0.5em; cursor:default; white-space:nowrap; /*display:list-item;*/ } .autocomplete-list li.yui-ac-highlight { background-color: #DDD; } /* forum.css */ .forum-breadcrumbs{ margin-top: -0.7em; } .forum-breadcrumbs a{ } .forum-group{ margin: 0.5em 0; } .forum-group div.head{ background-color: #666; color: #FFF; padding: 0.5em 1em; margin: 0; border: 1px solid #333; } .forum-group div.head .title{ font-weight: bold; } .forum-group table{ width: 100%; border-collapse: separate; border-spacing: 1px; } .forum-group table td{ border: 1px solid #DDD; padding: 2px 10px; } .forum-group table td.name .description{ color: #777; font-size: 87%; } .forum-group table td.name .title{ font-weight: bold; } .forum-group table td.last{ width: 17em; font-size: 85%; text-align: center; } .forum-group table td.posts{ width: 5em; text-align: center; } .forum-group table td.threads{ width: 5em; text-align: center; } .forum-group table tr.head td{ text-align: center; font-size: 85%; background-color: #EEE; } /* category-view */ .forum-category-box{ margin: 0.5em 0; } .forum-category-box .description-block{ border: 1px solid #CCC; margin: 1em 4em; padding: 0.5em; background-color: #F5F5F5; height: 100%; overflow: hidden; } .forum-category-box .description-block .statistics{ padding: 0 0.5em; font-size: 85%; color: #666; text-align: right; float: right; } .forum-category-box .options{ text-align: right; margin: 1em 4em; } .forum-category-box table{ width: 100%; border-collapse: separate; border-spacing: 1px; border: 1px solid #BBB; margin: 10px 0; padding:0; } .forum-category-box table td{ border: 1px solid #DDD; padding: 5px 10px; } .forum-category-box table tr.head td{ text-align: center; font-size: 90%; background-color: #EEE; } .forum-category-box table td.name .description{ color: #777; font-size: 87%; } .forum-category-box table td.name .title{ font-weight: bold; } .forum-category-box table td.last{ width: 16em; font-size: 87%; text-align: center; } .forum-category-box table td.posts{ width: 5em; text-align: center; } .forum-category-box table td.started{ width: 17em; text-align: center; font-size: 87%; } .forum-category-box .pager{ margin: 1em 0; text-align: center; } /* new thread */ .forum-new-thread-box .description{ border: 1px solid #CCC; margin: 1em 4em; padding: 0.5em; background-color: #F5F5F5; overflow: auto; } .forum-new-thread-box .description .statistics{ padding: 0 0.5em; font-size: 87%; color: #666; text-align: right; float: right; } /* thread view */ .forum-thread-box{ margin: 0.5em 0; } .forum-thread-box .description-block{ border: 1px solid #CCC; margin: 1em 4em; padding: 0.5em; background-color: #F5F5F5; overflow: hidden; height: 100%; } .forum-thread-box .description-block .head{ color: #777; font-size: 87%; } .forum-thread-box .description-block .statistics{ margin: 0.5em 0; padding: 0 0.5em; font-size: 87%; color: #666; text-align: right; float: right; } .forum-thread-box .options{ text-align: right; margin: 0.2em 4em; } .forum-thread-box .action-area{ margin: 1em 4em; padding: 0.5em 1em; border: 1px solid #EEE; } .thread-container .post{ padding: 10px 0 10px 0; width: 99%; /* I love you IE */ } .thread-container .post .options a{ margin:0; padding:0; color: #77A; } .thread-container .post .head{ padding: 0.2em 0.5em; background-color: #EEE; } .thread-container .post .long .head .options{ float: right; margin:0; padding: 0; } .thread-container .post .long .head .title{ font-weight: bold; font-size: 1.2em; } .thread-container .post .long .head .info{ } .thread-container .post .long .content{} .thread-container .post .long .content p{ /*margin: 5px 0;*/ } .thread-container .post .long .changes{ font-size: 85%; color: #777; text-align: right; margin-bottom: 4px; } .thread-container .post .long .changes a { color: #77A; } .thread-container .post .long .revisions { text-align: right; padding: 0.5em; font-size: 90%; } .thread-container .post .long .revisions .title{ font-weight: bold; font-size: 110%; padding-bottom: 0.3em; } .thread-container .post .long .revisions table { margin: 0 0 0 auto; font-size: 90%; } .thread-container .post .long .revisions table tr.active td{ background-color: #EEE; } .thread-container .post .long .options{ text-align: right; margin: 0; padding: 0; height: 1%; } .thread-container .post .short{ display: none; background-color: #F4F4F4; padding: 0.2em 0.5em; } .thread-container .post .short .options{ color: #77A; float: right; margin:0; padding:0; } .thread-container .post .signature { font-size: 85%; } .thread-container .post .signature hr.signature-separator { margin: 2px auto 2px 0; padding: 0; width: 15em; } .thread-container .post.folded .long{ display: none;} .thread-container .post.folded .short{ display: block;} /* structured layout */ .post-container .post-container{ margin-left: 5%; } .post-container.fordelete{ border: 2px solid #E44; padding: 0.5em; } div.new-post{ text-align: left; margin: 20px 0; } div.new-post a{ border: 1px solid #999; background-color: #F7F7F7; padding: 5px 10px; font-size: 100%; font-weight: bold; } /* recent posts */ .forum-recent-posts-box .pager{ margin: 1em 0; text-align: center; } /* classes for mini-stats */ .forum-mini-stat{ margin: 0.5em 0; } .forum-mini-stat .item .info{ color: #777; font-size: 80%; } /* editor.css */ .wd-editor-toolbar-panel{ display: none; } .wd-editor-toolbar-panel div{ height: 30px; } .wd-editor-toolbar-panel a{ color: navy; margin: 0; /*padding: 0.1em 0.2em;*/ border: 1px transparent; /*float: left;*/ background-color: #FFF; } .wd-editor-toolbar-panel a:hover{ /*background-color: #EEE;*/ border-color: #333; } .wd-editor-toolbar-panel ul{ padding: 0; margin: 0; color: navy; float: left; list-style: none; } .wd-editor-toolbar-panel ul li{ padding: 0; margin: 1px; float: left; /*background-color: #DDD;*/ color: navy; } .wd-editor-toolbar-panel ul li ul { position: absolute; /*width: 10em;*/ /*width: 22px;*/ left: -999em; /* background-color: #FFF;*/ z-index: 30; color: navy; } .wd-editor-toolbar-panel ul li ul li a{ float: none; /*width: 10em;*/ color: navy; } .wd-editor-toolbar-panel ul li ul li{ margin: 0; color: navy; } .wd-editor-toolbar-panel ul li ul li a{ display: block; float: none; color: navy; } .wd-editor-toolbar-panel ul li:hover ul, .wd-editor-toolbar-panel ul li.sfhover ul { left: auto; background-color: black; border: 2px solid #555; color: navy; } .wd-editor-toolbar-panel li.hseparator{ width: 2px; height: 28px; margin: 0 5px; background-color: #333; } .wd-editor-toolbar-panel ul li a{ height: 22px; width: 22px; padding: 0; margin: 0; display: block; color: navy; } .wd-editor-toolbar-panel ul li a span{ display: none; color: navy; } .wd-editor-toolbar-panel a { background-image: url(../images/editor/icons1.png); } .wd-editor-toolbar-panel a:hover { background-image: url(../images/editor/icons3.png); } a.weditor-bold{ background-position: -132px 0; } a.weditor-italic{ background-position: -154px 0; } a.weditor-underline{ background-position: -176px 0; } a.weditor-strikethrough{ background-position: -198px 0; } a.weditor-teletype{ background-position: -220px 0; } a.weditor-quote{ background-position: -242px 0; } a.weditor-superscript{ background-position: -264px 0; } a.weditor-subscript{ background-position: -286px 0; } a.weditor-raw{ background-position: -308px 0; } a.weditor-hr{ background-position: -330px 0; } a.weditor-div{ background-position: -352px 0; } a.weditor-clearfloat{ background-position: -374px 0; } a.weditor-clearfloatleft{ background-position: -396px 0; } a.weditor-clearfloatright{ background-position: -418px 0; } a.weditor-divwiz{ background-position: -440px 0; } a.weditor-table{ background-position: -440px 0; } a.weditor-toc{ background-position: -462px 0; } a.weditor-uri{ background-position: -484px 0; } a.weditor-uriwiz{ background-position: -506px 0; } a.weditor-pagelink{ background-position: -528px 0; } a.weditor-pagelinkwiz{ background-position: -550px 0; } a.weditor-image{ background-position: -572px 0; } a.weditor-imagewiz{ background-position: -594px 0; } a.weditor-video{ background-position: -616px 0; } a.weditor-audio{ background-position: -638px 0; } a.weditor-code{ background-position: -660px 0; } a.weditor-codewiz{ background-position: -682px 0; } a.weditor-numlist{ background-position: -704px 0; } a.weditor-bullist{ background-position: -726px 0; } a.weditor-incindent{ background-position: -748px 0; } a.weditor-decindent{ background-position: -770px 0; } a.weditor-deflist{ background-position: -792px 0; } a.weditor-footnote{ background-position: -814px 0; } a.weditor-math{ background-position: -836px 0; } a.weditor-mathinline{ background-position: -858px 0; } a.weditor-eqref{ background-position: -880px 0; } a.weditor-bib{ background-position: -902px 0; } a.weditor-bibcite{ background-position: -924px 0; } a.weditor-h1{ background-position: 0px 0; } a.weditor-h2{ background-position: -22px 0; } a.weditor-h3{ background-position: -44px 0; } a.weditor-h4{ background-position: -66px 0; } a.weditor-h5{ background-position: -88px 0; } a.weditor-h6{ background-position: -110px 0; } textarea#edit-page-comments { color: black; } /* odialog.css */ .odialog-shader{ position: absolute; top: 0; left: 0; right:0; width: 100%; background-color: #222; filter: alpha(opacity=80); opacity: 0.8; z-index: 40; /* background-image: url(/common--images/opacity1.png);*/ } .odialog-shader-iframe{ position: absolute; top: 0; left: 0; right:0; width: 100%; filter: alpha(opacity=0); opacity: 0; } table#odialog-box-container{ position: absolute; width: 100%; margin: 0; left: 0; } table#odialog-box-container td{ width: 100%; height: 100%; text-align: center; vertical-align: middle; /*border: 2px solid red;*/ } table#odialog-box-container td div{ margin: 0 auto; } #odialog-wrapper{ text-align: center; } #odialog-container{ /* background-color: red;*/ border: 1px dotted #000040; position: absolute; top:0; height: 100%; z-index: 50; width: 100%; } .owindow { background-color: #D6ECFF; color: navy; padding: 0 2px; border: 1px dotted #000040; } .owindow .close{ float: right; padding: 0.2em 0.4em; font-size: 85%; cursor: pointer; cursor: hand; } .owindow .title { letter-spacing: 1px; font-size: 100%; font-weight: normal; background-color: #D6ECFF; color: #000040; padding: 0 2px; border-bottom: 1px dotted #000040; border-top: 0; border-right: 0; border-left: 0; } .owindow .content{ padding: 0.5em 1em; /*overflow: hidden;*/ } .owindow .button-bar{ text-align: right; padding: 0.2em 1em; margin: 0.5em; } .owindow .button-bar input{ padding: 0 0.5em; } /** different boxes/dialogs **/ .owindow.owait { width: auto; } .owindow.owait .content { background-color: #D6ECFF; color: navy; } .owindow.osuccess { width: auto; } .owindow.osuccess .content{ margin: 10px; padding: 0 50px; } .box444{ background-color: white; width: 40%; top: 10px; left: 10px; } .box444 .button-bar{ background-color: #000040; color: aliceblue; text-align: center; } .hovertip { display: none; /* hide by default */ width: 20em; /* default */ background-color: #D6ECFF; color: #000040; padding: 0 2px; border: 1px dashed navy; z-index: 100; } .hovertip .title{ font-weight: bold; padding: 0.2em 0.5em; font-size: 110%; } .hovertip .content{ padding: 0.2em 0.5em; } **bold text**
Notes
Not safe, display problems depending on whether you are browsing with Opera, FF or IE. Plus, slight color shading variances on each browser.
http://themes.wdfiles.com/local--files/alice-blue/Clipboard01.png
- 1st update (Fused both license and bottom toolbar in one dark-grey-near-black bottom bar, bit better now, at least it's just one dark bar now.)
Similar themes
|
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
|
Isn't included in the the theme code itself, I made it by directly editing the nav:side page.
Interesting… :) Will try using this one on a wiki I'm making soon for a group project.
~ Leiger - Wikidot Community Admin - Volunteer
Wikidot: Official Documentation | Wikidot Discord server | NEW: Wikiroo, backup tool (in development)