Difference between revisions of "User:Johnnygore/vector.css"

From NetHackWiki
Jump to navigation Jump to search
(Created page with "Empty Screen: #hideall { display: none; } .hideall { display: none } #navi-bar {display: none;} #navi-bar-shadow {display: none;} #header {display: none;} #side-bar {...")
 
(Blanked the page)
 
Line 1: Line 1:
/* 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;
 
}
 

Latest revision as of 21:06, 7 November 2016