html {
min-height:102%
}
body {
height:100%;
margin:0;
box-sizing:border-box;
color:#222;
background:#FFF;
font-size:90%;
font-family:Arimo,Ubuntu,"Droid Sans","DejaVu Sans",FreeSans,"Liberation Sans",sans-serif;
-moz-hyphens:auto;
-epub-hyphens:auto;
-webkit-hyphens:auto;
hyphens:auto
}
code,pre,samp,kbd {
color:#000;
background-color:rgba(0,0,0,.05);
font-size:0.9rem
}
a {
text-decoration:none;
color:#215090
}
a:hover {
text-decoration:underline
}
img {
border:0 none;
vertical-align:middle
}
.large {
overflow-x:auto
}
h2 {
color:#A61;
font-size:22px;
font-weight:300;
margin:18px auto 6px;
border-bottom:1px solid #CCC
}
h3 {
color:#193;
font-size:19px;
font-weight:300;
margin:12px auto 0;
line-height:1
}
pre {
background-color:#f8f8f8;
border:1px solid #DDD;
padding:10px;
white-space:pre-wrap;
overflow-x:auto;
line-height:1
}
.hard {
white-space:pre;
resize:both
}
.scroll {
max-height:40ex
}
body>header {
display:block;
background:#444;
text-align:justify;
line-height:0;
box-shadow:0 -8px 8px #333 inset
}
h1 {
display:inline-block;
margin:auto 0;
height:40px;
white-space:nowrap;
vertical-align:middle
}
h1::before {
display:inline-block;
content:url(logo.png);
vertical-align:middle
}
h1 a {
color:#FFF;
font-size:20px;
font-style:italic
}
body>header::before,body>header::after,.block>div::before,.block>div::after {
display:inline-block;
width:100%;
height:0;
visibility:hidden;
overflow:hidden;
content:''
}
.network {
display:inline-block;
text-align:left;
vertical-align:middle;
font-size:12px;
line-height:normal;
color:#999
}
.network a {
display:inline-block;
padding:0 6px;
vertical-align:middle;
color:#FFF
}
.home::before {
content:url(home.png)
}
.block {
padding:6px;
background:#CCC;
border-bottom:1px solid #AAA
}
.block>div {
max-width:700px;
margin:0 auto;
text-align:justify;
line-height:0
}
.block_info {
padding:6px 12px 0 0;
line-height:normal;
width:60%
}
.block_info input {
width:100%
}
.block header {
font-weight:400;
font-size:18px;
line-height:18px
}
.block_info p {
margin:7px 0;
padding:0;
text-align:justify
}
nav {
background:#666;
color:#FFF;
padding:6px;
line-height:normal
}
nav a {
white-space:nowrap;
color:#FFF
}
nav header img {
margin:0 4px 0 0;
padding:0
}
nav,.block_info {
display:inline-block;
vertical-align:top
}
.lang {
margin:0;
text-align:right;
padding:6px;
font-size:0.9rem
}
.lang a {
padding:0 2px
}
[dir="rtl"] .lang {
text-align:left
}
main {
display:block;
max-width:700px;
min-height:70vh;
margin:6px auto;
padding:0 6px;
text-align:justify;
line-height:1.5rem
}
p,ul,ol,h2,h3,pre,table {
max-width:700px
}
p,ul,ol,pre,table {
margin:6px auto
}
p,ul,ol {
display:block
}
ul,ol,dd {
padding:0 2ex 0 4ex
}
ul ul,ol ol,ul ol,ol ul {
margin:0
}
.br::before {
content:url(BR.png)
}
.ch::before {
content:url(CH.png)
}
.cn::before {
content:url(CN.png)
}
.de::before {
content:url(DE.png)
}
.es::before {
content:url(ES.png)
}
.fr::before {
content:url(FR.png)
}
.ir::before {
content:url(IR.png)
}
.it::before {
content:url(IT.png)
}
.pl::before {
content:url(PL.png)
}
.ru::before {
content:url(RU.png)
}
.se::before {
content:url(SE.png)
}
.tw::before {
content:url(TW.png)
}
.ua::before {
content:url(UA.png)
}
.us::before {
content:url(US.png)
}
.mirrors {
padding:6px;
text-align:center;
background:#f1f1f1;
border-bottom:1px solid #DDD
}
.mirrors a,.mirrors a::before {
display:inline-block;
padding:0 3px
}
.mirrors a::before {
vertical-align:-4px
}
table {
background-color:#f8f8f8;
border:1px solid #BBB;
width:100%;
margin-bottom:20px;
padding:0;
border-spacing:0;
line-height:1
}
caption {
caption-side:bottom;
text-align:left;
padding:6px 0
}
thead tr {
background-color:#DDD
}
thead th {
border-bottom:1px solid #BBB
}
td {
text-align:left
}
td,th {
padding:4px
}
tbody tr:nth-child(odd) {
background-color:#FFF
}
tbody tr:nth-child(even) {
background-color:#EEE
}
.list td:nth-child(1) {
vertical-align:middle
}
.list td:nth-child(1)::before {
display:inline-block;
vertical-align:middle;
padding-right:3px
}
.list th:nth-child(3),.list td:nth-child(3) {
text-align:right
}
.first {
width:1%;
white-space:nowrap
}
.news li {
list-style-type:square;
border-bottom:1px dotted #bebebe;
margin-left:-25px;
padding:4px 0
}
.twitter {
margin:20px 0
}
.gallery {
text-align:center
}
.sponsor {
font-size:90%;
background-color:#fbfbfb;
border:2px solid #DDD;
width:200px;
height:160px;
float:right;
text-align:center;
margin:10px 0 20px 20px
}
.right_box {
width:48%;
float:right
}
.left_box {
width:48%;
float:left
}
.box {
margin:6px 0;
padding:6px;
background:#F4F4F4;
border:1px solid #DDD
}
.searchbox {
margin:20px 80px;
padding:12px;
background:#f8f8f8;
text-align:center;
border:1px solid #DDD
}
.activity {
margin:0 0 20px;
background:#efefef;
padding:5px 2px 0;
border:1px solid #DDD
}
.activity div {
padding:5px 10px;
background:#FFF;
margin-top:5px
}
.activity p {
margin:0;
padding:5px 10px;
font-weight:700
}
.activity ul {
list-style-type:none;
margin:4px 0;
padding:0 4px;
line-height:150%
}
.activity_more {
text-align:right
}
.activity_more a {
font-weight:400;
color:#000;
padding:0 4px
}
.activity span,.news span {
color:#666;
font-size:11px;
font-weight:400
}
nav,pre,textarea,fieldset,table,.box,.searchbox,.activity,.activity div,.twitter,.sponsor {
-moz-border-radius:4px;
-webkit-border-radius:4px;
border-radius:4px
}
fieldset {
border:1px solid #999;
display:block;
width:100%;
max-width:100%
}
body>footer {
background:#f1f1f1;
text-align:center;
border-top:1px solid #CCC;
padding:6px;
color:#666;
clear:both;
box-shadow:0 4px 8px #CCC inset
}
body>footer div {
margin:12px
}
.year:after {
content: "2024"
}
.x-bzip::before {
content:url(application-x-bzip.png)
}
.x-gzip::before {
content:url(application-x-gzip.png)
}
.plain::before {
content:url(text-plain.png)
}
.x-bittorrent::before {
content:url(application-x-bittorrent.png)
}
.octet-stream::before {
content:url(application-octet-stream.png)
}
.jpeg::before {
content:url(image-jpeg.png)
}
.png::before {
content:url(image-png.png)
}
.javascript::before {
content:url(text-x-javascript.png)
}
.css::before {
content:url(text-css.png)
}
.dir::before {
content:url(folder.png)
}
.up::before {
content:url(go-up.png)
}
.zip::before {
content:url(application-zip.png)
}
.iso::before {
content:url(application-x-cd-image.png)
}
.krn::before {
content:url(application-x-executable.png)
}
.exe::before {
content:url(application-x-ms-dos-executable.png)
}
.rme::before {
content:url(text-x-readme.png)
}
.log::before {
content:url(text-x-changelog.png)
}
.x-flavor::before {
content:url(slitaz-icon.png)
}
.pkg::before {
content:url(package-x-generic.png)
}
.server::before {
content:url(network-server.png)
}
.locale::before {
content:url(preferences-desktop-locale.png);
display:inline-block;
vertical-align:middle
}
.locale2::before {
content:url(preferences-desktop-locale2.png);
display:inline-block;
vertical-align:middle
}
.touch td,.touch th {
padding:6px
}
.touch .network a,.touch nav a,.touch .mirrors a,.touch footer a,.touch .info a {
display:inline-block;
padding:6px
}
@media(max-width:510px) {
.block_info,nav {
display:block;
width:inherit;
max-width:100%
}
.block_info {
padding:6px
}
}