SliTaz People

# HG changeset patch # User Christophe Lincoln # Date 1487557265 -3600 # Node ID 9fbc0891f9193e26708781a6ceaf1cf702843eb1 # Parent 9cd6a73b5cf75cffe56dacfcfc11e5b6fa3f7e2c Update people.slitaz.org style diff -r 9cd6a73b5cf7 -r 9fbc0891f919 people/index.php --- a/people/index.php Mon Feb 20 02:27:21 2017 +0100 +++ b/people/index.php Mon Feb 20 03:21:05 2017 +0100 @@ -1,9 +1,8 @@ - - + + + SliTaz People - @@ -40,68 +39,59 @@ - -

- -

Developers Corner

- -

People

- Each contributor who has access to the project main server, - code name Tank can - have a public directory. -

- You can help us maintain and improve this service with a small - donation to the SliTaz association: -

- - - - -

+ + -

SliTaz people

Help SliTaz people

+ +

+ You can help us maintain and improve this service with a small + donation to the SliTaz association: +

+ + + + + +

Contributors

SCN activity

+ -

diff -r 9cd6a73b5cf7 -r 9fbc0891f919 people/slitaz.css --- a/people/slitaz.css Mon Feb 20 02:27:21 2017 +0100 +++ b/people/slitaz.css Mon Feb 20 03:21:05 2017 +0100 @@ -16,11 +16,13 @@ } a { text-decoration: underline; color: #215090; } -a:hover { text-decoration: none; color: blue; } +a:hover { text-decoration: none; } img { border: 0pt none; vertical-align: middle; } -h2 { color: #444; } +h2 { color: #444; font-size: 180%; } h3 { color: #666; font-size: 140%; } h4 { color: #888; font-size: 120%; } +h2, h3 { border-bottom: 1px dashed #afafaf; padding-bottom: 5px; } +li { list-style-type: square; } pre { background-color: #f8f8f8; border: 1px solid #ddd; @@ -31,26 +33,32 @@ #header { height: 40px; - background: #222; + background: #111 url(images/logo.png) no-repeat left; } #header h1 { margin: 0; - padding: 8px 0 0 42px; - width: 250px; + padding: 8px 0 8px 42px; + width: 280px; + font-size: 20px; + font-style: italic; } #header h1 a { color: white; text-decoration: none; - font-size: 20px; - font-style: italic; } #header h1 a:hover, #network a:hover, #network span { color: #afafaf; } +#searchbtn { + position: absolute; + right: 8px; + top: 48px; +} + /* Logo */ #logo { @@ -131,16 +139,72 @@ padding: 0; } +.dlbutton { + display: inline-block; + margin: 0.5ex; + background: #333 url("/images/download-30.png") no-repeat 4px center; + padding-left: 38px; + -webkit-transition: background-color 0.6s; + transition: background-color 0.5s; +} +.dldiv { margin: 30px 0; text-align: center; } + +/* + * + * + * Navigation NG + * + * + * */ + +nav { + font-size: 120%; + min-height: 100px; + background: #ddd; + padding: 56px 6% 0; + text-align: center; + color: #222; + border-bottom: 1px solid #afafaf; + top: 40px; +} + +nav ul { + margin: 0; padding: 0; + list-style: none; +} +nav li { display: inline; } + +nav a, .dlbutton { + text-decoration: none; + padding: 12px; + color: #fff; + font-weight: bold; + vertical-align: middle; + -webkit-transition: background-color 0.6s; + transition: background-color 0.5s; +} +nav p { padding: 8px; color: #333; font-size: 92%; } + +.nav1 { background-color: #333; } +.nav1:hover { background-color: #128da9; } +.nav2 { background-color: #ab3c00; } +.nav2:hover { background-color: #ff9b00; } +.navpi { background-color: #444; } +.navpi:hover { background-color: #bc1142; } + /* Languages */ #lang { - padding: 6px; - font-size: 11px; + padding: 8px; + font-size: 12px; position: absolute; right: 0px; + color: #666; } +#lang .flag { font-size: 14px; } +#lang .flag:hover { text-decoration: none; } -#lang a { +#lang a, #lang strong, #lang span { text-decoration: none; padding: 0 2px; } @@ -158,9 +222,9 @@ padding: 30px 80px; text-align: justify; } +#content li { line-height: 1.6em; } .news li { - list-style-type: square; border-bottom: 1px dotted #BEBEBE; margin-left: -25px; padding: 4px 0px 4px 0px; @@ -177,14 +241,16 @@ background-color: #fbfbfb; border: 2px solid #ddd; width: 200px; - height: 160px; + height: 140px; float: right; text-align: center; - margin: 10px 0px 20px 20px; + margin: 20px 0px 20px 20px; } /* Classes */ +.mobile { display: none !important; } + .right_box { width: 48%; float: right; } .left_box { width: 48%; float: left; } @@ -196,19 +262,25 @@ } .box-dl, .box-up { - margin: 20px 60px; - padding: 12px 12px 12px 66px; + margin: 20px 0; min-height: 48px; border: 1px solid #ddd; vertical-align: middle; } .box-dl { - background: url("/images/download.png") no-repeat 12px 12px #efefef; + background: url("/images/download.png") no-repeat 12px center; + padding: 16px 16px 16px 72px; } .box-up { - background: url("/images/update.png") no-repeat center left #efefef; + background: url("/images/update.png") no-repeat 12px center; + padding: 16px 16px 16px 62px; } -.box-dl p { color: #456; } +.box-dl a { font-weight: bold; text-decoration: none; } +.dlbutton { padding-left: 38px; } +pre, .box, .box-dl, .box-up, .box-share, .box-rpi { + background-color: #efefef; + border: 1px solid #ddd; +} .searchbox { margin: 20px 80px; @@ -229,8 +301,8 @@ .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 ul { margin: 4px 0; padding: 0 4px; line-height: 150%; } +.activity li { list-style-type: none; } .activity_more { text-align: right; } .activity_more a { font-weight: normal; color: #000; padding: 0 4px; } .activity_more a:hover { text-decoration: underline; } @@ -259,8 +331,8 @@ /* Round corner */ -#block_nav, pre, .box, .box-dl, .box-up, .searchbox, .button a, #twitter, .activity, -.activity div, #sponsor { +#block_nav, pre, .box, .box-dl, .box-up, .searchbox, .button a, +#twitter, .activity, .activity div, #sponsor, nav a, .dlbutton { -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; @@ -316,7 +388,7 @@ .year:after { /* content: "2007-2015"; */ - content: "2015"; + content: "2017"; } p, li { @@ -325,7 +397,6 @@ hyphens: auto; } - /* --- SEARCH --- */ input.gsc-search-button { @@ -364,7 +435,7 @@ border-radius: 12px; padding-bottom: 8px; margin: 12px auto; - webkit-box-shadow: 0 0 6px rgba(0,0,0,0.5); + -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); }