Difference between revisions of "MediaWiki:Common.css"

From Hitchwiki
Jump to navigation Jump to search
m
 
Line 211: Line 211:
 
     color: #956520;
 
     color: #956520;
 
   }
 
   }
 +
 +
 +
.frontpage-meta-links {
 +
    font-size: 12px;
 +
    line-height: 24px;
 +
    color: #333;
 +
}
 +
.frontpage-meta-links a.external,
 +
.frontpage-meta-links a {
 +
    font-size: 12px;
 +
    line-height: 24px;
 +
    color: #333;
 +
    text-decoration: none;
 +
}
 +
 +
 +
.frontpage_col {
 +
width: 50%;
 +
float: left;
 +
}
 +
.frontpage_col .col_content {
 +
padding: 0 20px 20px 20px;
 +
}
 +
 +
.frontpage_box {
 +
overflow: hidden;
 +
padding-bottom: 30px;
 +
clear: both;
 +
}
 +
.frontpage_box h2 {
 +
padding: 0 0 5px 0;
 +
font-size: 20px;
 +
line-height: 25px;
 +
border-bottom: 1px solid #ccc;
 +
margin: 0 0 10px 0;
 +
}
 +
 +
.frontpage_box h2,
 +
.frontpage_box h2 a {
 +
color: #444;
 +
}
 +
.frontpage_box h2 a {
 +
text-decoration: none;
 +
}
 +
 +
.frontpage_potm .gallerytext {
 +
font-size: 11px;
 +
line-height: 14px;
 +
}
 +
 +
.frontpage_box.frontpage_news ul,
 +
.frontpage_box.frontpage_events ul {
 +
    list-style: none;
 +
    padding: 0;
 +
    margin: 0;
 +
}
 +
    .frontpage_box.frontpage_news ul li,
 +
    .frontpage_box.frontpage_events ul li {
 +
    padding: 0 0 10px 0;
 +
    margin: 0;
 +
    }
 +
 +
 +
/**
 +
* Table of Contents
 +
*/
 +
#toc {
 +
background: #e6e6e6;
 +
float: right;
 +
margin: 10px 0 10px 10px;
 +
font-size: 90%;
 +
 +
max-width: 400px;
 +
 +
-webkit-border-radius: 4px !important;
 +
-moz-border-radius: 4px !important;
 +
border-radius: 4px !important;
 +
 +
  box-shadow: 1px 1px 4px rgba(0,0,0,0.1);
 +
  -moz-box-shadow: 1px 1px 4px rgba(0,0,0,0.1);
 +
  -webkit-box-shadow: 1px 1px 4px rgba(0,0,0,0.1);
 +
}
 +
    #toc ul {
 +
    clear: both;
 +
    margin: 5px 15px;
 +
    }
 +
    #toc,
 +
    #toc a {
 +
    color: #333;
 +
    text-decoration: none;
 +
    }
 +
    #toc a:hover,
 +
    #toc a:active {
 +
    text-decoration: underline;
 +
    }
 +
    #toc, .toc, .mw-warning {
 +
    background-color: #F9F9F9;
 +
    border: 1px solid #aaa;
 +
    padding: 5px;
 +
    }
 +
    #toc, .toc, .mw-warning {
 +
    background-color: #F9F9F9;
 +
    border: 1px solid #aaa;
 +
    padding: 5px;
 +
    }
 +
    #toc #toctitle h2 {
 +
    font-size: 15px;
 +
    line-height: 16px;
 +
    padding: 5px 5px 0 5px;
 +
    float: left;
 +
    }
 +
    #toc .toctoggle {
 +
    float: right;
 +
    padding: 5px;
 +
    }
 +
    #toc .toctoggle a {
 +
    outline: none;
 +
    }
  
  
Line 224: Line 342:
 
   border-collapse: separate;  
 
   border-collapse: separate;  
 
   clear: right;
 
   clear: right;
 +
float: right;
 +
margin: 0 0 20px 20px;
 
}
 
}
  

Latest revision as of 23:46, 28 September 2019

/** CSS placed here will be applied to all skins */

/* Hide:
  - "main page" title on front page
  - "main page" and "discussion" article links on front page
*/
.page-Main_Page.action-view .firstHeading,
.page-Main_Page.action-view #p-namespaces {
  display: none;
}

/* Front page header */

