slitaz-forge diff pkgs/pkgs.css @ rev 612
tank, pangolin: add console link
| author | Pascal Bellard <pascal.bellard@slitaz.org> |
|---|---|
| date | Wed Feb 03 18:29:16 2016 +0100 (2016-02-03) |
| parents | d50b1e11ce39 |
| children | 401b2efda7ed |
line diff
1.1 --- a/pkgs/pkgs.css Sun Oct 25 06:47:13 2015 +0200 1.2 +++ b/pkgs/pkgs.css Wed Feb 03 18:29:16 2016 +0100 1.3 @@ -1,3 +1,14 @@ 1.4 +body { 1.5 + background: #FBFBFB; 1.6 + /* url(/lib/bg.png) */ 1.7 + /* word-wrap: break-word; */ 1.8 +} 1.9 +main { 1.10 + background: #FFF; 1.11 + border-radius: 6px; 1.12 +} 1.13 +.hidden { display: none; } 1.14 + 1.15 /* TABLE */ 1.16 table { 1.17 width: 100%; 1.18 @@ -14,17 +25,30 @@ 1.19 margin: 0; 1.20 padding: 6px; 1.21 vertical-align: top; 1.22 + line-height: 1.3; 1.23 +} 1.24 +[dir="rtl"] td { 1.25 + text-align: right; 1.26 } 1.27 .first { 1.28 width: 1%; 1.29 white-space: nowrap; 1.30 } 1.31 +/*.first img:hover { 1.32 + border: none; border-radius: 4px; 1.33 + box-shadow: 0 0 1px #888; 1.34 +}*/ 1.35 .pre { 1.36 padding-left: 2em; 1.37 white-space: nowrap; 1.38 border-bottom: 1px solid #CCC; 1.39 } 1.40 -.bugs tr:nth-child(even) { border-bottom: 1px solid #CCC; } 1.41 +.bugs tr:nth-child(even) { 1.42 + border-bottom: 1px solid #CCC; 1.43 +} 1.44 +.list tr:last-child td { 1.45 + border-bottom: none; 1.46 +} 1.47 1.48 1.49 /* --- */ 1.50 @@ -82,8 +106,10 @@ 1.51 } 1.52 mark { 1.53 background: #FF8; 1.54 - border: 1px solid #EB7; 1.55 - border-radius: 50%; 1.56 + border: solid #EB7; 1.57 + border-radius: 4px; 1.58 + border-width: 1px 0; 1.59 + 1.60 } 1.61 .err::before { 1.62 display: inline-block; 1.63 @@ -105,22 +131,22 @@ 1.64 padding-right: 2px; 1.65 } 1.66 /* tag - Anchor */ 1.67 -.taga { 1.68 +.tagn + a { 1.69 font-weight: bold; 1.70 - color: #222; 1.71 text-decoration: none; 1.72 } 1.73 -.tag1 { font-size: 8pt; color: #005E80; /*#222222*/ } 1.74 -.tag2 { font-size: 9pt; color: #4A5C79; /*#383432*/ } 1.75 -.tag3 { font-size: 10pt; color: #6F5A71; /*#4E433F*/ } 1.76 -.tag4 { font-size: 11pt; color: #8A5769; /*#644E46*/ } 1.77 -.tag5 { font-size: 12pt; color: #A05561; /*#7A5749*/ } 1.78 -.tag6 { font-size: 13pt; color: #B45357; /*#905C48*/ } 1.79 -.tag7 { font-size: 14pt; color: #C5504C; /*#A75E43*/ } 1.80 -.tag8 { font-size: 15pt; color: #D54E40; /*#BD5D39*/ } 1.81 -.tag9 { font-size: 16pt; color: #E44B31; /*#D3582A*/ } 1.82 -.tag10{ font-size: 17pt; color: #F2491D; /*#E95117*/ } 1.83 -.tag11{ font-size: 18pt; color: #FF4600; /*#FF4600*/ } 1.84 + 1.85 +.tag1 { font-size: 10pt; color: #005E80; /*#222222*/ } 1.86 +.tag2 { font-size: 11pt; color: #4A5C79; /*#383432*/ } 1.87 +.tag3 { font-size: 12pt; color: #6F5A71; /*#4E433F*/ } 1.88 +.tag4 { font-size: 13pt; color: #8A5769; /*#644E46*/ } 1.89 +.tag5 { font-size: 14pt; color: #A05561; /*#7A5749*/ } 1.90 +.tag6 { font-size: 15pt; color: #B45357; /*#905C48*/ } 1.91 +.tag7 { font-size: 16pt; color: #C5504C; /*#A75E43*/ } 1.92 +.tag8 { font-size: 17pt; color: #D54E40; /*#BD5D39*/ } 1.93 +.tag9 { font-size: 18pt; color: #E44B31; /*#D3582A*/ } 1.94 +.tag10{ font-size: 19pt; color: #F2491D; /*#E95117*/ } 1.95 +.tag11{ font-size: 20pt; color: #FF4600; /*#FF4600*/ } 1.96 1.97 1.98 1.99 @@ -128,7 +154,7 @@ 1.100 /* SYNTAX HIGHLIGHTER */ 1.101 .r-comment { color: #888; } 1.102 .r-literal { color: #f35a00; } 1.103 -.r-var { font-weight: bold; color: #070; } 1.104 +.r-var { font-weight: 600; color: #070; } 1.105 .r-func { color: #4895DD; } 1.106 .r-url { text-decoration: none; } 1.107 .r-com, .r-scom { color: #4895DD; font-weight: bold; /*background-color: #cde;*/ } 1.108 @@ -150,10 +176,37 @@ 1.109 padding-left: 16px; 1.110 font-size: smaller; 1.111 /*transition: all 0.3s cubic-bezier(.5, .51, .4, 1) 0s;*/ 1.112 + direction: initial; 1.113 } 1.114 .dl { background-image: url(icons/a-dl.png); } 1.115 .rc { background-image: url(icons/a-rc.png); } 1.116 .co { background-image: url(icons/a-co.png); } 1.117 + 1.118 +.avatar::before { content: url(icons16/authors.png); } 1.119 +.license::before { content: url(icons16/text-x-copying.png); } 1.120 +.web::before { content: url(icons16/text-html.png); } 1.121 +.receipt::before { content: url(icons16/text-x-source.png); } 1.122 +.dep::before { content: url(icons16/x-dia-diagram.png); } 1.123 +.description::before { content: url(icons16/text-x-readme.png); } 1.124 +.bugs::before { content: url(icons16/bug-buddy.png); } 1.125 +.arch::before { content: url(icons16/jockey.png); } 1.126 +.category::before { content: url(icons16/applications-graphics.png); } 1.127 +.file::before { content: url(icons16/multipart-encrypted.png); } 1.128 +.common::before { content: url(icons16/edit-cut.png); } 1.129 +.pkgi::before { content: url(icons16/package-install.png); } 1.130 +.pkgr::before { content: url(icons16/package-remove.png); } 1.131 +.download::before { content: url(icons16/emblem-downloads.png); } 1.132 +.files-list::before { content: url(icons16/files-list.png); } 1.133 +.cooker::before { content: url(icons16/text-x-makefile.png); } 1.134 +.tag::before { content: url(icons16/easytag.png); } 1.135 +.pkg::before { content: url(icons16/package-x-generic.png); } 1.136 + 1.137 +.avatar::before, .license::before, .web::before, .receipt::before, .dep::before, 1.138 +.description::before, .bugs::before, .arch::before, .category::before, .file::before, 1.139 +.common::before, .pkgi::before, .pkgr::before, .download::before, .files-list::before, 1.140 +.cooker::before, .tag::before, .pkg::before { 1.141 + display: inline-block; vertical-align: middle; padding: 0 0.5ex 0 0; } 1.142 + 1.143 @media 1.144 (-webkit-min-device-pixel-ratio: 1.5), 1.145 (min--moz-device-pixel-ratio: 1.5), 1.146 @@ -197,14 +250,21 @@ 1.147 1.148 footer a+a::before { display: inline-block; content: '• '; color: #E81; } 1.149 1.150 + 1.151 + 1.152 + 1.153 table.info { position: relative; } 1.154 -table.info a+a::before { display: inline-block; content: '· '; color: #222; } 1.155 1.156 .appImg { 1.157 display: inline-block; 1.158 - position: absolute; right: 0.3rem; top: 0.3rem; 1.159 + position: absolute; top: 0.3rem; 1.160 width: 64px; height: 64px; 1.161 } 1.162 +[dir="ltr"] .appImg { right: 0.3rem; } 1.163 +[dir="rtl"] .appImg { left: 0.3rem; } 1.164 + 1.165 +.info a { display: inline-block; } 1.166 +.spkg img { width: 16px; height: 16px; padding: 0 0.5ex 0 0;} 1.167 1.168 .desc { 1.169 -moz-border-radius: 4px; 1.170 @@ -216,6 +276,21 @@ 1.171 1.172 .lang select { vertical-align: middle; } 1.173 1.174 +.center { text-align: center; } 1.175 + 1.176 + 1.177 +/* Conditional blocks */ 1.178 + 1.179 +/* Show on Small Screens - hide by default */ 1.180 +.sssi, .sssb, .sssc { display: none; } 1.181 +/* Hide on Small Screens - show by default */ 1.182 +.hssi { display: inline-block; } .hssb { display: block; } .hssc { display: table-cell; } 1.183 + 1.184 +@media (max-width: 480px) { 1.185 + .sssi { display: inline-block; } .sssb { display: block; } 1.186 + .hssi, .hssb, .hssc { display: none; } 1.187 +} 1.188 + 1.189 1.190 /* Responsive */ 1.191 1.192 @@ -248,12 +323,16 @@ 1.193 .dl, .rc, .co { 1.194 white-space: normal; width: inherit; 1.195 } 1.196 + .pre { 1.197 + white-space: normal; 1.198 + } 1.199 } 1.200 1.201 @media (max-device-width: 480px) { 1.202 body { 1.203 background-color: #DDD; 1.204 } 1.205 + /* Custom look of standard controls */ 1.206 select, input, button { 1.207 -webkit-appearance: none; 1.208 display: inline-block; 1.209 @@ -262,6 +341,7 @@ 1.210 margin: 12px 0; 1.211 padding: 0 6px; 1.212 } 1.213 + /* Add an arrow to the "select" control */ 1.214 select { 1.215 background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAAAGAQMAAAAv/Pa7AAAABlBMVEUAAABJSUn0lwL4AAAAAXRSTlMAQObYZgAAABpJREFUCB1j+P+Aof4Ag30DgzwDAx8DAwsDADiuBA9DaVFpAAAAAElFTkSuQmCC'); 1.216 background-position: 98% 50%;