MephTest

Click to preview

Name: MephTest

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

Tags:

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

Description:

How to install

• go to: your wiki admin panel » appearance » themes
• choose External CSS theme
• supply the following URL as the CSS location

http://themes.wdfiles.com/local--code/mephtest

Code

+ show the code

[!-- @import "http://static.wikidot.com/common--theme/shiny/css/style.css";
 
/* SITE MANAGER
------------------------------*/
 
#sm-menu, #sm-menu ul {
    background-color: #222222;
}
 
#site-manager-menu{
    border-right: 1px solid #FBB611;
}
 
#site-manager-menu .head{
    color: #0A87B7;
} 
 
#site-manager-menu hr{
    color: #222222;
    background-color: #222222;
}
 
#site-manager-menu li a.active{
    color: #0A87B7;
    background-color: #222222;
}
 
.sm-fgroup{
    border: 1px solid #FBB611;
}
 
.sm-fgroup-name{
    color: #0A87B7;
    background-color: #000000;
    border-top: 1px solid #FBB611;
    border-left: 1px solid #FBB611;
    border-right: 1px solid #FBB611;
}
 
.sm-fgroup-description{
    background-color: #000000;
    border-left: 1px solid #FBB611;
    border-right: 1px solid #FBB611;
}
 
.sm-fgroup-options{
    background-color: #000000;
    border: 1px solid #FBB611;
}
 
/* CONTAINERS
------------------------------*/
 
div#container-wrap {    
    background-image: none;
    background-repeat:repeat-x;
}
 
#content-wrap {
    margin:50px 0 auto;
    width:100%;
    min-height:1px;
}
 
/* BUTTONS
------------------------------*/
 
div.buttons input, input.button, button, a.button {
    color: #0A87B7;
    background-color: #222222;
    font-weight: bold;
    border-radius: 8px 8px;
    -moz-border-radius: 8px 8px;
    -webkit-border-radius: 8px 8px;
}
 
div.buttons input:hover, input.button:hover, button:hover, a.button:hover {
    color: #FBB611;
    background-color: #222222;
    text-decoration: none;
}
 
/* HEADER
------------------------------*/
 
#header {
    background-color:#222222;
    background-image:url(https://i.imgur.com/TB9eZqN.png);
    background-position:center bottom;
    background-repeat:no-repeat;
    border-top:0px #000000;
    border-bottom:22px solid #000000;
    height:118px;
    width:100%;
}
 
#header h1{
    display:none;
}
 
#header h2{
    display:none;
}
 
/* TOP BAR
------------------------------*/
 
#top-bar{
    position: absolute;
    left: 0px;
    bottom: 0px;
    width: 100%;
}
 
#top-bar li{
    float:right;
    margin: 0 10px;
}
 
#top-bar li ul{
    padding: 0;
    margin: 0;
    width: 12em;
    border: 1px solid #222222;
}
 
#top-bar li a {
    color: #FBB611;
    font-weight: bold;
    text-decoration: none;
    background-color: #222222;
}
 
#top-bar a:hover {
    color: #FBB611;
    background-color: #222222;
    text-decoration: none;
}
 
#top-bar li ul li a{
    background-color: #222222;
    text-align: left;
}
 
#top-bar ul li.sfhover a,
#top-bar ul li:hover a {
    color: #FBB611;
    font-weight: bold;
    text-decoration: none;
    background:#222222;
    border-bottom: 2px solid #0A87B7;
}
 
#top-bar ul li:hover a:hover {
    color: #0A87B7;
    background: #222222;
    text-decoration: none;
}
 
#top-bar ul li.sfhover ul li a,
#top-bar ul li:hover ul li a {
    border-top: 1px solid #222222;
}
 
/* LOGIN STATUS
------------------------------*/
 
#login-status {
    color:#FBB611;
    font-size:100%;
    z-index:30;
    overflow:visible;
    position:absolute;
    right:10px;
    top:10px;
    z-index:25;
}
 