#frontpage-header {
	display: block;
	list-style: none;
	background: #f4f4f4;
	overflow: hidden;
	clear: both;
	width: 100%;
	margin: -1em -1em 1em -1em;
	padding: 0 24px 0 5px;
	color: #612a01;
	background: #fffbee;
	border-bottom: 1px solid #ede2bf;
}
	#frontpage-header li {
		display: block;
		margin: 0;
		padding: 45px 0 20px 35px;
	}
	#frontpage-header h1,
	#frontpage-header h2,
	#frontpage-header h2,
	#frontpage-header h4 {
		color: #dd9700;
		font-family: georgia,times,serif;
		font-weight: normal;
		border: 0;
	}
	#frontpage-header h1 {
		font-size: 30px;
		line-height: 35px;
		padding: 0;
		margin: 0;
	}
	#frontpage-header .ingress {
		overflow: hidden;
		margin: 0;
		padding: 7px 150px 7px 0;
	}
	#frontpage-header .first_links {
		color: #ded4b5;
		display: block;
		padding: 0;
		margin: 0;
	}
	#frontpage-header a:link,
	#frontpage-header a:visited,
	#frontpage-header a:hover,
	#frontpage-header a:active {
		color: #b66c03;
		text-decoration: none;
	}
	#frontpage-header a:hover,
	#frontpage-header a:active {
		text-decoration: underline;
	}


/**
 * Styles for http://hitchwiki.org/en/MediaWiki:Sitenotice
 */
#siteNotice {
  background: #ede2bf;
  font-size: 16px;
  overflow: hidden;
  margin: 0 0 1em 0;
}
#localNotice {
  width: 100%;
  padding: 5px;
   background: #ede2bf;
}
.mw-dismissable-notice-body {
  margin: 1em 5em 1em 1em;
}
#siteNotice a {
   color: #613000;
}
.mw-dismissable-notice-close {
  padding: 5px;
  align-self: end;
}



/** --------- Languages at front page ------- */
/* HTML: http://hitchwiki.org/en/Template:Startpage-language*/
.primary_wikis {
  display: block;
  margin: 0;
  padding: 0 0 5px 0;
  list-style: none;
  text-align: center;
}
  .primary_wikis li {
    display: inline-block;
    list-style: none;
    width: 80px;
    margin: 0;
    padding: 0;
    overflow: hidden;
    text-align: center;
    padding: 10px 0;
    border: 1px solid transparent;
    border-radius: 4px;
    transition: all 200ms;
    -moz-transition: all 200ms; /* Firefox 4 */
    -webkit-transition: all 200ms; /* Safari and Chrome */
    -o-transition: all 200ms; /* Opera */
    }
    .primary_wikis li:hover {
      background: #f3da70;
      border-color: #d5a72d;
    }
    .primary_wikis li a:link,
    .primary_wikis li a:visited,
    .primary_wikis li a:active,
    .primary_wikis li a:hover {
      text-decoration: none;
      width: 100%; 
      height: 100%;
      display: block; 
    }
      .primary_wikis li p {
        margin-bottom: 0;
      }
      .primary_wikis li strong {
        font-size: 15px;
        display: block;
        line-height: 16px;
        padding: 8px;
      }
      .primary_wikis li .flag {
        display: block;
        height: 32px;
        overflow: hidden;
        text-align: center;
      }
      .primary_wikis li small {
        font-size: 11px;
        line-height: 12px;
        color: #6a6a6a;
      }

/* HTML: http://hitchwiki.org/en/Template:Startpage-babylanguage */
.secondary_wikis {
  clear: both;
  display: block;
  padding-top: 10px;
  font-size: 13px;
  text-align: center;
}
  .secondary_wikis ul {
    display: block;
    margin: 0;
    padding: 0;
  }
  .secondary_wikis li {
    display: block;
    margin: 0;
    padding: 0;
  }
  .secondary_wikis li a:link,
  .secondary_wikis li a:visited, 
  .secondary_wikis li a:hover,
  .secondary_wikis li a:active {
    display: inline-block;
    line-height: 12px;
    font-size: 12px;
    color: #997d20;
    text-align: center;
    float: left;
    text-decoration: none;
    margin: 5px;
    padding: 5px;
    border: 1px solid rgba(0, 0, 0, 0);
  }
  .secondary_wikis li a:hover,
  .secondary_wikis li a:active {
    border-radius: 5px;
    text-decoration: none;
    background: #f3da70;
    border-color: #d5a72d;
  }
  .secondary_wikis strong {
    display: block;
    padding: 5px 0;
  }
  .secondary_wikis small {
    font-size: 11px;
    display: block;
    width: 100%;
    font-size: 8pt;
  }
  .secondary_wikis a:link,
  .secondary_wikis a:visited,
  .secondary_wikis a:hover,
  .secondary_wikis a:active {
    color: #956520;
  }


.frontpage-meta-links {
    font-size: 12px;
    line-height: 24px;
    color: #333;
}
.frontpage-meta-links a.external,
.frontpage-meta-links a {
    font-size: 12px;
    line-height: 24px;
    color: #333;
    text-decoration: none;
}


