User:Johnnygore/vector.css
Revision as of 21:05, 7 November 2016 by Johnnygore (talk | contribs) (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 {...")
Note: After saving, you may have to bypass your browser's cache to see the changes.
- Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
- Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
- Internet Explorer: Hold Ctrl while clicking Refresh, or press Ctrl-F5
- Opera: Go to Menu → Settings (Opera → Preferences on a Mac) and then to Privacy & security → Clear browsing data → Cached images and files.
/* 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;
}
