LT-REKT

Click to preview

Name: LT-REKT

Author: Talvieno
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:

REKT theme - initially from Dark Curves

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/lt-rekt

Code

+ show the code

/* Empty Screen */
#hideall
{
display: none;
}
.hideall
{
display: none
}
#navi-bar {display: none;}
#navi-bar-shadow {display: none;}
 
#header {display: none;}
 
#side-bar {display: none;}
 
#page-title {display: none;}
 
#breadcrumbs {display: none;}
 
#main-content {
    margin:0px;
    padding: 0px;
    width: 100%;
}
 
.page-tags {display: none;}
 
#page-info {display: none;}
 
.page-watch-options {display: none;}
 
.page-options-bottom {display: none;}
 
#footer {display: none; position: absolute; left: -999em;}
 
#license-area {display: none;}
 
#footer-bar {display: none;}
/*
#action-area h1,
#edit-page-form table,
#edit-page-form .change-textarea-size,
#edit-page-form .edit-help-34,
#edit-page-form .edit-page-bottomtable,
#edit-cancel-button,
#edit-diff-button,
#edit-save-continue-button {
    display: none;
}
*/
/* Actual Theme */
@font-face {
    font-family: 'Qlassik';
    src: url('http://bmcenterprises.wdfiles.com/local--files/fonts/Qlassik_TB-webfont.eot');
    src: local('☺'), url('http://bmcenterprises.wdfiles.com/local--files/fonts/Qlassik_TB-webfont.woff') format('woff'), url('http://bmcenterprises.wdfiles.com/local--files/fonts/Qlassik_TB-webfont.ttf') format('truetype'), url('http://bmcenterprises.wdfiles.com/local--files/fonts/Qlassik_TB-webfont.svg#webfont') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'QlassikBold';
    src: url('QlassikBold_TB-webfont.eot');
    src: local('☺'), url('http://bmcenterprises.wdfiles.com/local--files/fonts/QlassikBold_TB-webfont.woff') format('woff'), url('http://bmcenterprises.wdfiles.com/local--files/fonts/QlassikBold_TB-webfont.ttf') format('truetype'), url('http://bmcenterprises.wdfiles.com/local--files/fonts/QlassikBold_TB-webfont.svg#webfont') format('svg');
    font-weight: normal;
    font-style: normal;
}
#page-content{
margin: 10px;
background-color:#1B1B1B;
}
#main-content{
color:#EEE;
}
a{
color:#39C;
}
h1,h2,h3,h4{
font-family: Qlassik, Helvetica;
}
body{
background-color:#212121;
}
#header{
display: block;
}
#header h2,
#header #search-top-box{
display:none;
}
#header #login-status{
top:0px;
font-family: Qlassik, Helvetica;
font-size:18px;
background-color:white;
    border: 4px solid white;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    -webkit-box-shadow: 0 0 4px rgba(0,0,0,0.2);
    -moz-box-shadow: 0 0 4px rgba(0,0,0,0.2);
    padding:4px;
}
#header #top-bar ul li a{
color: #39C;
}
#header #top-bar ul li a span.a{
background-color:#323232;
}
#header #top-bar{
margin-left:10px;
margin-right:10px;
padding:5px;
color: #39C;
cursor: auto;
display: block;
font-size: 24px;
font-family: Qlassik, Helvetica;
background-color:#323232;
    border: 4px solid #545454;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    -webkit-box-shadow: 0 0 4px rgba(0,0,0,0.2);
    -moz-box-shadow: 0 0 4px rgba(0,0,0,0.2);
}
#header h1 a{
margin-left:10px;
margin-right:10px;
padding-left:5px;
color: #39C;
cursor: auto;
display: block;
font-family: Qlassik, Helvetica;
font-size: 60px;
font-weight: normal;
opacity: 1;
position: relative;
text-decoration: none;
top: 0px;
width:auto;
background-color:#323232;
    border-bottom: 4px solid #545454;
    border-left: 4px solid #545454;
    border-right: 4px solid #545454;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    -webkit-box-shadow: 0 0 4px rgba(0,0,0,0.2);
    -moz-box-shadow: 0 0 4px rgba(0,0,0,0.2);
}
#header h1 a:hover{
background-color:#292929;
color:#EEE;
}
.slider-container {
    width: 1000px;
    height: 236px;
    position: relative;
    padding: 10px 0px;
    overflow: hidden;
    margin: 10px auto;
}
.slider-box {
    width: 300px;
    height: 220px;
    margin: 0 0px 0 0px;
    padding: 4px 5px;
    position: absolute;
    border: 4px solid #fff;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    -webkit-box-shadow: 0 0 4px rgba(0,0,0,0.2);
    -moz-box-shadow: 0 0 4px rgba(0,0,0,0.2);
    box-shadow: 0 0 4px rgba(0,0,0,0.2);
    background-color: #fff;
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0,0,0,0)), to(rgba(0,0,0,0.15)));
    display: block;
    overflow: hidden;
    -webkit-transition: border-color 200ms ease-out;
    -moz-transition: border-color 200ms ease-out;
    color:#000;
}
.slider-box:hover {
    -webkit-box-shadow: 0 0 8px rgba(0,0,0,0.4);
    -moz-box-shadow: 0 0 8px rgba(0,0,0,0.4);
    box-shadow: 0 0 8px rgba(0,0,0,0.4);
    border: 4px solid #37abe5;
}
.slider-box h3 a {
    position: relative;
    height: 36px;
    width: 300px;
    display: block;
    margin-top: -66px;
    padding: 13px 2px 0px 8px;
    margin-left: -5px;
    color: #424242;
    font-family: 'Qlassik', Helvetica;
    font-size: 26px;
    line-height: 24px;
    z-index: 90;
    bottom: 6px;
    background-color: yellow;
    background-color: rgba(254,255,0,0.9);
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0,0,0,0)), to(rgba(0,0,0,0.15)));
    -webkit-border-top-left-radius: 6px;
    -webkit-border-top-right-radius: 6px;
    -webkit-border-bottom-left-radius: 3px;
    -webkit-border-bottom-right-radius: 3px;
    -moz-border-radius-topleft: 6px;
    -moz-border-radius-topright: 6px;
    -moz-border-radius-bottomleft: 3px;
    -moz-border-radius-bottomright: 3px;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
    -webkit-box-shadow: 0 -1px 2px rgba(0,0,0,0.2);
    -moz-box-shadow: 0 -1px 2px rgba(0,0,0,0.2);
    box-shadow: 0 -1px 2px rgba(0,0,0,0.2);
}
.slider-box h3 a:hover, .slider-box h3 a:focus {
    border: none;
    text-decoration: none;
}
.slider-box .image {
    position: relative;    
    height: 228px;
    width: 310px;
    margin: -5px 0 0 -5px;
    z-index: 10;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}
 