.frontpage_col {
	width: 50%;
	float: left;
}
.frontpage_col .col_content {
	padding: 0 20px 20px 20px;
}

.frontpage_box {
	overflow: hidden;
	padding-bottom: 30px;
	clear: both;
}
.frontpage_box h2 {
	padding: 0 0 5px 0;
	font-size: 20px;
	line-height: 25px;
	border-bottom: 1px solid #ccc;
	margin: 0 0 10px 0;
}

.frontpage_box h2,
.frontpage_box h2 a {
	color: #444;
}
.frontpage_box h2 a {
	text-decoration: none;
}

.frontpage_potm .gallerytext {
	font-size: 11px;
	line-height: 14px;
}

.frontpage_box.frontpage_news ul,
.frontpage_box.frontpage_events ul {
    list-style: none;
    padding: 0;
    margin: 0;
}
    .frontpage_box.frontpage_news ul li,
    .frontpage_box.frontpage_events ul li {
    	padding: 0 0 10px 0;
    	margin: 0;
    }


/**
 * Table of Contents
 */
#toc {
	background: #e6e6e6;
	float: right;
	margin: 10px 0 10px 10px;
	font-size: 90%;

	max-width: 400px;

	-webkit-border-radius: 4px !important;
	-moz-border-radius: 4px !important;
	border-radius: 4px !important;

  	box-shadow: 1px 1px 4px rgba(0,0,0,0.1);
  	-moz-box-shadow: 1px 1px 4px rgba(0,0,0,0.1);
  	-webkit-box-shadow: 1px 1px 4px rgba(0,0,0,0.1);
}
    #toc ul {
    	clear: both;
    	margin: 5px 15px;
    }
    #toc,
    #toc a {
    	color: #333;
    	text-decoration: none;
    }
    #toc a:hover,
    #toc a:active {
    	text-decoration: underline;
    }
    #toc, .toc, .mw-warning {
    	background-color: #F9F9F9;
    	border: 1px solid #aaa;
    	padding: 5px;
    }
    #toc, .toc, .mw-warning {
    	background-color: #F9F9F9;
    	border: 1px solid #aaa;
    	padding: 5px;
    }
    #toc #toctitle h2 {
    	font-size: 15px;
    	line-height: 16px;
    	padding: 5px 5px 0 5px;
    	float: left;
    }
    #toc .toctoggle {
    	float: right;
    	padding: 5px;
    }
    #toc .toctoggle a {
    	outline: none;
    }


/** --------- Infobox location/country styling ---------
 * http://hitchwiki.org/en/Template:Infobox_Location
 * http://hitchwiki.org/en/Template:Infobox_Country */
.infobox {
  width: 25em;
  text-align: left;
  font-size: 85%;
  border: 1px solid #aaa;
  border-radius: 4px;
  border-collapse: separate; 
  clear: right;
	float: right;
	margin: 0 0 20px 20px;
}

.infobox-h1 { text-align:center; }
.infobox-h1 div {
  font-size: large;
  width: 80%;       /* for centering heading */
  margin: auto;    /* text-align: center; alone doesn't work because of the toggle in the same table row/cell */
}

/* Hide/show switch */
.infobox .mw-collapsible-toggle, .infobox .mw-collapsible-toggle a {
  font-weight:normal;
  color:black;
}

/* 2nd heading (Information) */
.infobox-h2 {
  text-align:center;
  background:#D8E2EF;
  border-top: 1px solid #aaa;
  /*border-bottom: 1px solid #aaa;*/
 }

.infobox th { padding: 0.3em; }
.infobox th.infobox-h2 { padding: 0; }

/* Flags, coat of arms etc. */
.infobox .floatright { margin: 0; }

.infobox-map div { margin: 0 5px 5px 5px !important; }

/* text "See full map" */
.infobox-map small {
  position: relative;
  bottom: 7px;
}

/* --------------------------------------------------------- */

/* Hide "redirected from" from Hitchgathering pages (we get there via URL `/en/hitchgathering/latest` ) */
.page-Hitchgathering_2017 .mw-redirectedfrom,
.page-Hitchgathering_2018 .mw-redirectedfrom,
.page-Hitchgathering_2019 .mw-redirectedfrom,
.page-Hitchgathering_2020 .mw-redirectedfrom,
.page-Hitchgathering_2021 .mw-redirectedfrom,
.page-Hitchgathering_2022 .mw-redirectedfrom,
.page-Hitchgathering_2023 .mw-redirectedfrom,
.page-Hitchgathering_2024 .mw-redirectedfrom,
.page-Hitchgathering_2025 .mw-redirectedfrom  {
  display: none;
}