Red Metal Raw

Click to preview

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

#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;
}

Notes

Similar themes qwq Author: Weird_Blockz Rating: 2, Comments: 0 Tags: pink qwq topbar Cooltheme3 Author: Potatos are good 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