@-webkit-keyframes slider {
0% {
    -webkit-transform: translate(0px, 0);
} 
45% {
    -webkit-transform: translate(0px, 0);
}
55% {
    -webkit-transform: translate(-1020px, 0);
}
100% {
    -webkit-transform: translate(-1020px, 0);
}
}
.slider-box {
    -webkit-animation-name: slider; 
    -webkit-animation-duration: 15s;
     -webkit-animation-direction: alternate;
    -webkit-animation-timing-function: ease-in-out;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-delay: 10s;
}
.slider-box.one {
    left: 0px;   
}.slider-box.two {
    left: 340px;
}.slider-box.three {
    left: 680px;
}.slider-box.four {
    left: 1020px;
}.slider-box.five {
    left: 1360px;
}.slider-box.six {
    left: 1700px;
}
 
.slider-box.one h3 a {
    background-color: #3198dd;
    color: #ebebeb;
    text-shadow: #1d6fa5 0 1px 0;
}
.slider-box.two h3 a {
    background-color: #87ee00;
}
.slider-box.five h3 a {
    background-color: #87ee00;
}
.slider-box.six h3 a {
    background-color: #3198dd;
    color: #ebebeb;
    text-shadow: #1d6fa5 0 1px 0;
}
/** Lightbox **/
.gallery-box {
    padding: 20px;
}
.gallery-item.thumbnail {
    background-color: #fff;
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fff), to(#eef1f1));
    background-image: -moz-linear-gradient(top,#fff, #eef1f1);
    border: 1px solid #ddd;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    -webkit-box-shadow: 1px 1px 3px rgba(0,0,0,0.2);
    -moz-box-shadow: 1px 1px 3px rgba(0,0,0,0.2);
    box-shadow: 1px 1px 3px rgba(0,0,0,0.2);
    -webkit-transition: all 350ms ease-out;
    -moz-transition: all 350ms ease-out;
}
.gallery-item.thumbnail table tbody tr td {
    border: none !important;
}
.gallery-item.thumbnail:hover {
    -webkit-box-shadow: 0 0 7px rgba(0,0,0,0.18);
    -moz-box-shadow: 0 0 7px rgba(0,0,0,0.18);
    box-shadow: 0 0 7px rgba(0,0,0,0.18);
    -webkit-transform: scale(1.15) rotate(-3deg);
    -moz-transform: scale(1.15) rotate(-3deg);
}
.gallery-item.thumbnail:hover:nth-child(odd) {
    -webkit-transform: scale(1.2) rotate(3deg);
    -moz-transform: scale(1.2) rotate(3deg);
}
#lightbox-container-image-box {
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    -webkit-box-shadow: 0 0 7px rgba(0,0,0,0.8);
    -moz-box-shadow: 0 0 7px rgba(0,0,0,0.8);
    box-shadow: 0 0 7px rgba(0,0,0,0.8);
    position: relative;
    z-index: 20;
    background-color: #fff;
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fff), to(#eef1f9));
    background-image: -moz-linear-gradient(top,#fff, #eef1f9);
}
#lightbox-container-image-data-box {
    padding-top: 10px;
    background-color: #fff;
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fff), to(#fefef1));
    background-image: -moz-linear-gradient(top,#fff, #eef1f1);
    position: relative;
    z-index: 10;
    top: -45px;
    opacity: 0;
    -webkit-transition: all 500ms ease-out;
    -moz-transition: all 500ms ease-out;
    -webkit-border-bottom-left-radius: 6px;
    -webkit-border-bottom-right-radius: 6px;
    -moz-border-radius-bottomleft: 6px;
    -moz-border-radius-bottomright: 6px;
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
}
#jquery-lightbox:hover #lightbox-container-image-data-box {
    top: -5px;
    opacity: 1;
}
a#lightbox-nav-btnPrev, a#lightbox-nav-btnNext {
    opacity: 0;
    -webkit-transition: opacity 600ms ease;
    -moz-transition: opacity 600ms ease;
}
a#lightbox-nav-btnPrev:hover, a#lightbox-nav-btnNext:hover {
    opacity: 1;
}
a#lightbox-secNav-btnClose {
    border-bottom: 7px solid transparent;
    padding-bottom: 0;
    -webkit-transition: border-color 300ms ease;
    -moz-transition: border-color 300ms ease;
}
a#lightbox-secNav-btnClose:hover {
    border-bottom: 7px solid #39c;
}
#top-bar li a {
padding: 1px 8px !important;
}

Notes

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

Comments