#login-status a {
    background:transparent none repeat scroll 0 0;
    color:#FBB611;
}
 
#account-options li{
    display: block;
    margin: 0; padding: 0;
    width: 100%;
    color: #0A87B7;
    background-color: #222222;
 }
 
#account-options li a {
    display: block;
    margin: 0; padding: 0;
    color:  #FBB611;
    width: 100%;
    background-color: #222222;
 }
 
#account-options li a:hover {
    text-decoration: none;
    background-color:#000000;
    color: #0A87B7;
 }
 
/* SIDE BAR
------------------------------*/
 
#side-bar {
    width: 190px;
    color: #FFFFFF
    background-image:none;
    background-repeat: no-repeat;
    border-radius: 10px 10px;
    -moz-border-radius: 10px 10px;
    -webkit-border-radius: 10px 10px;
    background-color:#222222;
    border:4px solid #FBB611;
    margin:0 2em 0 2em;
    padding-left:2em;
    padding-right:2em;
    padding-top:2em;
}
 
#side-bar h1{
    color: #0A87B7;
}
 
#side-bar h2{
    color: #0A87B7;
}
 
#side-bar h3{
    color: #0A87B7;
}
 
#side-bar h4{
    color: #0A87B7;
}
 
#side-bar h5{
    color: #0A87B7;
}
 
#side-bar h6{
    color: #0A87B7;
}
 
/* FOOTER
------------------------------*/
 
#footer {
    background-color: #000000;
}
 
#footer a {
    color: #0A87B7;
}
 
#footer a:hover {
    color: #FBB611;
}
 
/* LICENSE AREA
------------------------------*/
 
#license-area {
    color: #E0E0E0;
}
 
/* MAIN BODY & CONTENT
------------------------------*/
 
body {
    background:#222222 url(http://themes.wdfiles.com/local--files/kingfisher/kingfisher_background.png) repeat scroll center top;
    width:100%;
    color:#FFFFFF;
    padding:0;
    font: 13px Verdana, Arial, Helvetica, sans-serif;
}
 
#main-content {
    color: #FFFFFF
    background-image:none;
    background-repeat: no-repeat;
    border-radius: 10px 10px;
    -moz-border-radius: 10px 10px;
    -webkit-border-radius: 10px 10px;
    background-color:#222222;
    border:4px solid #FBB611;
    margin:0 2em 0 25em;
    padding-left:2em;
    padding-right:2em;
    padding-top:2em;
}
 
#page-title{
    margin: 0 0 0.5em 0;
    font-size: 250%;
    color:#0A87B7;
    border-bottom: 1px solid #FBB611;
}
 
#toc{
    border: 2px solid #FBB611;
    padding: 0 1em;
    background-color: #222222;
    border-radius: 8px 8px;
    -moz-border-radius: 8px 8px;
    -webkit-border-radius: 8px 8px;
}
 
#toc .title {
    color: #0A87B7;
    font-weight: bold;
    margin: 0.2em 0  ;
    padding: 0 2em;
    text-align: center;
}
 
#main-content h1{
    color: #0A87B7;
}
 
#main-content h2{
    color: #0A87B7;
}
 
#main-content h3{
    color: #0A87B7;
}
 
#main-content h4{
    color: #0A87B7;
}
 
#main-content h5{
    color: #0A87B7;
}
 
#main-content h6{
    color: #0A87B7;
}
 
a:link {
    color: #FBB611;
}
 
a.link:hover {
    color: #0A87B7;
}
 
a:visited {
    color: #FBB611;
}
 
a:hover {
    text-decoration: none;
    background-color:#222222;
    color: #0A87B7;
}
 
a.visited:hover {
    color: #0A87B7;
    text-decoration: none;
    background-color:#222222;
}
 
a.newpage {
    color: #FE6702;
    text-decoration: none;
}
 
