MediaWiki: Common.css

Brought to you by The Holiest Rogers
Jump to: navigation, search
 
(48 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-small.gif);
+
     background: url(/resources/assets/roger.png) no-repeat;
 
     height: 115px;
 
     height: 115px;
 
     text-indent: 100%;
 
     text-indent: 100%;
 
     white-space: nowrap;
 
     white-space: nowrap;
 
     overflow: hidden;
 
     overflow: hidden;
 +
    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: 100px;
+
     min-height: 120px;
 
}
 
}
 
.with-navbar.with-navbar-fixed {
 
.with-navbar.with-navbar-fixed {
−
     padding-top: 115px;
+
     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;
 
}
 
}

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;
}
Retrieved from "https://devsite.theholyroger.com/index.php?title=MediaWiki:Common.css&oldid=11512"