Red Metal Raw

Name: Red Metal Raw

Author: Joshua Darby
License: Creative Commons Attribution-ShareAlike 3.0 License

Tags: blog topbar

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

Description:

This theme was inspired from the site Copyrighted.com. I used the themes Orange Metal and Clean & Simple. Browser test results can be found here

Updates

Released Theme on July 8th, 2016
Released 1.7.0 update on August 2, 2016

Notes

I will be making this theme in other colors.

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/red-metal-raw

Code

+ show the code

- hide the code

#header {
background-image:url(http://themes.wdfiles.com/local--files/preview-t:preview/header.png);
background-position:left;
height:102px;
margin-top:auto;
margin-bottom:100px;
top: 0px;
padding-bottom:-2px;
padding-top:-2px;
}
 
h1 a {
display:block;
background: url(http://themes.wdfiles.com/local--files/preview-t:preview/header.png) no-repeat;
height:102px;
margin-top:auto;
margin-left: -40px;
margin-bottom: 100px;
padding-bottom:-2px;
padding-top:-2px;
width:100%;
text-align:left;
text-indent: -9000px;
opacity: 0;
filter:alpha(opacity=0); // for IE
z-index:-100;
top: -50px;
}
 
a{
color: #000;
text-decoration: underline;
}
 
a:hover{
color: red;
text-shadow: 0px 0px 1px #000;
}
#container{
width:1366px;
margin: auto;
margin-top: 30px;
background-color: #eee;
}
 
body{
background-color: #585858;
background-image: url(http://themes.wikidot.com/local--files/preview-t:preview/back.png);
background-repeat: repeat-x;
}
 
#login-status {
    left:0;
    top:-30px;
    width:450px;
}
#account-options {
    position:absolute;
    left:0;
    top:-9px;
    right:auto;
    width:100%;
    height:35px;
    overflow-y:hidden;
    color:#b00000;
    background-color:#FF0000;
    border:0;
}
#account-options ul, #account-options li {
    display:inline;
}
#account-options li a {
    display:block;
    padding:0;
    padding-top:10px;
    padding-bottom:20px;
    height:50px;
    padding-right:1.5em;
    float:left;
    font-size:92%;
    color:#000000 !important;
}
#account-options li a:hover {
    color:#000000 !important;
}
 
/* Top Bar */
#top-bar {
background-image:url(http://themes.wdfiles.com/local--files/preview-t:preview/nav.gif);
background-repeat:repeat-x;
font-family:times New Roman;
height:31px;
left:0;
top:98px;
width:100%;
padding-top: 10px;
}
 
#top-bar a{
color: #000;
vertical-align: middle;
}
#top-bar a:hover {
background-color:transparent;
background-image:url(http://themes.wdfiles.com/local--files/preview-t:preview/nav_hover.gif);
background-repeat:repeat-x;
color:#000000;
height:40px;
margin-top:-10px;
padding-top:11px;
text-decoration:none;
}
 
#top-bar li ul{
height: 50px;
display: inline-block;
left: 0;
top:48px;
border:0px;
width: 873px;
}
#top-bar li ul li a{
background-color:transparent;
display: inline;
}
#top-bar li ul li{
display: inline;
}
#top-bar li ul li a:hover{
color: red;
background:transparent;
padding-top:0;
text-shadow: 0px 0px 1px #000;
}
 
#extrac-div-1{
position:absolute;
margin: auto;
bottom: 0;
background-image: url(http://themes.wdfiles.com/local--files/preview-t:preview/bottom.png);
height: 0px;
width: 875px;
}
 
#header h1, #header h2{
display: none;
}
 
div.buttons input, input.button, button, file, a.button {
background-image: url(http://themes/local--files/preview-t:preview/button.png);
background-repeat:repeat-x;
}
 
div.buttons:hover input:hover, input.button:hover, button:hover, file:hover, a.button:hover {
background-image: url(http://themes.wdfiles.com/local--files/preview-t:preview/button_hover.png);
background-repeat:repeat-x;
}
 
#side-bar{display:none;}
 
bogus{
background-image: url(http://themes.wdfiles.com/local--files/preview-t:preview/button.png);
background-repeat:repeat-x;
width: 100%;
}
#search-top-box {
    display:none;
}
 
#main-content{
   border: 0px solid #000;
   border-right: 0px dashed #000;
   border-left: 0px #000;
    margin: 0px;
    padding: 0 1em;
}