blockquote{
    border: 2px solid #FBB611;
    padding: 0 1em;
    background-color: #222222;
    border-radius: 8px 8px;
    -moz-border-radius: 8px 8px;
    -webkit-border-radius: 8px 8px;
}
 
.edit-section-button{
    background-color: #222222;
}
 
#edit-section-content{
    border: 1px solid #0A87B7;
}
 
.change-textarea-size a{
    color: black;
    background-color: #EEEEEE;
    border: 1px solid #222222;
}
 
table.page-files .highlight{
    background-color: #222222;
}
 
table.wiki-content-table td{
    border: 2px solid #FBB611;
    padding: 0.3em 0.7em;
}
 
table.wiki-content-table th{
    border: 2px solid #FBB611;
    padding: 0.3em 0.7em;
    background-color: #222222;
}
 
a.action-area-close:hover{
    background-color: #222222;
}
 
table.page-files .highlight{
    background-color: #222222;
}
 
.code { 
    border: 1px dashed #FBB611;
    background-color: #000000;
}
 
.hl-default {
    color: #006600;
}
 
.hl-code {
    color: #006600;
}
 
.hl-brackets {
    color: #006600;
}
 
.hl-identifier {
    color: #006600;
}
 
div.wiki-note{
    border: 1px solid #222222;
}
 
.preview-message{
    border: 2px dashed #FBB611;
    background-color: #222222;
}
 
.page-tags span{
    border-top: 1px solid #FBB611;
}
 
#page-version-info{
    border: 1px dashed #FBB611;
    background-color: #222222;
}
 
table.page-history td.optionstd a{
    border: 1px solid #222222;
}
 
.diff-table td.from, .diff-table td.to{
    border: 1px dashed #FBB611;
}
 
#lock-info{
    background-color: #222222;
    border: 1px solid #FBB611;
}
 
.inline-diff ins{
    background-color: #FBB611;
}
 
.inline-diff del{
    background-color: #0A87B7;
}
 
.Differences thead th {
    border-bottom: 1px solid #FBB611;
    background: #222222;
    color: #AAAAAA;
}
 
.Differences tbody th {
    background: #222222;
    border-right: 1px solid #FBB611;
}
 
.changes-list-item:hover{
    background-color: #222222;
}
 
table.page-compare td, table.page-compare th{
    border: 1px solid #FBB611;
}
 
.page-source{
    border: 1px dashed #FBB611;
}
 
.list-pages-item:hover {
    background-color: #222222;
}
 
.list-pages-item .preview {
    font-size: 90%;
    color: #FFFFFF;
    margin: 2px 0;
}
 
a.action-area-close:hover{
    background-color: #222222;
}
 
.pager a{
    border: 1px solid #AAAAAA;
    text-decoration: none;
    border-radius: 8px 8px;
    -moz-border-radius: 8px 8px;
    -webkit-border-radius: 8px 8px;
}
 
.pager .current{
    background-color: #222222;
    color: #0A87B7;
    border: 1px solid #AAAAAA;
    border-radius: 8px 8px;
    -moz-border-radius: 8px 8px;
    -webkit-border-radius: 8px 8px;
}
 
.help-block{
    border: 1px solid #FBB611;
    color: #0A87B7;
}
 
table.form.grid td, table.form.grid th{
    border: 1px solid #FBB611;
}
 
table.form tr.invalid-value-row td{
    background-color: #FBB611;
}
 
div.note{
    border: 1px solid #DDDDDD;
    background-color: #222222;
}
 
div.note-block{
    border: 1px solid #FBB611;
}
 
.hovertip{
    border: 2px solid #0A87B7 !important;
    border-radius: 8px 8px;
    -moz-border-radius: 8px 8px;
    -webkit-border-radius: 8px 8px;
    background-color: #000000;
}
 
.hovertip .content {
    background-color: #000000;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
}
 
/* TABS
===========================*/
 
.yui-navset .yui-nav,
.yui-navset .yui-navset-top .yui-nav {
    border:solid #FBB611;
    border-width: 0;
}
 
