MediaWiki: Common.css
Brought to you by The Holiest Rogers
								
												
				| (36 intermediate revisions by the same user not shown) | |||
| Line 1: | Line 1: | ||
| /* CSS placed here will be applied to all skins */ | /* CSS placed here will be applied to all skins */ | ||
| + | body, #footer { | ||
| + |     color: #eee; | ||
| + |     background: #333; | ||
| + | } | ||
| + | input, textarea { | ||
| + |     color: #333; | ||
| + | } | ||
|   #siteSub { |   #siteSub { | ||
|      display:block; |      display:block; | ||
| Line 6: | Line 13: | ||
| } | } | ||
| .navbar-brand{ | .navbar-brand{ | ||
| − |      background: url(/resources/assets/roger.png); | + |      background: url(/resources/assets/roger.png) no-repeat; | 
|      height: 115px; |      height: 115px; | ||
|      text-indent: 100%; |      text-indent: 100%; | ||
| Line 12: | Line 19: | ||
|      overflow: hidden; |      overflow: hidden; | ||
|      width: 147px; |      width: 147px; | ||
| + |     background-size: 115px; | ||
| + | } | ||
| + | .navbar-brand, .navbar-nav>li>a, { | ||
| + |     text-shadow: 4px 2px 10px rgba(255,255,255,.05); | ||
| } | } | ||
| .navbar { | .navbar { | ||
| − |      min-height:  | + |      min-height: 120px; | 
| } | } | ||
| .with-navbar.with-navbar-fixed { | .with-navbar.with-navbar-fixed { | ||
| − |      padding-top:  | + |      padding-top: 120px; | 
| } | } | ||
| .sidebar-wrapper { | .sidebar-wrapper { | ||
| Line 23: | Line 34: | ||
| } | } | ||
| − | .navbar-default { | + | .navbar-default, #footer { | 
| − |      background: -webkit-linear-gradient(top,#ffba58 0,#fa9300 100%); | + |      /*background: -webkit-linear-gradient(top,#ffba58 0,#fa9300 100%); | 
|      background: -o-linear-gradient(top,#ffba58 0,#fa9300 100%); |      background: -o-linear-gradient(top,#ffba58 0,#fa9300 100%); | ||
|      background: -webkit-gradient(linear,left top,left bottom,from(#ffba58),to(#fa9300)); |      background: -webkit-gradient(linear,left top,left bottom,from(#ffba58),to(#fa9300)); | ||
| Line 30: | Line 41: | ||
|      filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffba58',endColorstr='#fa9300',GradientType=0); |      filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffba58',endColorstr='#fa9300',GradientType=0); | ||
|      filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); |      filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); | ||
| − |      border-color: #fa9300; | + |      border-color: #fa9300;*/ | 
| + |     background: #222; | ||
| + |     border: none; | ||
| + | } | ||
| + | .navbar-default .navbar-nav>li>a, .navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover { | ||
| + |     color: #ccc; | ||
| + |     background: none; | ||
| + | } | ||
| + | .navbar-default .navbar-nav>li>a:focus, .navbar-default .navbar-nav>li>a:hover { | ||
| + |     color: #eee; | ||
| + |     background-color: transparent; | ||
| } | } | ||
| .btn-primary, | .btn-primary, | ||
| .mw-ui-button, | .mw-ui-button, | ||
| − | .mw-ui-button.mw-ui-constructive { | + | .mw-ui-button.mw-ui-constructive, | 
| + | #mw-createaccount-join { | ||
|      background: linear-gradient(to bottom,#ffba58 0,#fa9300 100%); |      background: linear-gradient(to bottom,#ffba58 0,#fa9300 100%); | ||
|      border-color: #fa9300; |      border-color: #fa9300; | ||
| Line 44: | Line 66: | ||
| .btn-primary:hover, | .btn-primary:hover, | ||
| .mw-ui-button:hover, | .mw-ui-button:hover, | ||
| − | .mw-ui-button.mw-ui-constructive:hover { | + | .mw-ui-button.mw-ui-constructive:hover, | 
| + | #mw-createaccount-join:hover { | ||
| + |     background: #ec8b00; | ||
| + |     background-position: 0 -15px; | ||
| + |     border-color: #fa9300; | ||
| + | } | ||
| + | |||
| + | .btn-primary:active,  | ||
| + | .mw-ui-button:active, | ||
| + | .mw-ui-button.mw-ui-constructive:active, | ||
| + | #mw-createaccount-join:active { | ||
|      background: #ec8b00; |      background: #ec8b00; | ||
|      background-position: 0 -15px; |      background-position: 0 -15px; | ||
|      border-color: #fa9300; |      border-color: #fa9300; | ||
| + | } | ||
| + | #catlinks { | ||
| + |     display: block; | ||
| + |     border: 1px solid #333; | ||
| + |     background-color: #222; | ||
| + | } | ||
| + | .templatetwitterquote cite { | ||
| + |     font-size: 0.85em; | ||
| + |     font-weight: 400; | ||
| + | } | ||
| + | |||
| + | .templatetwitterquote .templatequotecite { | ||
| + |     font-size: 0.7em; | ||
| + |     font-weight: 800; | ||
| + |     margin-left: 15px; | ||
| + |     padding: 3px 0px; | ||
| + | } | ||
| + | blockquote.templatetwitterquote { | ||
| + |     margin: 0; | ||
| + |     padding: 0px 15px 20px; | ||
| + |     border-color: #FBB040; | ||
| + |     font-size: 1.10em; | ||
| + | } | ||
| + | ul#footer-info { | ||
| + |     display: block; | ||
| + | } | ||
| + | ul#footer-icons #footer-rogerlinksico { | ||
| + |     display: block; | ||
| + | } | ||
| + | a { | ||
| + |     color: #FBB040; | ||
| + | }/* | ||
| + | a:visited { | ||
| + |     color: #FBB040; | ||
| + | }*/ | ||
| + | a:hover { | ||
| + |     color: #be1e2d; | ||
| + | } | ||
| + | |||
| + | /*a:target {padding-top: 190px;}*/ | ||
| + | |||
| + | #tweekiTOC #toc li.active > a { | ||
| + |     color: #eee; | ||
| + | } | ||
| + | |||
| + | #tweekiTOC #toc li.toclevel-1.active > a { | ||
| + |     border-left: 2px solid #FBB040; | ||
| + | } | ||
| + | |||
| + | :target::before { | ||
| + |   content: ""; | ||
| + |   display: block; | ||
| + |   height: 120px; /* fixed header height*/ | ||
| + |   margin: -120px 0 0; /* negative fixed header height */ | ||
| + | } | ||
| + | |||
| + | ul#footer-info { | ||
| + |     display: none; | ||
| } | } | ||
Latest revision as of 13:47, 14 November 2019
/* CSS placed here will be applied to all skins */
body, #footer {
    color: #eee;
    background: #333;
}
input, textarea {
    color: #333;
}
 #siteSub {
    display:block;
    font-weight:800;
    font-size:normal;
}
.navbar-brand{
    background: url(/resources/assets/roger.png) no-repeat;
    height: 115px;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
    width: 147px;
    background-size: 115px;
}
.navbar-brand, .navbar-nav>li>a, {
    text-shadow: 4px 2px 10px rgba(255,255,255,.05);
}
.navbar {
    min-height: 120px;
}
.with-navbar.with-navbar-fixed {
    padding-top: 120px;
}
.sidebar-wrapper {
    top: 125px;
}
.navbar-default, #footer {
    /*background: -webkit-linear-gradient(top,#ffba58 0,#fa9300 100%);
    background: -o-linear-gradient(top,#ffba58 0,#fa9300 100%);
    background: -webkit-gradient(linear,left top,left bottom,from(#ffba58),to(#fa9300));
    background: linear-gradient(to bottom,#ffba58 0,#fa9300 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffba58',endColorstr='#fa9300',GradientType=0);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
    border-color: #fa9300;*/
    background: #222;
    border: none;
}
.navbar-default .navbar-nav>li>a, .navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover {
    color: #ccc;
    background: none;
}
.navbar-default .navbar-nav>li>a:focus, .navbar-default .navbar-nav>li>a:hover {
    color: #eee;
    background-color: transparent;
}
.btn-primary,
.mw-ui-button,
.mw-ui-button.mw-ui-constructive,
#mw-createaccount-join {
    background: linear-gradient(to bottom,#ffba58 0,#fa9300 100%);
    border-color: #fa9300;
    color: #fff;
}
.btn-primary:focus, 
.btn-primary:hover,
.mw-ui-button:hover,
.mw-ui-button.mw-ui-constructive:hover,
#mw-createaccount-join:hover {
    background: #ec8b00;
    background-position: 0 -15px;
    border-color: #fa9300;
}
.btn-primary:active, 
.mw-ui-button:active,
.mw-ui-button.mw-ui-constructive:active,
#mw-createaccount-join:active {
    background: #ec8b00;
    background-position: 0 -15px;
    border-color: #fa9300;
}
#catlinks {
    display: block;
    border: 1px solid #333;
    background-color: #222;
}
.templatetwitterquote cite {
    font-size: 0.85em;
    font-weight: 400;
}
.templatetwitterquote .templatequotecite {
    font-size: 0.7em;
    font-weight: 800;
    margin-left: 15px;
    padding: 3px 0px;
}
blockquote.templatetwitterquote {
    margin: 0;
    padding: 0px 15px 20px;
    border-color: #FBB040;
    font-size: 1.10em;
}
ul#footer-info {
    display: block;
}
ul#footer-icons #footer-rogerlinksico {
    display: block;
}
a {
    color: #FBB040;
}/*
a:visited {
    color: #FBB040;
}*/
a:hover {
    color: #be1e2d;
}
/*a:target {padding-top: 190px;}*/
#tweekiTOC #toc li.active > a {
    color: #eee;
}
#tweekiTOC #toc li.toclevel-1.active > a {
    border-left: 2px solid #FBB040;
}
:target::before {
  content: "";
  display: block;
  height: 120px; /* fixed header height*/
  margin: -120px 0 0; /* negative fixed header height */
}
ul#footer-info {
    display: none;
}