people.slitaz.org

+ +

People

Each contributor who has access to the project main server, code name Tank, can @@ -44,11 +55,12 @@ SliTaz Website and SliTaz Labs.

+ +

SliTaz people

@@ -71,32 +83,26 @@

+ diff -r 1fa6db906aa3 -r b770976fff5d people/pics/website/development.png Binary file people/pics/website/development.png has changed diff -r 1fa6db906aa3 -r b770976fff5d people/pics/website/header-img.png Binary file people/pics/website/header-img.png has changed diff -r 1fa6db906aa3 -r b770976fff5d people/pics/website/logo.png Binary file people/pics/website/logo.png has changed diff -r 1fa6db906aa3 -r b770976fff5d people/pics/website/users.png Binary file people/pics/website/users.png has changed diff -r 1fa6db906aa3 -r b770976fff5d people/pics/website/xhtml10.png Binary file people/pics/website/xhtml10.png has changed diff -r 1fa6db906aa3 -r b770976fff5d people/slitaz.css --- a/people/slitaz.css Mon Mar 28 15:10:53 2011 +0200 +++ b/people/slitaz.css Mon Mar 28 15:12:12 2011 +0200 @@ -1,223 +1,227 @@ /* - CSS style for SliTaz Network - (c) 2011 SliTaz GNU/Linux + CSS style for SliTaz Network - (C) 2011 SliTaz GNU/Linux */ html { min-height: 102%; } + body { background: #ffffff; color: black; font: 13px sans-serif, vernada, arial; margin: 0; - border-top: 34px solid #f1f1f1; + min-width: 900px; } -a { text-decoration: underline; color: #103a5e; } + +a { text-decoration: underline; color: #215090; } a:hover { text-decoration: none; color: blue; } -img { border: 0pt none; } - -/* Accessibility */ - -#access { - position: absolute; - top: 4px; - right: 0px; - text-align: right; - width: auto; - margin: 0; - padding: 4px 4px 4px 20px; - font-size: 11px; - font-weight: bold; +img { border: 0pt none; vertical-align: middle; } +h2 { color: #444; } +h3 { color: #666; font-size: 140%; } +h4 { color: #888; font-size: 120%; } +pre { + background-color: #f8f8f8; + border: 1px solid #ddd; + padding: 10px; } -#access a { - background: transparent; - color: #0F314E; - text-decoration: none; -} -#access a:hover { color: #b64b22; } -#access img { vertical-align: middle; } /* Header */ -#header { - background: #351a0a url(pics/website/header-img.png) no-repeat top right; - color: black; - width: 100%; - height: 42px; - border-top: 1px solid black; - border-bottom: 1px solid #999; - margin-bottom: 33px; +#header { + height: 40px; + background: #351a0a; } -#titre { - position: absolute; - font-size: 14px; - font-weight: bolder ; - left: 180px; - top: 4px; + +#header h1 { + margin: 0; + padding: 8px 0 0 42px; + width: 250px; } + +#header h1 a { + color: white; + text-decoration: none; + font-size: 20px; + font-style: italic; +} + +#header h1 a:hover, #network a:hover { + color: #d66018; +} + +/* Logo */ + #logo { + background: url(images/logo.png) no-repeat left; position: absolute; float: left; - left: 16px; - top: -10px; - width: 200px; - height: 74px; + left: 0px; + top: 0px; + width: 40px; + height: 40px; } -/* Side bar */ +/* SliTaz Network */ -#nav { - position: absolute; - top: 102px; - right: 80px; - color: #555555; - float: right; - width: 250px; - line-height: 1.5em; - text-align: left; +#network { + float: right; + padding: 10px 5px 0; font-size: 12px; } -#nav h4 { - font-size: 120%; - color: #666666; + +#network a { padding: 0 6px; } + +/* Block */ + +#block { + min-height: 200px; + background: #d66018; + padding: 26px 10% 0px; + text-align: center; + color: #333; + border-bottom: 1px solid #f5f5f5; +} + +#block_info { + text-align: justify; + width: 48%; + padding: 10px 10px 0 0; +} + +#block a, #network a { + color: #fff; font-weight: bold; - margin: 0; - padding: 0 0 1px 0; - border-bottom: 1px solid #cecece; + text-decoration: none; } -#nav a { - color: #0F314E; - background: inherit; - display: block; + +#block h4 { + color: #351a0a; + 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 ul { list-style-type: square; } +#block a:hover { color: #351a0a; } + +/* Navigation */ + +#block_nav { + background: #cc5b17; + padding: 10px 10px 40px; + text-align: justify; + width: 48%; + float: right; +} + +#block_nav ul { + list-style-type: none; + margin: 6px 0; + padding: 0; +} + +#block_nav h4 img { + margin: 0 4px 0 0; + padding: 0; +} + +/* Languages */ + +#lang { + float: right; + padding: 6px; + font-size: 11px; +} + +#lang a { text-decoration: none; - font-weight: bold; + padding: 0 2px; } -#nav a:hover { - color: #b64b22; - text-decoration: none; - display: block; + +#lang a:hover { + text-decoration: underline; } -#nav .nav_box ul { - list-style-type: none; - margin: 0; - padding: 10px 24px 10px 0px; - background-color: inherit; -} -#nav li { display: inline; } -#nav ul { - -moz-border-radius: 8px; - -webkit-border-radius: 8px; - border-radius: 8px; - list-style-type: none; - margin: 10px 0; - padding: 10px 24px 10px 24px; - background-color: #eaeaea; -} -.nav_box { - margin: 10px 0; - padding: 10px 24px 10px 24px; - background-color: #eaeaea; + +/* Content */ + +#content { + padding: 30px 80px; text-align: justify; } -#nav .nav_box p { line-height: 1.3em; } -#nav .nav_box p a { - display: inline; - font-weight: normal; - text-decoration: underline; -} -#nav .nav_box p a:hover { - text-decoration: none; - color: blue; - background: inherit; -} -/* Page content */ - -#content, #content-full { - background: white; - color: black; - text-align: justify; - height: auto; -} -#content, #content-full { - margin: 6px 320px 0px 0px; - padding: 0px 40px 60px 80px; -} -#content-full { - margin: 0; - padding: 0px 80px 40px 80px; -} -#content li, #content-full li { - line-height: 1.5em; - text-align: left; -} #news li { list-style-type: square; border-bottom: 1px dotted #BEBEBE; margin-left: -25px; padding: 4px 0px 4px 0px; } -#news a { text-decoration: none; } -/* Box and block. */ +#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; } +#gallery { text-align: center; } -.infobox { +/* Classes */ + +.right_box { width: 48%; float: right; } +.left_box { width: 48%; float: left; } + +.box { margin: 20px 60px; padding: 12px; + background: #efefef; + border: 1px solid #ddd; +} + +.searchbox { + margin: 20px 80px; + padding: 12px; background: #f8f8f8; + text-align: center; + border: 1px solid #ddd; } -.infobox img { vertical-align: middle; } -.infobox:hover { background-color: #FBFBFB; } -.block { - /*padding-bottom: 35%;*/ - color: black; - min-height: 200px; - margin-bottom: 40px; + +.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; } + +/* Button */ + +.button a { + background-color: #b64b22; + color: #ffffff; + margin-right: 6px; + padding: 6px 10px; + font-size: 12px; + text-decoration: none; + font-weight: bold; } -.block ul { - list-style-type: none; - margin: 0; - padding: 0 20px; +.button a:hover, input[type=submit]:hover { + background-color: #a3431f; + color: #ffffff; } -.block_left { - width: 46%; - float: left; - background-color: #eaeaea; - margin: 4px 2px; - padding: 0 10px 10px 10px; + +/* Round corner */ + +#block_nav, pre, .box, .searchbox, .button a, #twitter { + -moz-border-radius: 4px; + -webkit-border-radius: 4px; + border-radius: 4px; } -.block_right { - width: 46%; - float: right; - background-color: #eaeaea; - margin: 4px 2px; - padding: 0 10px 10px 10px; -} -#block_top { - color: black; - background-color: #eaeaea; - min-height: 180px; - margin-bottom: 40px; - margin-right: 340px; - padding: 0 10px; -} -#block_nav { - width: 300px; - min-height: 180px; - float: right; - background-color: #eaeaea; - margin: 0; - padding: 0 10px; -} -.nav_box, .infobox, .block_left, .block_right, #block_top, -#block_nav, #footer { - -moz-border-radius: 8px; - -webkit-border-radius: 8px; - border-radius: 8px; - -moz-box-shadow: 0 1px 3px #666; - -webkit-box-shadow: 0 1px 3px #666; - box-shadow: 0 1px 3px #666; - /* CSS3 transition */ + +/* Transition */ + +.box { -webkit-transition-property: background-color; -webkit-transition-duration: 2s; -moz-transition-property: background-color; @@ -225,216 +229,52 @@ transition-property: background-color; transition-duration: 2s; } -#block_nav { font-weight: bold; } -#block_nav a { text-decoration: none; } -#block_nav li a:hover { color: #b64b22; } -#block_nav ul { margin: 0; list-style-type: none; } -#block_nav h3 { font-size: 110%; } -.nav_box:hover, .block_left:hover, .block_right:hover, -#block_top:hover, #block_nav:hover, #footer:hover { - background-color: #f8f8f8; -} -.right_box { width: 50%; float: right; } -.left_box { width: 50%; float: left; } -/* Button */ -.button { margin-left: 20px; } -.button a { - background-color: #b64b22; - color: #ffffff; - margin-right: 6px; - padding: 6px 10px; - font-size: 14px; - -moz-border-radius: 4px; - -webkit-border-radius: 4px; - border-radius: 4px; - -moz-box-shadow: 0 1px 3px #666; - -webkit-box-shadow: 0 1px 3px #666; - box-shadow: 0 1px 3px #666; -} -.button a:hover, input[type=submit]:hover { - background-color: #a3431f; - color: #ffffff; -} +/* Form */ + input[type=submit] { border: 1px solid #b64b22; background-color: #b64b22; color: white; font-weight: bold; cursor: pointer; - padding: 3px 10px; + padding: 4px 10px; font-size: 14px; - -moz-border-radius: 2px; - -webkit-border-radius: 2px; - border-radius: 2px; - -moz-box-shadow: 0 0 5px #666; - -webkit-box-shadow: 0 0 5px#666; - box-shadow: 0 0 5px #666; margin-left: -5px; + -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; } + +input[type=submit]:hover { background-color: #a3431f; } + input[type=text] { border: 1px solid #333333; - padding: 3px; + padding: 4px; + height: 17px; width: 100%; -} - -/* Text transform at 45deg */ -.floor { - color: #999999; - font-size: 20px; - -webkit-transform: rotate(-45deg) skew(15deg, 15deg); - -moz-transform: rotate(-45deg) skew(15deg, 15deg); - -o-transform: rotate(-45deg) skew(15deg, 15deg); - -ms-transform: rotate(-45deg) skew(15deg, 15deg); - transform: rotate(-45deg) skew(15deg, 15deg); -} -#twitter, .feedbox { - margin-top: 20px; - -moz-border-radius: 8px; - -webkit-border-radius: 8px; - border-radius: 8px; - -moz-box-shadow: 0 1px 3px #666; - -webkit-box-shadow: 0 1px 3px #666; - box-shadow: 0 1px 3px #666; -} -.feedbox { - background-color: #f9f9f9; - padding: 10px 20px; - margin: 20px 100px; -} -.feedbox div { - height: 320px; - overflow: auto; -} -.feedbox ul { list-style-type: none; margin: 0; } - -/* Clouds */ -#cloud { - padding: 10px 0px; - line-height: 3em; - text-align: center; -} -#cloud a { padding: 0 2px; color: #444444; } -#cloud a.tag1 { font-size: 0.7em; font-weight: 100; } -#cloud a.tag2 { font-size: 0.8em; font-weight: 200; } -#cloud a.tag3 { font-size: 0.9em; font-weight: 300; } -#cloud a.tag4 { font-size: 1.0em; font-weight: 400; } -#cloud a.tag5 { font-size: 1.2em; font-weight: 500; } -#cloud a.tag6 { font-size: 1.4em; font-weight: 600; } -#cloud a.tag7 { font-size: 1.6em; font-weight: 700; } -#cloud a.tag8 { font-size: 1.8em; font-weight: 800; } -#cloud a.tag9 { font-size: 2.2em; font-weight: 900; } -#cloud a.tag10 { font-size: 2.5em; font-weight: 900; } - -/* Slideshow and gallery */ -#slideshow -{ - overflow: hidden; - margin: 10px auto 10px; - position: relative; - width: 260px; - height: 163px; -} -#slideshow img -{ - border: 0; - width: 260px; - height: 163px; -} -#gallery { text-align: center; } - -/* HTML styles */ - -h1 { - color: #444444; - background: transparent; - text-align: left; - margin: 0px 0px 4px 0px; - font-size: 150%; - font-weight: bold; - padding: 5px 0 0 10px; -} -h2 { - color: #b64b22; - padding: 0; - margin: 20px 0 0 0; - font-size: 130%; - font-weight: bold; -} -h3 { - font-weight: bold; - color: #666666; - background: transparent; -} -h3 img, h2 img { - vertical-align: middle; - width: 20px; - height: 20px; - padding-right: 4px; -} -code, tt { - font-size: 12px; - color: #669900; -} -pre, pre.script { - padding: 10px; - color: black; - background: #E8E8E8; - border: 1px inset #606060; -} - -/* Packages pages */ - -.pkg_nav { - border-top: 1px solid black; - margin-top: 10px; - padding-top: 10px; -} -pre.package { - padding: 0px; - color: black; - background: white; -} -p.get { - text-align: center; - padding: 10px; - color: black; - background: #F3F3F3; - border: 1px solid #DEDEDE; - border-radius: 4px; - -moz-border-radius: 4px; - -webkit-border-radius: 4px; -} -p.get a { - font-weight: bold; - text-decoration: none; -} -.pkgs-search { - text-align: center; - padding: 40px 20px 80px 20px; + -webkit-border-top-left-radius: 4px; + -webkit-border-bottom-left-radius: 4px; + -moz-border-radius-topleft: 4px; + -moz-border-radius-bottomleft: 4px; + border-top-left-radius: 4px; + border-bottom-left-radius: 4px; } /* Footer */ #footer { - margin: 0px 80px 80px 80px; - padding: 10px; - background: #eaeaea; - color: #666666; - height: 180px; - clear: both; - border-radius: 8px; - -moz-border-radius: 8px; - -webkit-border-radius: 8px; - -moz-box-shadow: 0 1px 3px #666; - -webkit-box-shadow: 0 1px 3px #666; - box-shadow: 0 1px 3px #666; + background: #f1f1f1; + text-align: center; + border-top: 1px solid #ddd; + padding: 40px; + color: #666; } -#footer a { color: #666666; } -#footer a:hover { color: #333333; } -#footer ul { list-style-type: none; } -#footer li { padding: 2px; } -#footer h4 { margin: 0 20px; font-size: 125%; } + +#footer a { color: #666; padding: 0 2px; } .year:after { /* content: "2007-2011"; */

SliTaz People

Devel corner

Developers Corner

people.slitaz.org

People

SliTaz people

SliTaz Network

Informations