Developers Corner

@@ -74,8 +73,7 @@

Each contributor who has access to the project main server, code name Tank can - have a public directory. This Public directory can be reached - with URLs in the form of: http://people.slitaz.org/~name/. + have a public directory.

You can help us maintain and improve this service with a small diff -r 9855896776af -r 01e4aee25c9a people/slitaz.css --- a/people/slitaz.css Fri Jan 31 21:29:09 2014 +0100 +++ b/people/slitaz.css Wed Feb 12 09:00:17 2014 +0100 @@ -11,7 +11,8 @@ color: black; font: 13px sans-serif, vernada, arial; margin: 0; - min-width: 900px; + min-width: 780px; + height: 100%; } a { text-decoration: underline; color: #215090; } @@ -30,7 +31,7 @@ #header { height: 40px; - background: #351a0a; + background: #222; } #header h1 { @@ -46,8 +47,8 @@ font-style: italic; } -#header h1 a:hover { - color: #d66018; +#header h1 a:hover, #network a:hover, #network span { + color: #afafaf; } /* Logo */ @@ -66,22 +67,22 @@ #network { float: right; - padding: 12px 5px 0; + padding: 14px 5px 0; font-size: 12px; } -#network a { padding: 0 6px; } -#network a:hover { color: #cfcfcf; } +#network a, #network span { padding: 0 4px; } +#network span { font-weight: bold; } /* Block */ #block { - min-height: 200px; - background: #d66018; - padding: 26px 10% 0px; + min-height: 180px; + background: #ccc; + padding: 20px 10% 0px; text-align: center; - color: #333; - border-bottom: 1px solid #f5f5f5; + color: #222; + border-bottom: 1px solid #afafaf; } #block_info { @@ -91,28 +92,29 @@ } #block a, #network a { - color: #fff; + color: #fff; font-weight: bold; text-decoration: none; } #block h4 { - color: #351a0a; + color: #222; margin: 0px; font-weight: bold; font-size: 110%; } #block_info p { margin: 6px 0; padding: 0 12px 0 0; } -#block_info a { font-weight: normal; } +#block_info a { font-weight: normal; color: #215090; } +#block_info a:hover { text-decoration: underline; } #block ul { list-style-type: square; } -#block a:hover { color: #351a0a; } +#block_nav a:hover { color: #afafaf; } /* Navigation */ #block_nav { - background: #cc5b17; - padding: 10px 10px 40px; + background: #666; + padding: 10px 10px 20px; text-align: justify; width: 48%; float: right; @@ -132,9 +134,10 @@ /* Languages */ #lang { - float: right; padding: 6px; font-size: 11px; + position: absolute; + right: 0px; } #lang a { @@ -146,6 +149,9 @@ text-decoration: underline; } +.box #lang { text-align: center; position: relative; + font-size: 13px; } /* for /i18n page */ + /* Content */ #content { @@ -153,19 +159,30 @@ text-align: justify; } -#news li { +.news li { list-style-type: square; border-bottom: 1px dotted #BEBEBE; margin-left: -25px; padding: 4px 0px 4px 0px; } -#news a, .feed-grid a { text-decoration: none; } -#news p a { text-decoration: underline; } -#news p a:hover { text-decoration: none; } -#twitter { margin: 20px 0; } +.news a, .feed-grid a { text-decoration: none; } +.news p a { text-decoration: underline; } +.news p a:hover { text-decoration: none; } +#twitter { margin: 20px 0; text-align: center; } #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 0px 20px 20px; +} + /* Classes */ .right_box { width: 48%; float: right; } @@ -178,6 +195,21 @@ border: 1px solid #ddd; } +.box-dl, .box-up { + margin: 20px 60px; + padding: 12px 12px 12px 66px; + min-height: 48px; + border: 1px solid #ddd; + vertical-align: middle; +} +.box-dl { + background: url("/images/download.png") no-repeat 12px 12px #efefef; +} +.box-up { + background: url("/images/update.png") no-repeat center left #efefef; +} +.box-dl p { color: #456; } + .searchbox { margin: 20px 80px; padding: 12px; @@ -186,56 +218,59 @@ border: 1px solid #ddd; } -.feed-grid { height: 180px; overflow: hidden; text-align: left; } -.feed-grid h3 { - margin: 15px 0 0; font-size: 16px; - padding: 0 22px; - background: url(images/feed.png) no-repeat left; } -.feed-grid span { font-size: 10px; color: #888; margin-left: 24px; } -.feed-grid ul { color: #666; } -.feed-grid a { color: #666; } -.feed-grid a:hover { color: blue; } +/* Activity Box */ + +.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: bold; } +.activity a { text-decoration: none; } +.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: normal; color: #000; padding: 0 4px; } +.activity_more a:hover { text-decoration: underline; } + +.activity span, .news span { + color: #666; + font-size: 11px; + font-weight: normal; +} /* Button */ -.button a { - background-color: #b64b22; +#block_info .button a { + background-color: #666; color: #ffffff; - margin-right: 6px; + margin: 0px 4px; padding: 6px 10px; font-size: 12px; text-decoration: none; font-weight: bold; } -.button a:hover, input[type=submit]:hover { - background-color: #a3431f; +#block_info .button a:hover, input[type=submit]:hover { + background-color: #444; color: #ffffff; } /* Round corner */ -#block_nav, pre, .box, .searchbox, .button a, #twitter { +#block_nav, pre, .box, .box-dl, .box-up, .searchbox, .button a, #twitter, .activity, +.activity div, #sponsor { -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; } -/* Transition */ - -.box { - -webkit-transition-property: background-color; - -webkit-transition-duration: 2s; - -moz-transition-property: background-color; - -moz-transition-duration: 2s; - transition-property: background-color; - transition-duration: 2s; -} - /* Form */ input[type=submit] { - border: 1px solid #b64b22; - background-color: #b64b22; + border: 1px solid #666; + background-color: #666; color: white; font-weight: bold; cursor: pointer; @@ -250,7 +285,7 @@ border-bottom-right-radius: 4px; } -input[type=submit]:hover { background-color: #a3431f; } +input[type=submit]:hover { background-color: #444; } input[type=text] { border: 1px solid #333333; @@ -273,6 +308,8 @@ border-top: 1px solid #ddd; padding: 40px; color: #666; + clear: both; + margin-bottom: -2%; } #footer a { color: #666; padding: 0 2px; } @@ -281,3 +318,57 @@ /* content: "2007-2014"; */ content: "2014"; } + +p, li { + -moz-hyphens: auto; + -webkit-hyphens: auto; + hyphens: auto; +} + + +/* --- SEARCH --- */ + +input.gsc-search-button { + border: 1px solid #b64b22; + background-color: #b64b22; + color: white; + font-weight: bold; + cursor: pointer; + padding: 2px 10px; + font-size: 14px; + margin-left: -4px; + -webkit-border-top-right-radius: 4px; + -webkit-border-bottom-right-radius: 4px; + -moz-border-radius-topright: 4px; + -moz-border-radius-bottomright: 4px; + border-top-right-radius: 4px; + border-bottom-right-radius: 4px; +} + +.gs-webResult.gs-result a.gs-title:link, +.gs-webResult.gs-result a.gs-title:link b { + color: #103a5e; +} + +#cse { + margin-bottom: 120px; + width:100%; +} + + +/* --- GALLERY --- */ + +#gallery div { + width: 496px; + border: none; + border-radius: 12px; + padding-bottom: 8px; + margin: 12px auto; + webkit-box-shadow: 0 0 6px rgba(0,0,0,0.5); + -moz-box-shadow: 0 0 6px rgba(0,0,0,0.5); + box-shadow: 0 0 6px rgba(0,0,0,0.5); +} +#gallery img { + width: 480px; + margin: 8px; +}