MediaWiki: Common.css

(test)
(rm title-hiding, now done on those pages)
 
(33 intermediate revisions by 4 users not shown)
Line 1: Line 1:
/* CSS placed here will be applied to all skins */
.nav th {
  text-align: center;
  background: #ECECEC;
  font-weight: bold;
  margin: 0 .1em 0 0;
  width: 25%;
  font-size: 0.925em;
  -moz-border-radius: 12px 12px 12px 12px;
}


textarea#wpBio {
.nav th a {
        height:50px;
  padding: 1em 2em;
        width:400px;
  color: #224F82;
  text-decoration: none;
}
}


.nav th:hover {
  color: #000;
}


table.wikitable th, table.wikitable td, table.prettytable th, table.prettytable td {
li#footer-info-lastmod,
border:1px solid #AAAAAA;
li#footer-info-viewcount,
padding:0.2em;
li#footer-places-about,
li#footer-places-disclaimer {
  display: none !important;
}
}


div#mw-panel div.portal#p-navigation div.body {
  background-image:none;
}


#p-navigation h5 {
  display: none !important;
}


/* default skin for navigation boxes */
.nowrap {  
table.navbox {           /* navbox container style */
    white-space: nowrap;
  border:1px solid #aaa;
  width:100%;
  margin:auto;
  clear:both;
  font-size:88%;
  text-align:center;
  padding:1px;
}
}
table.navbox + table.navbox {
 
   margin-top:-1px;       /* single pixel border between adjacent navboxes (doesn't work for IE6, but that's okay) */
.toggle-head {
   background:url(//upload.wikimedia.org/wikipedia/commons/thumb/1/1c/HW_open_arrow.svg/10px-HW_open_arrow.svg.png) no-repeat 0% center;
}
}
.navbox-title, .navbox-abovebelow, table.navbox th {
 
   text-align:center;     /* title and above/below styles */
.toggle-head:hover {
   padding-left:1em;
   text-decoration:underline;
  padding-right:1em;
   cursor:pointer;
}
}
.navbox-group {           /* group style */
 
  white-space:nowrap;
.redirect-in-category, .allpagesredirect a {
  text-align:right;
   color: gray;
  font-weight:bold;
   padding-left:1em;
  padding-right:1em;
}
}
.navbox, .navbox-subgroup {
 
   background:#fdfdfd;     /* Background color */
.nodisplay {
   display: none !important;
}
}
.navbox-list {
 
  border-color:#fdfdfd;   /* Must match background color */
/* Custom table formatting */
 
table.rowlines {  
    border-collapse:collapse;
    border:2px solid #BBBDBF;
    width:100%;
    vertical-align:top;
}
}
.navbox-title, table.navbox th {
 
  background:#ccccff;    /* Level 1 color */
table.rowlines th {
    border-bottom:1px solid #BBBDBF;
    border-top:1px solid #BBBDBF;
     padding:5px;
}
}
.navbox-abovebelow, .navbox-group, .navbox-subgroup .navbox-title {
 
  background:#ddddff;     /* Level 2 color */
table.rowlines td {
}
     border-bottom:1px dotted #BBBDBF;
.navbox-subgroup .navbox-group, .navbox-subgroup .navbox-abovebelow {
     padding:5px;
  background:#e6e6ff;     /* Level 3 color */
}
.navbox-even {
  background:#f7f7f7;     /* Even row striping */
}
.navbox-odd {
  background:transparent; /* Odd row striping */
}
}


/* Main page redesign CSS */
div.rowlines-wrapper {
 
    padding:0 10px 0 10px;
body.page-User_Steven_Zhang_Main_Page_redesign.action-view #content {
  background-image: url(//upload.wikimedia.org/wikipedia/commons/e/ea/Sydney_Harbour_Bridge_night.jpg);
  background-size: 100%;
  background-repeat: no-repeat;
  background-color: #FFFFF8 !important;
}
}


body.page-User_Steven_Zhang_Main_Page_redesign.action-view #main-page-banner {
span.subpages {
   height: 12em;
   display: none !important;
  margin-bottom: 0;
}
}


body.page-User_Steven_Zhang_Main_Page_redesign.action-view #main-page-welcome {
/* Main Page CSS */
  color:#fff; text-shadow: #000 0.3em 0.3em 1em, #000 -0.1em -0.1em 1em;
}


body.page-User_Steven_Zhang_Main_Page_redesign.action-view #contentSub,
body #t-cite,
body.page-User_Steven_Zhang_Main_Page_redesign.action-view h1.firstHeading,
body #siteSub,
body.page-User_Steven_Zhang_Main_Page_redesign.action-view #jump-to-nav {
body.page-Home.action-view #contentSub,
body.page-Home.action-view #jump-to-nav {
   display: none !important;
   display: none !important;
}
}


@media screen and (min-width:1184px) {
/* Copied from Wikivoyage for scalable-width images */
   #main-page-left {
 
     max-width:1000px;
@media screen and (max-width:749px) {
     margin-right:32em;
   .banner-image {
    position: relative;
    overflow: hidden;
     max-width: 1125px;
    width: 100%;
    height: auto;
     margin-bottom: .6em;
    text-align: center;
    padding-left: 0 !important;
   }
   }
   #main-page-right {
   .banner-image img {
     float:right;
     width: 100%;
     width:40%;
    height: auto;
     max-width:30em;
     width: auto\9;
     margin:0 auto;
   }
   }
}
}