yui-navset .yui-nav, .yui-navset .yui-navset-top .yui-nav {
    width: 100%;
}
 
.yui-navset .yui-nav a,
.yui-navset .yui-navset-top .yui-nav a {
    background: none;
    border:solid #222222;
    border-width: 0;
    color: #FBB611;
    position: relative;
    text-decoration: none;
}
 
.yui-navset .yui-content {
    background:#222222;
    border-top: 2px solid #FBB611;
    border-bottom: 2px solid #FBB611;
    border-left: 2px solid #FBB611;
    border-right: 2px solid #FBB611;
    border-radius-bottomleft: 8px;
    -moz-border-radius-bottomleft: 8px;
    -webkit-border-radius-bottomleft: 8px;
    border-radius-bottomright: 8px;
    -moz-border-radius-bottomright: 8px;
    -webkit-border-radius-bottomright: 8px;
}
 
.yui-navset .yui-nav .selected a, .yui-navset .yui-nav .selected a em {
    color: #FBB611;
    font-weight: bold;
    background-color: #222222;
    border-top: 1px solid #FBB611;
    border-bottom: 2px solid #FBB611;
    border-left: 1px solid #FBB611;
    border-right: 1px solid #FBB611;
    border-radius-topleft: 3px;
    -moz-border-radius-topleft: 3px;
    -webkit-border-radius-topleft: 3px;
    border-radius-topright: 3px;
    -moz-border-radius-topright: 3px;
    -webkit-border-radius-topright: 3px;
}
 
.yui-navset .yui-nav li a em, .yui-navset-top .yui-nav li a em, .yui-navset-bottom .yui-nav li a em {
    color: #0A87B7;
    font-weight: bold;
    background-color: #222222;
    border-top: 1px solid #FBB611;
    border-bottom: 2px solid #FBB611;
    border-left: 1px solid #FBB611;
    border-right: 1px solid #FBB611;
    border-radius-topleft: 3px;
    -moz-border-radius-topleft: 3px;
    -webkit-border-radius-topleft: 3px;
    border-radius-topright: 3px;
    -moz-border-radius-topright: 3px;
    -webkit-border-radius-topright: 3px;
}
 
.yui-navset .yui-nav li a em:hover, .yui-navset-top .yui-nav li a em:hover, .yui-navset-bottom .yui-nav li a em:hover {
    color: #FBB611;
}
 
.yui-navset .yui-nav .selected a,
.yui-navset .yui-nav .selected a:focus,
.yui-navset .yui-nav .selected a:hover {
    background: none;
    color:#222222;
}
 
.yui-navset .yui-nav a:hover,
.yui-navset .yui-nav a:focus {
    background: none;
    outline: 0;
}
 
.yui-navset .yui-nav .selected a em {
    padding: none;
}
 
/* AUTOCOMPLETE
------------------------------*/
 
.yui-ac-content{
    border:2px solid #FBB611;
    background:#222222;
    border-radius: 8px 8px;
    -moz-border-radius: 8px 8px;
    -webkit-border-radius: 8px 8px;
}
 
.autocomplete-list li.yui-ac-highlight {
    background-color: #000000;
    border-radius: 8px 8px;
    -moz-border-radius: 8px 8px;
    -webkit-border-radius: 8px 8px;
}
 
/* FORUM
------------------------------*/
 
.forum-group div.head{
    background-color: #000000;
    color: #0A87B7;
    border-top: 2px solid #FBB611;
    border-left: 2px solid #FBB611;
    border-right: 2px solid #FBB611;
    border-bottom: 1px solid #FBB611;
}
 
.forum-group table{
    border-top: 1px solid #FBB611;
    border-left: 2px solid #FBB611;
    border-right: 2px solid #FBB611;
    border-bottom: 2px solid #FBB611;
}
 
.forum-group table td{
    border: 1px solid #777777;
}
 
.forum-group table td.name .description{
    color: #777777
    font-size: 87%;
}
 
