Website: update copyright dates, better mobile devices support
git-svn-id: file:///var/kolibrios-org-repos@3 ae7b2cb0-843d-483b-9e9e-b8a90ea88d30
This commit is contained in:
leency
parent
b5160f8e4d
commit
938203bfde
@ -74,5 +74,5 @@
|
||||
der Quellcode ist auf unserem <a href='svn://kolibrios.org'>SVN-Server</a> verfügbar. </p>
|
||||
|
||||
</div>
|
||||
<div id="footer">© 2004<span>–</span>2013 KolibriOS Team</div></body>
|
||||
<div id="footer">© 2004<span>–</span>2020 KolibriOS Team</div></body>
|
||||
</html>
|
||||
@ -45,5 +45,5 @@
|
||||
</p>
|
||||
|
||||
<p><b>KoliriOS</b> hat sich von <a href="http://menuetos.net" target="_blank">MenuetOS</a> 2004 abgespalten und wurde seither unabhängig (weiter-)entwicklet. Der Komplette Quellcode ist Open-Source und die Mehrheit des Quelltextes wurde unter der <a href="http://www.gnu.org/licenses/gpl-2.0.html" target="_blank">GPLv2</a> Lizenz herausgegeben. Ihre <a href="http://board.kolibrios.org">Rückmeldung</a> ist uns sehr wichtig und Ihre <a href="http://wiki.kolibrios.org/wiki/Kolibri_tomorrow">Unterstützung</a> sehr erwünscht.</p>
|
||||
</div> <div id="footer">© 2004<span>–</span>2013 KolibriOS Team</div></body>
|
||||
</div> <div id="footer">© 2004<span>–</span>2020 KolibriOS Team</div></body>
|
||||
</html>
|
||||
148
dropdown.css
148
dropdown.css
@ -1,74 +1,74 @@
|
||||
#lang-dropdown
|
||||
{
|
||||
position: fixed;
|
||||
z-index:9100;
|
||||
color: #fff;
|
||||
display: none;
|
||||
opacity: 0;
|
||||
filter:alpha(opacity=0);
|
||||
}
|
||||
|
||||
#lang-dropdown::before
|
||||
{
|
||||
content: '';
|
||||
display: block;
|
||||
position: absolute;
|
||||
border: 10px solid #333;
|
||||
border-left: 10px solid rgba(255, 255, 255, 0);
|
||||
border-right: 10px solid rgba(255, 255, 255, 0);
|
||||
border-top: 0px solid rgba(255, 255, 255, 0);
|
||||
top: -10px;
|
||||
left: 50%;
|
||||
margin-left: -10px;
|
||||
}
|
||||
|
||||
#lang-dropdown > ul
|
||||
{
|
||||
display: block;
|
||||
border-radius: 5px;
|
||||
border: 1px solid #333;
|
||||
box-shadow: 0 0 5px #000;
|
||||
box-shadow: 0 0 10px rgba(0,0,0,0.4);
|
||||
overflow: hidden;
|
||||
background: #333;
|
||||
}
|
||||
|
||||
#lang-dropdown > ul > li a
|
||||
{
|
||||
display: block;
|
||||
padding: 0 50px 0 20px;
|
||||
font-size: 0.8em;
|
||||
line-height: 3;
|
||||
border-top: 1px solid rgba(255, 255, 255, 0.06);
|
||||
border-bottom: 1px solid rgba(0, 0, 0, 0.07);
|
||||
text-decoration: none;
|
||||
color: #fff !important;
|
||||
}
|
||||
|
||||
#lang-dropdown > ul > li a:hover
|
||||
{
|
||||
background: #444;
|
||||
border-bottom: 1px solid rgba(0, 0, 0, 0.32);
|
||||
}
|
||||
|
||||
#lang-dropdown > ul > li a.sel {
|
||||
color: #888 !important;
|
||||
}
|
||||
|
||||
#lang-dropdown > ul > li a > img
|
||||
{
|
||||
display: inline-block;
|
||||
vertical-align: middle;
|
||||
margin-right: 10px;
|
||||
margin-top: -3px;
|
||||
}
|
||||
|
||||
#lang-dropdown > ul > li:first-child a
|
||||
{
|
||||
border-top: none;
|
||||
}
|
||||
|
||||
#lang-dropdown > ul > li:last-child a
|
||||
{
|
||||
border-bottom: none;
|
||||
}
|
||||
#lang-dropdown
|
||||
{
|
||||
position: fixed;
|
||||
z-index:9100;
|
||||
color: #fff;
|
||||
display: none;
|
||||
opacity: 0;
|
||||
filter:alpha(opacity=0);
|
||||
}
|
||||
|
||||
#lang-dropdown::before
|
||||
{
|
||||
content: '';
|
||||
display: block;
|
||||
position: absolute;
|
||||
border: 10px solid #333;
|
||||
border-left: 10px solid rgba(255, 255, 255, 0);
|
||||
border-right: 10px solid rgba(255, 255, 255, 0);
|
||||
border-top: 0px solid rgba(255, 255, 255, 0);
|
||||
top: -10px;
|
||||
left: 50%;
|
||||
margin-left: -10px;
|
||||
}
|
||||
|
||||
#lang-dropdown > ul
|
||||
{
|
||||
display: block;
|
||||
border-radius: 5px;
|
||||
border: 1px solid #333;
|
||||
box-shadow: 0 0 5px #000;
|
||||
box-shadow: 0 0 10px rgba(0,0,0,0.4);
|
||||
overflow: hidden;
|
||||
background: #333;
|
||||
}
|
||||
|
||||
#lang-dropdown > ul > li a
|
||||
{
|
||||
display: block;
|
||||
padding: 0 50px 0 20px;
|
||||
font-size: 0.8em;
|
||||
line-height: 3;
|
||||
border-top: 1px solid rgba(255, 255, 255, 0.06);
|
||||
border-bottom: 1px solid rgba(0, 0, 0, 0.07);
|
||||
text-decoration: none;
|
||||
color: #fff !important;
|
||||
}
|
||||
|
||||
#lang-dropdown > ul > li a:hover
|
||||
{
|
||||
background: #444;
|
||||
border-bottom: 1px solid rgba(0, 0, 0, 0.32);
|
||||
}
|
||||
|
||||
#lang-dropdown > ul > li a.sel {
|
||||
color: #888 !important;
|
||||
}
|
||||
|
||||
#lang-dropdown > ul > li a > img
|
||||
{
|
||||
display: inline-block;
|
||||
vertical-align: middle;
|
||||
margin-right: 10px;
|
||||
margin-top: -3px;
|
||||
}
|
||||
|
||||
#lang-dropdown > ul > li:first-child a
|
||||
{
|
||||
border-top: none;
|
||||
}
|
||||
|
||||
#lang-dropdown > ul > li:last-child a
|
||||
{
|
||||
border-bottom: none;
|
||||
}
|
||||
|
||||
@ -74,5 +74,5 @@
|
||||
license, its source code is available on our <a href='svn://kolibrios.org'>SVN</a> server. </p>
|
||||
|
||||
</div>
|
||||
<div id="footer">© 2004<span>–</span>2013 KolibriOS Team</div></body>
|
||||
<div id="footer">© 2004<span>–</span>2020 KolibriOS Team</div></body>
|
||||
</html>
|
||||
@ -45,5 +45,5 @@
|
||||
|
||||
<p><b>KolibriOS</b> has forked off from <a href="http://menuetos.net" target="_blank">MenuetOS</a> in 2004, and is run under independent development since then. All our code is open-source, with the majority of the code released under <a href="http://www.gnu.org/licenses/gpl-2.0.html" target="_blank">GPLv2</a> license. Your <a href="http://board.kolibrios.org">feedback</a> is very much appreciated, and your <a href="http://wiki.kolibrios.org/wiki/Kolibri_tomorrow">help</a> is even more welcome.</p>
|
||||
|
||||
</div> <div id="footer">© 2004<span>–</span>2013 KolibriOS Team</div></body>
|
||||
</div> <div id="footer">© 2004<span>–</span>2020 KolibriOS Team</div></body>
|
||||
</html>
|
||||
@ -71,5 +71,5 @@
|
||||
</p>
|
||||
|
||||
</div>
|
||||
<div id="footer">© 2004<span>–</span>2013 KolibriOS Team</div></body>
|
||||
<div id="footer">© 2004<span>–</span>2020 KolibriOS Team</div></body>
|
||||
</html>
|
||||
@ -48,5 +48,5 @@
|
||||
|
||||
<p><b>KolibriOS</b> empezó en 2004 usando como base el código de <a href="http://menuetos.net" target="_blank">MenuetOS</a>, pero desde entonces su desarrollo es independiente. Todo nuestro código es abierto, con la mayoría del código liberado bajo la licencia <a href="http://www.gnu.org/licenses/gpl-2.0.html" target="_blank">GPLv2</a>. Apreciamos mucho tus <a href="http://board.kolibrios.org/viewforum.php?f=50">comentarios</a> y tu <a href="http://wiki.kolibrios.org/wiki/Kolibri_tomorrow">ayuda</a> es muy bienvenida.</p>
|
||||
</div>
|
||||
<div id="footer">© 2004<span>–</span>2013 KolibriOS Team</div></body>
|
||||
<div id="footer">© 2004<span>–</span>2020 KolibriOS Team</div></body>
|
||||
</html>
|
||||
@ -74,5 +74,5 @@
|
||||
sur notre serveur <a href='svn://kolibrios.org'>SVN</a>. </p>
|
||||
|
||||
</div>
|
||||
<div id="footer">© 2004<span>–</span>2013 l'équipe KolibriOS</div></body>
|
||||
<div id="footer">© 2004<span>–</span>2020 l'équipe KolibriOS</div></body>
|
||||
</html>
|
||||
@ -64,5 +64,5 @@
|
||||
Vos <a href="http://board.kolibrios.org">réactions</a> seront très appréciées, et votre
|
||||
<a href="http://wiki.kolibrios.org/wiki/Kolibri_tomorrow">soutien</a> encore davantage.</p>
|
||||
</div>
|
||||
<div id="footer">© 2004<span>–</span>2013 l'équipe KolibriOS</div></body>
|
||||
<div id="footer">© 2004<span>–</span>2020 l'équipe KolibriOS</div></body>
|
||||
</html>
|
||||
BIN
i/icons.png
BIN
i/icons.png
Binary file not shown.
|
Before Width: | Height: | Size: 4.8 KiB After Width: | Height: | Size: 6.1 KiB |
@ -74,5 +74,5 @@
|
||||
il codice è disponibile sul server <a href='svn://kolibrios.org'>SVN</a>. </p>
|
||||
|
||||
</div>
|
||||
<div id="footer">© 2004<span>–</span>2013 Il team di KolibriOS</div></body>
|
||||
<div id="footer">© 2004<span>–</span>2020 Il team di KolibriOS</div></body>
|
||||
</html>
|
||||
@ -46,5 +46,5 @@
|
||||
|
||||
<p><b>KolibriOS</b> nasce come fork di <a href="http://menuetos.net" target="_blank">MenuetOS</a> nel 2004, e il suo sviluppo è del tutto indipendente. Tutto il codice sorgente è liberamente disponibile, la maggior parte è rilasciato con la licenza <a href="http://www.gnu.org/licenses/gpl-2.0.html" target="_blank">GPLv2</a>. Eventuali <a href="http://board.kolibrios.org">commenti</a> sono ben accetti, come anche l'<a href="http://wiki.kolibrios.org/wiki/Kolibri_tomorrow">aiuto</a> di chi si vuole offrire volontario.</p>
|
||||
</div>
|
||||
<div id="footer">© 2004<span>–</span>2013 Il team di KolibriOS</div></body>
|
||||
<div id="footer">© 2004<span>–</span>2020 Il team di KolibriOS</div></body>
|
||||
</html>
|
||||
@ -74,5 +74,5 @@
|
||||
de broncode kunt u downloaden via onze <a href='svn://kolibrios.org'>SVN-server</a>. </p>
|
||||
|
||||
</div>
|
||||
<div id="footer">© 2004<span>–</span>2013 KolibriOS Team</div></body>
|
||||
<div id="footer">© 2004<span>–</span>2020 KolibriOS Team</div></body>
|
||||
</html>
|
||||
@ -44,5 +44,5 @@
|
||||
<p style="padding: 15px 0;">Heb je ooit gedroomd van een besturingssysteem dat er slechts tien seconden over doet om te laden vanaf het moment dat je de computer aanzet naar een werkende omgeving, op een computer die slechts 90 euro kost? Applicaties die meteen opstarten als je op hun icoontjes klikt, zonder die irritante zandloper-cursors? Deze snelheid komt doordat de kernel en de drivers van KolibriOS geheel geschreven zijn in <a href="http://www.flatassembler.net" target="_blank">FASM</a> Assembler programmeertaal. Probeer <strong>KolibriOS</strong> en vergelijk het met zwaargewichten als Windows en Linux.</p>
|
||||
|
||||
<p><b>KolibriOS</b> is afgesplitst van <a href="http://menuetos.net" target="_blank">MenuetOS</a> in 2004 en is sindsdien onder actieve ontwikkeling. Al onze code is vrij (open-source), de meeste code staat onder de <a href="http://www.gnu.org/licenses/gpl-2.0.html" target="_blank">GPLv2</a> licensie. Je <a href="http://board.kolibrios.org">feedback</a> wordt heel erg gewaardeerd en je <a href="http://wiki.kolibrios.org/wiki/Kolibri_tomorrow">hulp</a> is zelfs nog meer welkom.</p>
|
||||
</div> <div id="footer">© 2004<span>–</span>2013 KolibriOS Team</div></body>
|
||||
</div> <div id="footer">© 2004<span>–</span>2020 KolibriOS Team</div></body>
|
||||
</html>
|
||||
@ -76,5 +76,5 @@
|
||||
Успеха и процветания. </p>
|
||||
|
||||
</div>
|
||||
<div id="footer">© 2004<span>–</span>2015 команда Колибри</div></body>
|
||||
<div id="footer">© 2004<span>–</span>2020 команда Колибри</div></body>
|
||||
</html>
|
||||
|
||||
@ -46,5 +46,5 @@
|
||||
Надеемся, Вам понравится,<br>
|
||||
команда Колибри.
|
||||
</div>
|
||||
<div id="footer">© 2004<span>–</span>2015 команда Колибри</div></body>
|
||||
<div id="footer">© 2004<span>–</span>2020 команда Колибри</div></body>
|
||||
</html>
|
||||
|
||||
914
style.css
914
style.css
@ -1,455 +1,459 @@
|
||||
@import "dropdown.css";
|
||||
|
||||
/* RESET.CSS v2.0 | 20110126 */
|
||||
|
||||
html, body, div, span, iframe,
|
||||
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
|
||||
a, code, del, em, img, ins, kbd, q, s, samp,
|
||||
small, strike, strong, sub, sup, tt, var,
|
||||
b, u, i, center, dl, dt, dd, ol, ul, li,
|
||||
fieldset, form, label, legend,
|
||||
table, caption, tr, th, td,
|
||||
article, figure, footer, header, menu {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
border: 0;
|
||||
font-size: 100%;
|
||||
font: inherit;
|
||||
vertical-align: baseline;
|
||||
}
|
||||
body { line-height: 1; }
|
||||
ol, ul { list-style: none; }
|
||||
blockquote, q { quotes: none; }
|
||||
table { border-collapse: collapse; border-spacing: 0; }
|
||||
|
||||
/* MAIN.CSS */
|
||||
|
||||
html {
|
||||
overflow-y: scroll;
|
||||
}
|
||||
|
||||
body {
|
||||
color: #333;
|
||||
background: #F4F5F5;
|
||||
line-height: 2em;
|
||||
font-size: 11.5pt;
|
||||
font-family: "Source Sans Pro", "Open Sans", sans-serif;
|
||||
}
|
||||
|
||||
#menu {
|
||||
position: fixed;
|
||||
top: 0;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
text-align: center;
|
||||
padding: 7px 0;
|
||||
background: #333;
|
||||
z-index:9000;
|
||||
border-bottom: 1px #777 solid;
|
||||
font-size: 90%;
|
||||
cursor: default;
|
||||
box-shadow: 0 0 10px rgba(0,0,0,0.4);
|
||||
-moz-box-shadow: 0 0 10px rgba(0,0,0,0.4);
|
||||
-webkit-box-shadow: 0 0 10px rgba(0,0,0,0.4);
|
||||
}
|
||||
|
||||
#menu > a {
|
||||
color: #999;
|
||||
font-weight: bold;
|
||||
text-decoration: none !important;
|
||||
margin: 12px;
|
||||
cursor: pointer;
|
||||
-webkit-transition: color 0.15s ease;
|
||||
-moz-transition: color 0.15s ease;
|
||||
-o-transition: color 0.15s ease;
|
||||
transition: color 0.15s ease;
|
||||
}
|
||||
|
||||
#menu a:hover, a.a {
|
||||
color: white !important;
|
||||
}
|
||||
|
||||
.flag {
|
||||
width:16px;
|
||||
height:11px;
|
||||
}
|
||||
|
||||
#article {
|
||||
font-size: 100%;
|
||||
max-width: 910px;
|
||||
margin: auto;
|
||||
top: 78px;
|
||||
position: relative;
|
||||
background: #fff;
|
||||
border-radius: 4px;
|
||||
box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.1);
|
||||
border: solid 1px #D4D5D5;
|
||||
text-align: justify;
|
||||
padding: 15px 35px;
|
||||
background: #fff;
|
||||
}
|
||||
|
||||
/* Android fix */
|
||||
#article p {
|
||||
background: #fff;
|
||||
}
|
||||
|
||||
|
||||
#banner {
|
||||
display: block;
|
||||
margin: auto;
|
||||
margin-top: 18px;
|
||||
margin-bottom: -10px;
|
||||
border-radius: 3px;
|
||||
padding: 5px;
|
||||
border: solid 1px #D4D5D5;
|
||||
box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.08);
|
||||
max-width: 100%;
|
||||
max-height: 100%;
|
||||
width: 900px;
|
||||
height: 150px;
|
||||
}
|
||||
|
||||
#banner.big {
|
||||
height: 260px;
|
||||
}
|
||||
|
||||
#article.index_russian {
|
||||
background-attachment: scroll;
|
||||
background-repeat: no-repeat;
|
||||
background-position: right bottom;
|
||||
background-image: url(i/logo.png);
|
||||
padding-bottom: 50px;
|
||||
}
|
||||
|
||||
#article.index_russian > p {
|
||||
text-indent: 25px;
|
||||
}
|
||||
|
||||
strong {
|
||||
color: #000;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
h3 {
|
||||
color: #000;
|
||||
font-weight: bold;
|
||||
padding: 10px 25px;
|
||||
}
|
||||
|
||||
#footer {
|
||||
padding: 25px;
|
||||
font-size: 90%;
|
||||
text-align: center;
|
||||
color: #848585;
|
||||
text-shadow: 0 1px 0 #fff;
|
||||
top: 80px;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
#footer span {
|
||||
padding:0 3px;
|
||||
}
|
||||
|
||||
a {
|
||||
color: #1F1F1F;
|
||||
text-decoration: underline;
|
||||
}
|
||||
|
||||
a:hover {
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
/*IE 7*/
|
||||
*+html body {
|
||||
overflow-y: auto;
|
||||
}
|
||||
|
||||
|
||||
/* DOWNLOAD.CSS */
|
||||
|
||||
table {
|
||||
margin: auto;
|
||||
}
|
||||
|
||||
.download table {
|
||||
width: 92%;
|
||||
}
|
||||
|
||||
td {
|
||||
vertical-align: middle;
|
||||
}
|
||||
|
||||
.date_cell {
|
||||
padding-left: 10px;
|
||||
padding-right: 35px;
|
||||
width: 17%;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.download .description_cell {
|
||||
width: 43%;
|
||||
padding: 14px 18px;
|
||||
padding-left: 18px;
|
||||
padding-right: auto;
|
||||
line-height: 1.2em;
|
||||
text-align: left;
|
||||
margin: 3px 0;
|
||||
}
|
||||
|
||||
.download table a {
|
||||
margin: 0 6px;
|
||||
border-bottom: 1px solid;
|
||||
text-decoration: none;
|
||||
color: rgb(4, 114, 216);
|
||||
position: relative;
|
||||
top: -1px;
|
||||
}
|
||||
|
||||
.icon_cell, .releases td > div {
|
||||
display: inline-block;
|
||||
width: 32px;
|
||||
height:32px;
|
||||
background: url(i/icons.png) no-repeat;
|
||||
vertical-align: middle;
|
||||
margin-right: 15px;
|
||||
}
|
||||
|
||||
/* Releases */
|
||||
|
||||
.releases .caption {
|
||||
padding-top: 12px !important;
|
||||
text-align: center;
|
||||
margin-top: 15px;
|
||||
padding: 0px !important;
|
||||
}
|
||||
|
||||
.releases td {
|
||||
padding: 6px 0;
|
||||
}
|
||||
|
||||
.releases table {
|
||||
border-top: 1px solid #aaa;
|
||||
}
|
||||
|
||||
.releases .description {
|
||||
width:320px;
|
||||
line-height: 1.2em;
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
.releases .description:lang(de) {
|
||||
width:350px;
|
||||
}
|
||||
|
||||
.dwn {
|
||||
width: 120px;
|
||||
text-align: right;
|
||||
}
|
||||
|
||||
.dwn img {
|
||||
display: inline-block;
|
||||
vertical-align: middle;
|
||||
margin-left: 11px;
|
||||
width: 24px;
|
||||
height: 24px;
|
||||
}
|
||||
|
||||
|
||||
/* SCREENS.CSS */
|
||||
|
||||
#screen {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
display: table-cell;
|
||||
vertical-align: middle;
|
||||
background: #999;
|
||||
}
|
||||
|
||||
#show {
|
||||
max-width:800px;
|
||||
max-height:600px;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
cursor:pointer;
|
||||
border: 4px solid #aaa;
|
||||
display: block;
|
||||
|
||||
position: relative;
|
||||
top: 50%;
|
||||
left: 50%;
|
||||
margin-left: -400px;
|
||||
margin-top: -300px;
|
||||
}
|
||||
|
||||
#show img {
|
||||
float: left;
|
||||
margin-right: -100%;
|
||||
position: relative;
|
||||
width: 100%;
|
||||
height: auto;
|
||||
opacity: 0;
|
||||
filter:alpha(opacity=0);
|
||||
..-opacity:0;
|
||||
}
|
||||
|
||||
|
||||
|
||||
#show img.visible {
|
||||
opacity: 1;
|
||||
filter:alpha(opacity=100);
|
||||
..-opacity:1;
|
||||
}
|
||||
|
||||
|
||||
#carousel {
|
||||
position: fixed;
|
||||
bottom:0;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
text-align: center;
|
||||
background: #333;
|
||||
z-index:9000;
|
||||
font-size: 90%;
|
||||
cursor: default;
|
||||
box-shadow: 0 0 4px rgba(0,0,0,0.8);
|
||||
}
|
||||
|
||||
#carousel * {
|
||||
vertical-align: middle;
|
||||
}
|
||||
|
||||
#carousel img {
|
||||
margin-left: 8px;
|
||||
margin-right: 8px;
|
||||
}
|
||||
|
||||
#carousel img.minislide {
|
||||
margin: 8px 9px;
|
||||
padding: 1px;
|
||||
width: 80px;
|
||||
height: 60px;
|
||||
border: 2px #444 solid;
|
||||
}
|
||||
|
||||
#carousel img.active {
|
||||
border: 2px #fff solid;
|
||||
}
|
||||
|
||||
#spoiler {
|
||||
width:100%;
|
||||
border-bottom:1px #555 solid;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
#show_previews {
|
||||
position: absolute;
|
||||
left: 0;
|
||||
top: 0;
|
||||
color:#888;
|
||||
text-decoration:none;
|
||||
}
|
||||
|
||||
#slide_description {
|
||||
color:#fff;
|
||||
text-shadow: 1px 1px 0 #111;
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
/* Adaptive coding */
|
||||
|
||||
@media (max-width: 980px) {
|
||||
#menu {
|
||||
padding: 5px 10px;
|
||||
}
|
||||
#menu a {
|
||||
margin: 6px;
|
||||
}
|
||||
#article {
|
||||
margin-top: 3%;
|
||||
margin-left: 4%;
|
||||
margin-right: 4%;
|
||||
line-height: 1.25em;
|
||||
position: static;
|
||||
padding: 1% 4%;
|
||||
background-image: none !important;
|
||||
}
|
||||
#banner {
|
||||
max-height: 98%;
|
||||
max-width: 98%;
|
||||
width: auto;
|
||||
height: auto !important;
|
||||
}
|
||||
#footer {
|
||||
padding: 10px;
|
||||
}
|
||||
.date_cell {
|
||||
display: none !important;
|
||||
visibility: collapse;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 810px) {
|
||||
#menu a.notrequired, a.nav, #text_preview {
|
||||
display: none !important;
|
||||
visibility: collapse;
|
||||
}
|
||||
#show_previews {
|
||||
position: relative;
|
||||
float: left;
|
||||
}
|
||||
.download table a {
|
||||
margin: 0 4px;
|
||||
}
|
||||
table {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
#show {
|
||||
border: none;
|
||||
margin-left: 0;
|
||||
left: 0;
|
||||
margin-top: -50%;
|
||||
padding-top: 102px;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
@media (max-device-width: 810px) {
|
||||
|
||||
}
|
||||
|
||||
@media (max-device-width: 590px) {
|
||||
#menu {
|
||||
font-size: 2em;
|
||||
line-height: 1.6;
|
||||
}
|
||||
#lang-dropdown > ul > li a {
|
||||
font-size: 2em;
|
||||
line-height: 2;
|
||||
}
|
||||
.flag {
|
||||
width: 1.2em;
|
||||
height: 0.9em;
|
||||
margin-left: 0.8em;
|
||||
}
|
||||
#menu a.notrequired, a.nav, #text_preview {
|
||||
display: none !important;
|
||||
visibility: collapse;
|
||||
}
|
||||
table {
|
||||
width: 100%;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-device-width: 590px) and (orientation:landscape) {
|
||||
#menu {
|
||||
font-size: 1.6em;
|
||||
}
|
||||
}
|
||||
|
||||
@import "dropdown.css";
|
||||
|
||||
/* RESET.CSS v2.0 | 20110126 */
|
||||
|
||||
html, body, div, span, iframe,
|
||||
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
|
||||
a, code, del, em, img, ins, kbd, q, s, samp,
|
||||
small, strike, strong, sub, sup, tt, var,
|
||||
b, u, i, center, dl, dt, dd, ol, ul, li,
|
||||
fieldset, form, label, legend,
|
||||
table, caption, tr, th, td,
|
||||
article, figure, footer, header, menu {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
border: 0;
|
||||
font-size: 100%;
|
||||
font: inherit;
|
||||
vertical-align: baseline;
|
||||
}
|
||||
body { line-height: 1; }
|
||||
ol, ul { list-style: none; }
|
||||
blockquote, q { quotes: none; }
|
||||
table { border-collapse: collapse; border-spacing: 0; }
|
||||
|
||||
/* MAIN.CSS */
|
||||
|
||||
html {
|
||||
overflow-y: scroll;
|
||||
}
|
||||
|
||||
body {
|
||||
color: #333;
|
||||
background: #F4F5F5;
|
||||
line-height: 2em;
|
||||
font-size: 11.5pt;
|
||||
font-family: "Source Sans Pro", "Open Sans", sans-serif;
|
||||
}
|
||||
|
||||
#menu {
|
||||
position: fixed;
|
||||
top: 0;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
text-align: center;
|
||||
padding: 7px 0;
|
||||
background: #555;
|
||||
background: rgba(0,0,0, .8);
|
||||
*background: #555;
|
||||
z-index:9000;
|
||||
border-bottom: 1px #777 solid;
|
||||
font-size: 90%;
|
||||
cursor: default;
|
||||
box-shadow: 0 0 10px rgba(0,0,0,0.4);
|
||||
-moz-box-shadow: 0 0 10px rgba(0,0,0,0.4);
|
||||
-webkit-box-shadow: 0 0 10px rgba(0,0,0,0.4);
|
||||
}
|
||||
|
||||
#menu > a {
|
||||
color: #999;
|
||||
font-weight: bold;
|
||||
text-decoration: none !important;
|
||||
margin: 12px;
|
||||
cursor: pointer;
|
||||
-webkit-transition: color 0.15s ease;
|
||||
-moz-transition: color 0.15s ease;
|
||||
-o-transition: color 0.15s ease;
|
||||
transition: color 0.15s ease;
|
||||
}
|
||||
|
||||
#menu a:hover, a.a {
|
||||
color: white !important;
|
||||
}
|
||||
|
||||
.flag {
|
||||
width:16px;
|
||||
height:11px;
|
||||
}
|
||||
|
||||
#article {
|
||||
font-size: 100%;
|
||||
max-width: 910px;
|
||||
margin: auto;
|
||||
top: 78px;
|
||||
position: relative;
|
||||
background: #fff;
|
||||
border-radius: 4px;
|
||||
box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.1);
|
||||
border: solid 1px #D4D5D5;
|
||||
text-align: justify;
|
||||
padding: 15px 35px;
|
||||
background: #fff;
|
||||
}
|
||||
|
||||
/* Android fix */
|
||||
#article p {
|
||||
background: #fff;
|
||||
}
|
||||
|
||||
|
||||
#banner {
|
||||
display: block;
|
||||
margin: auto;
|
||||
margin-top: 18px;
|
||||
margin-bottom: -10px;
|
||||
border-radius: 3px;
|
||||
padding: 5px;
|
||||
border: solid 1px #D4D5D5;
|
||||
box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.08);
|
||||
max-width: 100%;
|
||||
max-height: 100%;
|
||||
width: 900px;
|
||||
height: 150px;
|
||||
}
|
||||
|
||||
#banner.big {
|
||||
height: 260px;
|
||||
}
|
||||
|
||||
#article.index_russian > p {
|
||||
text-indent: 25px;
|
||||
}
|
||||
|
||||
strong {
|
||||
color: #000;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
h3 {
|
||||
color: #000;
|
||||
font-weight: bold;
|
||||
padding: 10px 25px;
|
||||
}
|
||||
|
||||
#footer {
|
||||
padding: 25px;
|
||||
font-size: 90%;
|
||||
text-align: center;
|
||||
color: #848585;
|
||||
text-shadow: 0 1px 0 #fff;
|
||||
top: 80px;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
#footer span {
|
||||
padding:0 3px;
|
||||
}
|
||||
|
||||
a {
|
||||
color: #1F1F1F;
|
||||
text-decoration: underline;
|
||||
}
|
||||
|
||||
a:hover {
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
/*IE 7*/
|
||||
*+html body {
|
||||
overflow-y: auto;
|
||||
}
|
||||
|
||||
|
||||
/* DOWNLOAD.CSS */
|
||||
|
||||
table {
|
||||
margin: auto;
|
||||
}
|
||||
|
||||
.download table {
|
||||
width: 92%;
|
||||
}
|
||||
|
||||
td {
|
||||
vertical-align: middle;
|
||||
padding: 20px 0;
|
||||
}
|
||||
|
||||
.date_cell {
|
||||
padding-left: 10px;
|
||||
padding-right: 35px;
|
||||
width: 17%;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.download .description_cell {
|
||||
width: 43%;
|
||||
padding: 14px 18px;
|
||||
padding-left: 18px;
|
||||
padding-right: auto;
|
||||
line-height: 1.2em;
|
||||
text-align: left;
|
||||
margin: 3px 0;
|
||||
}
|
||||
|
||||
.download table a {
|
||||
margin: 0 6px;
|
||||
padding-bottom: 1px;
|
||||
border-bottom: 1px solid;
|
||||
text-decoration: none;
|
||||
color: rgb(4, 114, 216);
|
||||
position: relative;
|
||||
top: -1px;
|
||||
}
|
||||
|
||||
.icon_cell, .releases td > div {
|
||||
display: inline-block;
|
||||
width: 32px;
|
||||
height:32px;
|
||||
background: url(i/icons.png) no-repeat;
|
||||
vertical-align: middle;
|
||||
margin-right: 15px;
|
||||
}
|
||||
|
||||
/* Releases */
|
||||
|
||||
.releases .caption {
|
||||
padding-top: 12px !important;
|
||||
text-align: center;
|
||||
margin-top: 15px;
|
||||
padding: 0px !important;
|
||||
}
|
||||
|
||||
.releases .caption strong:after {
|
||||
content: " – ";
|
||||
padding: 0 5px;
|
||||
font-weight: normal;
|
||||
}
|
||||
|
||||
.releases td {
|
||||
padding: 6px 0;
|
||||
}
|
||||
|
||||
.releases table {
|
||||
border-top: 1px solid #aaa;
|
||||
}
|
||||
|
||||
.releases table > td {
|
||||
width:320px;
|
||||
line-height: 1.2em;
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
.releases table > td:lang(de) {
|
||||
width:350px;
|
||||
}
|
||||
|
||||
.releases td + td {
|
||||
width: 120px;
|
||||
text-align: right;
|
||||
}
|
||||
|
||||
.releases td + td img {
|
||||
display: inline-block;
|
||||
vertical-align: middle;
|
||||
margin-left: 11px;
|
||||
width: 24px;
|
||||
height: 24px;
|
||||
}
|
||||
|
||||
|
||||
/* SCREENS.CSS */
|
||||
|
||||
#screen {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
display: table-cell;
|
||||
vertical-align: middle;
|
||||
background: #999;
|
||||
}
|
||||
|
||||
#show {
|
||||
max-width:800px;
|
||||
max-height:600px;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
cursor:pointer;
|
||||
border: 4px solid #aaa;
|
||||
display: block;
|
||||
|
||||
position: relative;
|
||||
top: 50%;
|
||||
left: 50%;
|
||||
margin-left: -400px;
|
||||
margin-top: -340px;
|
||||
}
|
||||
|
||||
#show img {
|
||||
float: left;
|
||||
margin-right: -100%;
|
||||
position: relative;
|
||||
width: 100%;
|
||||
height: auto;
|
||||
display: none;
|
||||
}
|
||||
|
||||
|
||||
|
||||
#show img.visible {
|
||||
display: block;
|
||||
}
|
||||
|
||||
|
||||
#carousel {
|
||||
position: fixed;
|
||||
bottom:0;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
text-align: center;
|
||||
background: #333;
|
||||
z-index:9000;
|
||||
font-size: 90%;
|
||||
cursor: default;
|
||||
box-shadow: 0 0 4px rgba(0,0,0,0.8);
|
||||
}
|
||||
|
||||
#carousel * {
|
||||
vertical-align: middle;
|
||||
}
|
||||
|
||||
#panel_minislides img {
|
||||
margin-left: 8px;
|
||||
margin-right: 8px;
|
||||
}
|
||||
|
||||
#panel_minislides > img.nav {
|
||||
width: 13px;
|
||||
height: 25px;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
#panel_minislides > a > img {
|
||||
margin: 8px 9px;
|
||||
padding: 1px;
|
||||
width: 80px;
|
||||
height: 60px;
|
||||
border: 2px #444 solid;
|
||||
}
|
||||
|
||||
#panel_minislides > a > img.active {
|
||||
border: 2px #fff solid;
|
||||
}
|
||||
|
||||
#spoiler {
|
||||
width:100%;
|
||||
border-bottom:1px #555 solid;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
#show_previews {
|
||||
position: absolute;
|
||||
left: 5px;
|
||||
top: 0;
|
||||
color:#888;
|
||||
text-decoration:none;
|
||||
}
|
||||
|
||||
#slide_description {
|
||||
color:#fff;
|
||||
text-shadow: 1px 1px 0 #111;
|
||||
}
|
||||
#panel_minislides {
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
/* Adaptive coding */
|
||||
|
||||
@media (max-width:1060px) {
|
||||
#article, #footer, #screen, #carousel,
|
||||
#menu, #show_previews {
|
||||
position: static;
|
||||
}
|
||||
html {
|
||||
overflow-y: auto;
|
||||
}
|
||||
#article {
|
||||
margin-left: 3%;
|
||||
margin-right: 3%;
|
||||
margin-top: 3%;
|
||||
line-height: 1.45em;
|
||||
padding: 1% 4%;
|
||||
background-image: none !important;
|
||||
}
|
||||
#article.releases {
|
||||
font-size: 75%;
|
||||
text-align: left;
|
||||
}
|
||||
#banner {
|
||||
max-height: 98%;
|
||||
max-width: 98%;
|
||||
width: auto;
|
||||
height: auto !important;
|
||||
}
|
||||
#footer {
|
||||
padding: 10px;
|
||||
}
|
||||
a.nav, #text_preview, .date_cell {
|
||||
display: none !important;
|
||||
visibility: collapse;
|
||||
}
|
||||
#show_previews {
|
||||
float: left;
|
||||
margin-left: 10px;
|
||||
}
|
||||
table {
|
||||
width: 100%;
|
||||
}
|
||||
#screen {
|
||||
display: block;
|
||||
}
|
||||
#menu {
|
||||
padding: 5px 10px;
|
||||
width: auto;
|
||||
}
|
||||
#menu a {
|
||||
margin: 6px;
|
||||
}
|
||||
#show {
|
||||
border: none;
|
||||
display: inline;
|
||||
position: static;
|
||||
margin-left: 0;
|
||||
margin-top: 0;
|
||||
}
|
||||
.download table a {
|
||||
float: left;
|
||||
display: block;
|
||||
margin: 5px;
|
||||
padding-bottom: 0;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width:864px) {
|
||||
#menu {
|
||||
font-size: 1.6em;
|
||||
line-height: 1.6;
|
||||
}
|
||||
#lang-dropdown > ul > li a {
|
||||
font-size: 2em;
|
||||
line-height: 2;
|
||||
}
|
||||
.flag {
|
||||
width: 1.2em;
|
||||
height: 0.9em;
|
||||
margin-left: 0.8em;
|
||||
}
|
||||
#spoiler {
|
||||
font-size: 1.5em;
|
||||
}
|
||||
#menu a.notrequired {
|
||||
display: none !important;
|
||||
visibility: collapse;
|
||||
}
|
||||
}
|
||||
|
||||
Loading…
Reference in New Issue
Block a user