website diff slitaz.css @ rev 1227
pt: announce RC-2 & add specs
author | Claudinei Pereira <claudinei@slitaz.org> |
---|---|
date | Tue May 20 16:43:04 2014 +0000 (2014-05-20) |
parents | b665d663fa4b |
children | d98db40d8b63 |
line diff
1.1 --- a/slitaz.css Wed Jan 15 21:20:41 2014 +0100 1.2 +++ b/slitaz.css Tue May 20 16:43:04 2014 +0000 1.3 @@ -16,11 +16,12 @@ 1.4 } 1.5 1.6 a { text-decoration: underline; color: #215090; } 1.7 -a:hover { text-decoration: none; color: blue; } 1.8 +a:hover { text-decoration: none; } 1.9 img { border: 0pt none; vertical-align: middle; } 1.10 h2 { color: #444; } 1.11 h3 { color: #666; font-size: 140%; } 1.12 h4 { color: #888; font-size: 120%; } 1.13 +h2, h3 { border-bottom: 1px dashed #afafaf; padding-bottom: 5px; } 1.14 pre { 1.15 background-color: #f8f8f8; 1.16 border: 1px solid #ddd; 1.17 @@ -31,26 +32,32 @@ 1.18 1.19 #header { 1.20 height: 40px; 1.21 - background: #222; 1.22 + background: #111 url(images/logo.png) no-repeat left; 1.23 } 1.24 1.25 #header h1 { 1.26 margin: 0; 1.27 - padding: 8px 0 0 42px; 1.28 - width: 250px; 1.29 + padding: 8px 0 8px 42px; 1.30 + width: 280px; 1.31 + font-size: 20px; 1.32 + font-style: italic; 1.33 } 1.34 1.35 #header h1 a { 1.36 color: white; 1.37 text-decoration: none; 1.38 - font-size: 20px; 1.39 - font-style: italic; 1.40 } 1.41 1.42 #header h1 a:hover, #network a:hover, #network span { 1.43 color: #afafaf; 1.44 } 1.45 1.46 +#searchbtn { 1.47 + position: absolute; 1.48 + right: 8px; 1.49 + top: 48px; 1.50 +} 1.51 + 1.52 /* Logo */ 1.53 1.54 #logo { 1.55 @@ -131,16 +138,70 @@ 1.56 padding: 0; 1.57 } 1.58 1.59 +.dlbutton { 1.60 + background: #333 url("/images/download-30.png") no-repeat 4px center; 1.61 + padding-left: 38px; 1.62 + -webkit-transition: background-color 0.6s; 1.63 + transition: background-color 0.5s; 1.64 +} 1.65 +.dldiv { margin: 30px 0; } 1.66 + 1.67 +/* 1.68 + * 1.69 + * 1.70 + * Navigation NG 1.71 + * 1.72 + * 1.73 + * */ 1.74 + 1.75 +nav { 1.76 + font-size: 120%; 1.77 + min-height: 100px; 1.78 + background: #ddd; 1.79 + padding: 56px 6% 0; 1.80 + text-align: center; 1.81 + color: #222; 1.82 + border-bottom: 1px solid #afafaf; 1.83 + top: 40px; 1.84 +} 1.85 + 1.86 +nav ul { 1.87 + margin: 0; padding: 0; 1.88 + list-style: none; 1.89 +} 1.90 +nav li { display: inline; } 1.91 + 1.92 +nav a, .dlbutton { 1.93 + text-decoration: none; 1.94 + padding: 12px; 1.95 + color: #fff; 1.96 + font-weight: bold; 1.97 + vertical-align: middle; 1.98 + -webkit-transition: background-color 0.6s; 1.99 + transition: background-color 0.5s; 1.100 +} 1.101 +nav p { padding: 8px; color: #333; font-size: 92%; } 1.102 + 1.103 +.nav1 { background-color: #333; } 1.104 +.nav1:hover { background-color: #128da9; } 1.105 +.nav2 { background-color: #ab3c00; } 1.106 +.nav2:hover { background-color: #ff9b00; } 1.107 +.navpi { background-color: #444; } 1.108 +.navpi:hover { background-color: #bc1142; } 1.109 + 1.110 /* Languages */ 1.111 1.112 #lang { 1.113 - padding: 6px; 1.114 - font-size: 11px; 1.115 + padding: 8px; 1.116 + font-size: 12px; 1.117 position: absolute; 1.118 right: 0px; 1.119 + color: #666; 1.120 } 1.121 +#lang .flag { font-size: 14px; } 1.122 +#lang .flag:hover { text-decoration: none; } 1.123 1.124 -#lang a { 1.125 +#lang a, #lang strong, #lang span { 1.126 text-decoration: none; 1.127 padding: 0 2px; 1.128 } 1.129 @@ -158,9 +219,9 @@ 1.130 padding: 30px 80px; 1.131 text-align: justify; 1.132 } 1.133 +#content li { line-height: 1.6em; list-style-type: square; } 1.134 1.135 .news li { 1.136 - list-style-type: square; 1.137 border-bottom: 1px dotted #BEBEBE; 1.138 margin-left: -25px; 1.139 padding: 4px 0px 4px 0px; 1.140 @@ -185,6 +246,8 @@ 1.141 1.142 /* Classes */ 1.143 1.144 +.mobile { display: none !important; } 1.145 + 1.146 .right_box { width: 48%; float: right; } 1.147 .left_box { width: 48%; float: left; } 1.148 1.149 @@ -196,19 +259,25 @@ 1.150 } 1.151 1.152 .box-dl, .box-up { 1.153 - margin: 20px 60px; 1.154 - padding: 12px 12px 12px 66px; 1.155 + margin: 20px 0; 1.156 min-height: 48px; 1.157 border: 1px solid #ddd; 1.158 vertical-align: middle; 1.159 } 1.160 .box-dl { 1.161 - background: url("/images/download.png") no-repeat 12px 12px #efefef; 1.162 + background: url("/images/download.png") no-repeat 12px center; 1.163 + padding: 16px 16px 16px 72px; 1.164 } 1.165 .box-up { 1.166 - background: url("/images/update.png") no-repeat center left #efefef; 1.167 + background: url("/images/update.png") no-repeat 12px center; 1.168 + padding: 16px 16px 16px 62px; 1.169 } 1.170 -.box-dl p { color: #456; } 1.171 +.box-dl a { font-weight: bold; text-decoration: none; } 1.172 +.dlbutton { padding-left: 38px; } 1.173 +pre, .box, .box-dl, .box-up, .box-share, .box-rpi { 1.174 + background-color: #efefef; 1.175 + border: 1px solid #ddd; 1.176 +} 1.177 1.178 .searchbox { 1.179 margin: 20px 80px; 1.180 @@ -259,8 +328,8 @@ 1.181 1.182 /* Round corner */ 1.183 1.184 -#block_nav, pre, .box, .box-dl, .box-up, .searchbox, .button a, #twitter, .activity, 1.185 -.activity div, #sponsor { 1.186 +#block_nav, pre, .box, .box-dl, .box-up, .searchbox, .button a, 1.187 +#twitter, .activity, .activity div, #sponsor, nav a, .dlbutton { 1.188 -moz-border-radius: 4px; 1.189 -webkit-border-radius: 4px; 1.190 border-radius: 4px;