.forum-group table tr.head td{
    background-color: #222222;
}
 
.forum-category-box .description-block{
    border: 1px solid #FBB611;
    background-color: #222222;
}
 
.forum-category-box .description-block .statistics{
    color: #777777;
}
 
.forum-category-box table{
    border: 1px solid #FBB611;
}
 
.forum-category-box table tr.head td{
    background-color: #222222;
}
 
.forum-category-box table td{
    border: 1px solid #777777;
}
 
.forum-new-thread-box .description{
    border: 1px solid #FBB611;
    background-color: #222222;
}
 
.forum-new-thread-box .description .statistics{
    color: #777777;
}
 
.forum-thread-box .description-block{
    border: 1px solid #FBB611;
    background-color: #222222;
}
 
.forum-thread-box .description-block .statistics{
    color: #777777;
}
 
.forum-thread-box .action-area{
    border: 1px solid #FBB611;
}
 
.thread-container .post .options a{
    color: #0A87B7;
}
 
.thread-container .post .options a:hover{
    color: #FBB611;
}
 
.thread-container .post .head{
    background-color: #222222;
}
 
.thread-container .post .long .changes a {
    color: #0A87B7;
}
 
.thread-container .post .long .changes a:hover {
    color: #FBB611;
}
 
.thread-container .post .long .revisions table tr.active td{
    background-color: #222222;
}
 
.thread-container .post .short{
    background-color: #222222;
}
 
.thread-container .post .short .options{
    color: #0A87B7;
}    
 
.thread-container .post .short .options:hover{
    color: #FBB611;
}    
 
div.new-post a{
    background-color: #222222;
    border-radius: 8px 8px;
    -moz-border-radius: 8px 8px;
    -webkit-border-radius: 8px 8px;
}
 
/* ODIALOG
------------------------------*/
 
table#odialog-box-container td{
    border: 2px solid #FBB611;
}
 
#odialog-container{
    background-color: #222222;
}
 
.owindow{
    color: #FFFFFF;
    background-color: #000000;
    border: 2px solid #0A87B7;
    border-radius: 10px 10px;
    -moz-border-radius: 10px 10px;
    -webkit-border-radius: 10px 10px;
}
 
.owindow .title{
    padding: 0.5em 1em;
    color: #000000;
    background-color: #FBB611;
    border-bottom: 2px solid #0A87B7;
    border-radius-topleft: 8px;
    -moz-border-radius-topleft: 8px;
    -webkit-border-radius-topleft: 8px;
    border-radius-topright: 8px;
    -moz-border-radius-topright: 8px;
    -webkit-border-radius-topright: 8px;
}
 
.owindow .button-bar a{
    color: #FBB611;
    font-weight: bold;
    background-color: #222222;
    border: 1px solid #AAAAAA;
    border-radius: 8px 8px;
    -moz-border-radius: 8px 8px;
    -webkit-border-radius: 8px 8px;
}
 
.owindow .button-bar a:hover{
    color: #0A87B7;
    font-weight: bold;
    background-color: #222222;
    border-radius: 8px 8px;
    -moz-border-radius: 8px 8px;
    -webkit-border-radius: 8px 8px;
}
 
h1, #page-title {
    color: #0A87B7;
 
.box444{
    background-color: #000000;
}
 
.box444 .button-bar{
    background-color: #222222;
}
 
/* SEXY BOXES */
 
div.sexy-box {
    background: #222222;
    border: 2px solid #FBB611;
}
 
div.sexy-box div.image-container img {
    border: 2px solid #FBB611;
}
--]

Notes

Similar themes

Browse themes by tag ardeol beige black blog blue bmc brown business clean colorful company corperate corporate css3 curved dark dashed developer education educational flexible floral flower freshly-squeezed green grey grunge minimalist modern nature navy no-sidebar no-topbar orange outline professional purple rainbow red responsive series shiny sidebar simple smartphone super topbar white wiki yellow

Comments