/@media screen and (min-width:750px) and (max-width:1183px) {
@media screen and (min-width:750px) {
   #main-page-left {
  .banner-image {
     float:left;
    float: right;
     width:57%;
    position: relative;
    overflow: hidden;
    max-width: 1125px;
    height: auto;
    margin-bottom: .6em;
  }
   .banner-image img {
     float: right;
     width: 100%;
    height: auto;
    width: auto\9;
  }
  .banner-image-left {
    float: left !important;
   }
   }
   #main-page-right {
   .banner-image-left img {
     float:right;
    float: left !important;
     width:40%;
  }
     max-width:30em;
  .banner-image-none {
    float: none !important;
  }
  .banner-image-none img {
    float: none !important;
  }
  .banner-image-center {
    padding-left: none !important;
     float: none !important;
     margin-left: auto !important;
     margin-right: auto !important;
  }
  .banner-image-center img {
    float: none !important;
   }
   }
}
}


@media screen and (max-width:749px) {
.main-page-image {
  #main-page-left {
    position: relative;
     display:inline;
    overflow: hidden;
  }
    max-width: 1125px;
  #main-page-right {
    height: auto;
     display:inline;
    margin-left: -1em;
  }
    margin-right: -1.5em;
     margin-bottom: .6em;
}
.main-page-image img {
     width: 100%;
    height: auto;
    width: auto\9;
}
}


.main-page-box {
/* Login interface adjustments */
   background:white; padding:1em; border:none; border:1px solid #CCCCCC; margin-bottom:2em;
 
.mw-createacct-benefits-container {
   display: none;
}
}

Latest revision as of 01:53, 18 June 2022

.nav th {
  text-align: center;
  background: #ECECEC;
  font-weight: bold;
  margin: 0 .1em 0 0;
  width: 25%;
  font-size: 0.925em;
  -moz-border-radius: 12px 12px 12px 12px;
}

.nav th a {
  padding: 1em 2em;
  color: #224F82;
  text-decoration: none;
}

.nav th:hover {
  color: #000;
}

li#footer-info-lastmod,
li#footer-info-viewcount,
li#footer-places-about,
li#footer-places-disclaimer {
  display: none !important;
}

div#mw-panel div.portal#p-navigation div.body {
  background-image:none;
}

#p-navigation h5 {
  display: none !important;
}

.nowrap { 
    white-space: nowrap;
}

.toggle-head {
  background:url(//upload.wikimedia.org/wikipedia/commons/thumb/1/1c/HW_open_arrow.svg/10px-HW_open_arrow.svg.png) no-repeat 0% center;
}

.toggle-head:hover {
  text-decoration:underline;
  cursor:pointer;
}

.redirect-in-category, .allpagesredirect a {
  color: gray;
}

.nodisplay {
  display: none !important;
}

/* Custom table formatting */

table.rowlines { 
    border-collapse:collapse;
    border:2px solid #BBBDBF;
    width:100%;
    vertical-align:top;
}

table.rowlines th {
    border-bottom:1px solid #BBBDBF;
    border-top:1px solid #BBBDBF;
    padding:5px;
}

table.rowlines td {
    border-bottom:1px dotted #BBBDBF;
    padding:5px;
}

div.rowlines-wrapper {
    padding:0 10px 0 10px;
}

span.subpages {
  display: none !important;
}

/* Main Page CSS */

body #t-cite,
body #siteSub,
body.page-Home.action-view #contentSub,
body.page-Home.action-view #jump-to-nav {
  display: none !important;
}

/* Copied from Wikivoyage for scalable-width images */

@media screen and (max-width:749px) {
  .banner-image {
    position: relative;
    overflow: hidden;
    max-width: 1125px; 
    width: 100%;
    height: auto;
    margin-bottom: .6em;
    text-align: center;
    padding-left: 0 !important;
  }
  .banner-image img {
    width: 100%;
    height: auto;
    width: auto\9;
    margin:0 auto;
  }
}

@media screen and (min-width:750px) {
  .banner-image {
    float: right;
    position: relative;
    overflow: hidden;
    max-width: 1125px; 
    height: auto;
    margin-bottom: .6em;
  }
  .banner-image img {
    float: right;
    width: 100%;
    height: auto;
    width: auto\9;
  }
  .banner-image-left {
    float: left !important;
  }
  .banner-image-left img {
    float: left !important;
  }
  .banner-image-none {
    float: none !important;
  }
  .banner-image-none img {
    float: none !important;
  }
  .banner-image-center {
    padding-left: none !important;
    float: none !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }
  .banner-image-center img {
    float: none !important;
  }
}

.main-page-image {
    position: relative;
    overflow: hidden;
    max-width: 1125px; 
    height: auto;
    margin-left: -1em;
    margin-right: -1.5em;
    margin-bottom: .6em;
}
 
.main-page-image img {
    width: 100%;
    height: auto;
    width: auto\9;
}

/* Login interface adjustments */

.mw-createacct-benefits-container {
  display: none;
}
Discuss this page