User:Mxn/Www.wikinews.org template

<!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&amp;lang=en&amp;modules=ext.gadget.wm-portal&amp;only=styles&amp;skin=vector&amp;*">
<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&nbsp;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&nbsp;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&amp;lang=en&amp;modules=ext.gadget.wm-portal&amp;only=scripts&amp;skin=vector&amp;*"></script>
</body>
</html>