User:Mxn/Www.wikinews.org template
Appearance
< User:Mxn
<!DOCTYPE html>
<html lang="mul" dir="ltr">
<head>
<!-- Sysops: Please do not edit the main template directly; update /temp and synchronise. -->
<meta charset="utf-8">
<title>Wikinews</title>
<!--[if lt IE 7]><meta http-equiv="imagetoolbar" content="no"><![endif]-->
<meta name="viewport" content="initial-scale=1.0, user-scalable=yes">
<link rel="apple-touch-icon" href="/static/apple-touch/wikinews.png">
<link rel="shortcut icon" href="/static/favicon/wikinews.ico">
<link rel="license" href="//creativecommons.org/licenses/by-sa/3.0/">
<link rel="stylesheet" href="//meta.wikimedia.org/w/load.php?debug=false&lang=en&modules=ext.gadget.wm-portal&only=styles&skin=vector&*">
<style type="text/css">
.central-featured-logo {
background: url("//upload.wikimedia.org/wikipedia/meta/e/e4/Wikinews-logo_1x.png") center center no-repeat;
left: 0;
top: 0;
width: 100%;
height: 100%;
}
.bookshelf {
display: block;
}
.bookshelf-container {
font-size: 13px;
font-weight: bold;
line-height: 20px;
}
.bookshelf-container .text {
padding: 0 0.5em;
}
.bookshelf-container .bookend {
display: -moz-inline-stack; display: inline-block;
background-image: url("//upload.wikimedia.org/wikipedia/commons/b/bd/Bookshelf-40x201_6.png");
background-repeat: repeat-x;
width: 480px;
height: 20px;
vertical-align: top;
}
.otherprojects {
text-align: left;
float: none;
width: 90%;
margin-left: auto;
margin-right: auto;
}
.otherprojects-item {
width: 24.75%;
line-height: 60px;
}
.otherprojects-item a {
display: block;
width: 10em;
margin-left: auto;
margin-right: auto;
}
.otherprojects-item .icon {
display: -moz-inline-stack; display: inline-block;
width: 47px;
text-align: center;
}
.wm-site-info {
padding-top: 1.5em;
}
@media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3/2), (min-resolution: 1.5dppx), (min-resolution: 144dpi) {
.central-featured-logo {
background-image: url("//upload.wikimedia.org/wikipedia/meta/a/a5/Wikinews-logo_1.5x.png");
background-size: 240px auto;
}
.bookshelf-container .bookend {
background-image: url("//upload.wikimedia.org/wikipedia/meta/5/52/Bookshelf-40x20_1.5x.png");
background-size: 40px auto;
}
}
@media (-webkit-min-device-pixel-ratio: 2), (min--moz-device-pixel-ratio: 2), (-o-min-device-pixel-ratio: 2), (min-resolution: 2dppx), (min-resolution: 192dpi) {
.central-featured-logo {
background-image: url("//upload.wikimedia.org/wikipedia/meta/3/3f/Wikinews-logo_2x.png");
background-size: 240px auto;
}
.bookshelf-container .bookend {
background-image: url("//upload.wikimedia.org/wikipedia/meta/4/46/Bookshelf-40x20_2x.png");
background-size: 40px auto;
}
}
@media all and (max-width: 480px) {
.central-featured-logo {
background-size: 70px auto;
left: 0.8em;
top: -70px;
width: 70px;
height: 70px;
}
.bookshelf-container .bookend {
width: 40px !important;
}
.bookshelf-container .bookend:last-child {
display: none;
}
}
@media all and (max-width: 45em) {
.otherprojects {
width: 100%;
}
.otherprojects-item {
width: 33.33%;
}
}
@media all and (max-width: 30em) {
.otherprojects-item {
width: 50%;
}
}
@media all and (max-width: 20em) {
.otherprojects-item {
width: 100%;
}
}
</style>
<!--[if lt IE 8]><style type="text/css">
.bookshelf-container .bookend, .otherprojects-icon {
zoom: 1;
display: inline;
}
</style><![endif]-->
</head>
<body id="www-wikinews-org">
<!-- wordmark at the top -->
<h1 class="central-textlogo" style="text-transform: uppercase; font-family: 'Myriad Pro', 'Helvetica', 'Arial', sans-serif; font-weight: bold; letter-spacing: 0.05em; text-shadow: 2px 2px 4px #c0c0c0;"><span style="color: #595959;">Wiki</span><span style="color: #8c8c8c;">news</span></h1>
<!-- container div for the central logo and the links to the largest language editions -->
<div class="central-featured">
<!-- the central logo -->
<div class="central-featured-logo"></div>
{{topn|10|articles}}
</div>
<!-- Search form -->
<div class="search-container">
<form class="search-form" action="//www.wikinews.org/search-redirect.php">
<fieldset>
<!-- search-redirect.php is project-independent, requires a family -->
<input type="hidden" name="family" value="wikinews">
<input id="searchInput" name="search" type="search" size="20" autofocus="autofocus" accesskey="F" dir="auto">
<select id="searchLanguage" name="language">
<!-- 1,000+ content pages, sorted by romanization -->
{{wikis|option|≥1000}}
</select>
<input class="formBtn" type="submit" value=" → " name="go">
<input type="hidden" value="Go" name="go">
</fieldset>
</form>
</div>
<div class="divider" style="padding: 0 1%;"><hr></div>
<div class="search-container language-search">
<form action="//incubator.wikimedia.org/w/index.php" method="get" name="searchwiki">
<input type="hidden" name="title" value="Special:SearchWiki">
<input type="hidden" name="uselang" value="en">
<input type="hidden" name="searchproject" value="n">
<label for="langsearch-input">Find Wikinews in a language:</label>
<input type="search" name="searchlanguage" id="langsearch-input" value="" dir="auto">
<input class="formBtn" type="submit" value=" → ">
</form>
</div>
<!-- Bookshelves -->
<h2 class="bookshelf-container">
<span class="bookshelf"><span class="bookend" style="width: 240px /* 6 * 40 */;"></span><span class="text">10 000+</span><span class="bookend" style="width: 240px;"></span></span>
</h2>
<!-- 10,000+ content pages -->
<div class="langlist langlist-large"><div>
{{wikis|a|≥10000}}
</div></div>
<!-- Bookshelves -->
<h2 class="bookshelf-container">
<span class="bookshelf"><span class="bookend" style="width: 120px /* 3 * 40 */;"></span><span class="text">1 000+</span><span class="bookend" style="width: 120px;"></span></span>
</h2>
<!-- 1,000+ content pages -->
<div class="langlist langlist-large"><div>
{{wikis|a|1000}}
</div></div>
<!-- Bookshelves -->
<h2 class="bookshelf-container">
<span class="bookshelf"><span class="bookend" style="width: 40px /* 1 * 40 */;"></span><span class="text">100+</span><span class="bookend" style="width: 40px;"></span></span>
</h2>
<!-- 100+ content pages -->
<div class="langlist">
{{wikis|a|100}}
</div>
<div class="divider" style="padding: 0 1%;"><hr></div>
<!-- Other projects -->
<div class="otherprojects">
<div class="otherprojects-item">
<a href="//www.wikipedia.org/"><span class="icon"><img src="//upload.wikimedia.org/wikipedia/meta/9/9b/Wikipedia-logo_sister_1x.png" srcset="//upload.wikimedia.org/wikipedia/meta/1/1f/Wikipedia-logo_sister_1.5x.png 1.5x, //upload.wikimedia.org/wikipedia/meta/4/4b/Wikipedia-logo_sister_2x.png 2x" width="35" height="32" alt=""></span> Wikipedia</a>
</div>
<div class="otherprojects-item">
<a href="//www.wiktionary.org/"><span class="icon"><img src="//upload.wikimedia.org/wikipedia/meta/3/3b/Wiktionary-logo_sister_1x.png" srcset="//upload.wikimedia.org/wikipedia/meta/c/c2/Wiktionary-logo_sister_1.5x.png 1.5x, //upload.wikimedia.org/wikipedia/meta/0/05/Wiktionary-logo_sister_2x.png 2x" width="35" height="35" alt=""></span> Wiktionary</a>
</div>
<div class="otherprojects-item">
<a href="//www.wikiquote.org/"><span class="icon"><img src="//upload.wikimedia.org/wikipedia/meta/c/c8/Wikiquote-logo_sister_1x.png" srcset="//upload.wikimedia.org/wikipedia/meta/a/aa/Wikiquote-logo_sister_1.5x.png 1.5x, //upload.wikimedia.org/wikipedia/meta/9/97/Wikiquote-logo_sister_2x.png 2x" width="35" height="41" alt=""></span> Wikiquote</a>
</div>
<div class="otherprojects-item">
<a href="//www.wikibooks.org/"><span class="icon"><img src="//upload.wikimedia.org/wikipedia/meta/7/74/Wikibooks-logo_sister_1x.png" srcset="//upload.wikimedia.org/wikipedia/meta/4/47/Wikibooks-logo_sister_1.5x.png 1.5x, //upload.wikimedia.org/wikipedia/meta/0/0f/Wikibooks-logo_sister_2x.png 2x" width="35" height="35" alt=""></span> Wikibooks</a>
</div>
<div class="otherprojects-item">
<a href="//www.wikidata.org/"><span class="icon"><img src="//upload.wikimedia.org/wikipedia/meta/0/00/Wikidata-logo_sister_1x.png" srcset="//upload.wikimedia.org/wikipedia/meta/5/58/Wikidata-logo_sister_1.5x.png 1.5x, //upload.wikimedia.org/wikipedia/meta/e/ec/Wikidata-logo_sister_2x.png 2x" width="47" height="26" alt=""></span> Wikidata</a>
</div>
<div class="otherprojects-item">
<a href="//species.wikimedia.org/"><span class="icon"><img src="//upload.wikimedia.org/wikipedia/meta/8/8c/Wikispecies-logo_sister_1x.png" srcset="//upload.wikimedia.org/wikipedia/meta/4/43/Wikispecies-logo_sister_1.5x.png 1.5x, //upload.wikimedia.org/wikipedia/meta/7/7d/Wikispecies-logo_sister_2x.png 2x" width="35" height="41" alt=""></span> Wikispecies</a>
</div>
<div class="otherprojects-item">
<a href="//www.wikisource.org/"><span class="icon"><img src="//upload.wikimedia.org/wikipedia/meta/2/27/Wikisource-logo_sister_1x.png" srcset="//upload.wikimedia.org/wikipedia/meta/0/06/Wikisource-logo_sister_1.5x.png 1.5x, //upload.wikimedia.org/wikipedia/meta/a/a4/Wikisource-logo_sister_2x.png 2x" width="35" height="37" alt=""></span> Wikisource</a>
</div>
<div class="otherprojects-item">
<a href="//www.wikiversity.org/"><span class="icon"><img src="//upload.wikimedia.org/wikipedia/meta/a/af/Wikiversity-logo_sister_1x.png" srcset="//upload.wikimedia.org/wikipedia/meta/d/df/Wikiversity-logo_sister_1.5x.png 1.5x, //upload.wikimedia.org/wikipedia/meta/6/69/Wikiversity-logo_sister_2x.png 2x" width="35" height="28" alt=""></span> Wikiversity</a>
</div>
<div class="otherprojects-item">
<a href="//www.wikivoyage.org/"><span class="icon"><img src="//upload.wikimedia.org/wikipedia/meta/7/74/Wikivoyage-logo_sister_1x.png" srcset="//upload.wikimedia.org/wikipedia/meta/4/4c/Wikivoyage-logo_sister_1.5x.png 1.5x, //upload.wikimedia.org/wikipedia/meta/4/4e/Wikivoyage-logo_sister_2x.png 2x" width="35" height="35" alt=""></span> Wikivoyage</a>
</div>
<div class="otherprojects-item">
<a href="//commons.wikimedia.org/"><span class="icon"><img src="//upload.wikimedia.org/wikipedia/meta/9/90/Commons-logo_sister_1x.png" srcset="//upload.wikimedia.org/wikipedia/meta/4/4e/Commons-logo_sister_1.5x.png 1.5x, //upload.wikimedia.org/wikipedia/meta/b/b6/Commons-logo_sister_2x.png 2x" width="35" height="47" alt="" style="vertical-align: top;"></span> Commons</a>
</div>
<div class="otherprojects-item">
<a href="//www.mediawiki.org/"><span class="icon"><img src="//upload.wikimedia.org/wikipedia/meta/1/16/MediaWiki-logo_sister_1x.png" srcset="//upload.wikimedia.org/wikipedia/meta/f/f7/MediaWiki-logo_sister_1.5x.png 1.5x, //upload.wikimedia.org/wikipedia/meta/2/2e/MediaWiki-logo_sister_2x.png 2x" width="47" height="36" alt=""></span> MediaWiki</a>
</div>
<div class="otherprojects-item">
<a href="//meta.wikimedia.org/"><span class="icon"><img src="//upload.wikimedia.org/wikipedia/meta/f/f2/Meta-logo_sister_1x.png" srcset="//upload.wikimedia.org/wikipedia/meta/6/61/Meta-logo_sister_1.5x.png 1.5x, //upload.wikimedia.org/wikipedia/meta/a/ac/Meta-logo_sister_2x.png 2x" width="35" height="35" alt=""></span> Meta-Wiki</a>
</div>
</div>
<!-- Site info -->
<div class="wm-site-info">
<a href="//wikimediafoundation.org/"><img src="/static/images/wikimedia-button.png" srcset="https://upload.wikimedia.org/wikipedia/meta/3/3a/A_Wikimedia_project_1.5x.png 1.5x, https://upload.wikimedia.org/wikipedia/meta/b/b7/A_Wikimedia_project_2x.png 2x" width="88" height="31" alt="A Wikimedia Project"></a>
</div>
<div style="text-align:center"><a href="//wikimediafoundation.org/wiki/Terms_of_Use">Terms of Use</a> | <a href="//wikimediafoundation.org/wiki/Privacy_policy">Privacy Policy</a></div>
<script src="//meta.wikimedia.org/w/load.php?debug=false&lang=en&modules=ext.gadget.wm-portal&only=scripts&skin=vector&*"></script>
</body>
</html>