# HG changeset patch # User Christophe Lincoln # Date 1294756978 -3600 # Node ID 9140fe580c2b16fbfffba99a7882775945ab9417 # Parent f0454c3c0ceb9f9f23e156b68d27ea93555fac05 Up: tazbb (2.0) with new CSS and layout diff -r f0454c3c0ceb -r 9140fe580c2b tazbb/receipt --- a/tazbb/receipt Tue Jan 11 14:37:48 2011 +0100 +++ b/tazbb/receipt Tue Jan 11 15:42:58 2011 +0100 @@ -1,7 +1,7 @@ # SliTaz package receipt. PACKAGE="tazbb" -VERSION="1.4" +VERSION="2.0" CATEGORY="development" SHORT_DESC="SliTaz Build Bot." MAINTAINER="pankso@slitaz.org" diff -r f0454c3c0ceb -r 9140fe580c2b tazbb/stuff/web/index.php --- a/tazbb/stuff/web/index.php Tue Jan 11 14:37:48 2011 +0100 +++ b/tazbb/stuff/web/index.php Tue Jan 11 15:42:58 2011 +0100 @@ -20,83 +20,70 @@ + - - - - - - -
-
-
+ src="pics/website/logo.png" + title="bb.slitaz.org" alt="bb.slitaz.org" /> +

#!/Build/Bot/

-
+
-

Build Bot

-

/usr/bin/tazbb

+ +
+ + + +
+

Build Bot

+

+ Tazbb is a SliTaz GNU/Linux + Build Bot, it automatically cooks and tests packages commited in + the wok. SliTaz packages are + cooked on the project main server: code name + Tank. This web interface gives + the current status of the build bot and the last report + about any packages modified by the SliTaz contributors in + the Mercurial repositories, aka + Hg repos. +

+ +
+ +
+ +

Cooklog

-Tazbb is a SliTaz GNU/Linux Build Bot, -it automatically cooks and tests packages commited in the wok. SliTaz -packages are cooked on the project -main server: code name Tank. This -web interface gives the current status of the build bot and the last report -about any packages modified by the SliTaz contributors in the Mercurial -repositories, aka Hg repos. +

+ '; + ?> Show pkg log: + +

-
-'; -?> Show cooklog: - -
-

Summary
- +
- -
-

-Copyright © SliTaz - -GNU General Public License -

- -
- - -
-

-Valid XHTML 1.0 -

+ + diff -r f0454c3c0ceb -r 9140fe580c2b tazbb/stuff/web/log.php --- a/tazbb/stuff/web/log.php Tue Jan 11 14:37:48 2011 +0100 +++ b/tazbb/stuff/web/log.php Tue Jan 11 15:42:58 2011 +0100 @@ -18,55 +18,50 @@ + - - - - -
+
-

Build Bot

-

Cooklog

+ +
+ + + +
+

Cooklog

+

+ The BuildBot generated cooklog file to help debug packages + and check the build process. +

+ +
+ +
+ +

Search

- Show cooklog: + - +
- -
-

-Copyright © 2010 SliTaz - -GNU General Public License -

- -
- - -
-

-Valid XHTML 1.0 -

+ + diff -r f0454c3c0ceb -r 9140fe580c2b tazbb/stuff/web/pics/website/logo.png Binary file tazbb/stuff/web/pics/website/logo.png has changed diff -r f0454c3c0ceb -r 9140fe580c2b tazbb/stuff/web/slitaz.css --- a/tazbb/stuff/web/slitaz.css Tue Jan 11 14:37:48 2011 +0100 +++ b/tazbb/stuff/web/slitaz.css Tue Jan 11 15:42:58 2011 +0100 @@ -1,10 +1,10 @@ /* CSS style for SliTaz GNU/Linux website - www.slitaz.org - (c) 2007 Pankso + www.slitaz.org - (c) 2011 Pankso */ html { - height: 102%; + min-height: 102%; } body { @@ -12,6 +12,7 @@ color: black; font: 13px sans-serif, vernada, arial; margin: 0; + border-top: 34px solid #f1f1f1; } /* Accessibility */ @@ -19,57 +20,65 @@ #access { position: absolute; top: 4px; - right: 4px; + right: 0px; text-align: right; - width: 100%; + width: auto; margin: 0; + padding: 4px 4px 4px 20px; font-size: 11px; font-weight: bold; } #access a { - background: inherit; - color: white; + background: transparent; + color: #0F314E; text-decoration: none; } #access a:hover { background: inherit; - color: #222222; + color: #b64b22; +} + +#access img { + vertical-align: middle; } /* Header and title */ -#header{ - background: #f0ba08 url(pics/website/header.png) repeat-x top; +#header { + /*background: #f0ba08 url(pics/website/header.png) repeat-x top;*/ + background: #351a0a url(pics/website/header-img.png) no-repeat top right; color: black; width: 100%; - height: 50px; + height: 42px; border-top: 1px solid black; - border-bottom: 1px solid black; - margin-bottom: 30px; + border-bottom: 1px solid #999; + margin-bottom: 33px; } #titre { position: absolute; - font-size: 16px; + font-size: 14px; font-weight: bolder ; - margin-left: 200px; - margin-top: 28px; + left: 180px; + top: 4px; } #logo { position: absolute; float: left; - margin-left: 16px; - margin-top: 0px; + left: 16px; + top: -10px; + width: 200px; + height: 74px; } -/* Navigation */ +/* Side bar Navigation */ #nav { position: absolute; - top: 76px; + top: 102px; right: 80px; color: #555555; float: right; @@ -79,19 +88,11 @@ font-size: 12px; } -#nav ul { - -moz-border-radius: 8px; - -webkit-border-radius: 8px; - list-style-type: none; - margin: 10px 0; - padding: 10px 24px 10px 24px; - background-color: #eaeaea; -} - #nav .nav_box ul { list-style-type: none; margin: 0; padding: 10px 24px 10px 0px; + background-color: inherit; } #nav li { @@ -99,7 +100,7 @@ } #nav h4 { - font-size: 110%; + font-size: 120%; color: #666666; font-weight: bold; margin: 0; @@ -116,27 +117,43 @@ } #nav a:hover { - color: #DF8F06; + color: #b64b22; text-decoration: none; display: block; } -#nav hr { - margin: 2px 0px 1px 0px; - border: 0px; - border-top: 1px solid #BDBDBD; - +#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 { - -moz-border-radius: 8px; - -webkit-border-radius: 8px; margin: 10px 0; padding: 10px 24px 10px 24px; background-color: #eaeaea; text-align: justify; + -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 */ + -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; } +.nav_box:hover { background-color: #f8f8f8; } + #nav .nav_box p { line-height: 1.3em; } @@ -153,65 +170,31 @@ background: inherit; } -#nav hr { - height: 0px; - border: 0px solid #eaeaea; -} - /* Page content */ -#content, #content_bottom, #content_top { +#content { background: white; color: black; text-align: justify; -} - -#content { height: auto; margin: 6px 320px 0px 0px; padding: 0px 40px 60px 80px; } -#content li { +#content-full { + background: white; + color: black; + text-align: justify; + height: auto; + margin: 0; + padding: 0px 80px 40px 80px; +} + +#content li, #content-full li { line-height: 1.5em; text-align: left; } -/* Legal informations */ - -#copy { - font-size: 11px ; - text-align: left ; - background: transparent; - color: #a8a8a8; - padding-top: 10px; - margin: 0 0 0 80px; -} - -#copy a { - background: inherit; - color: #a8a8a8; -} - -#copy a:hover { - background: inherit; - color: #666666; -} - -/* Footer */ - -#bottom { - float: none; - background: inherit; - color: black; - width: auto; - clear: both; - padding: 0; - margin: 0 0 0 80px; - text-align: left; - vertical-align: middle; -} - #news li { list-style-type: square; border-bottom: 1px dotted #BEBEBE; @@ -219,22 +202,184 @@ padding: 4px 0px 4px 0px; } +#news a { + text-decoration: none; +} + #gallery { text-align: center; } -#gallery table { - margin: 30px 0px 30px 0px; +/* Box and block. */ + +.infobox { + margin: 20px 60px; + padding: 12px; + background: #f8f8f8; +} + +.infobox img { vertical-align: middle; } +/* .infobox:hover { background-color: #f2b21d; } */ +.infobox:hover { background-color: #FBFBFB; } + +.block { + /*padding-bottom: 35%;*/ + color: black; + min-height: 200px; + margin-bottom: 40px; +} + +.block ul { + list-style-type: none; + margin: 0; + padding: 0 20px; +} + +.block_left { + width: 46%; + float: left; + background-color: #eaeaea; + margin: 4px 2px; + padding: 0 10px 10px 10px; +} + +.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; +} + +.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 */ + -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; +} + +#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%; +} + +.block_left:hover, .block_right:hover, #block_top:hover, +#block_nav:hover, #footer:hover { + background-color: #f8f8f8; +} + +.right_box { + width: 50%; + float: right; +} + +.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); +} + +/* 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; +} + +input[type=submit] { + border: 1px solid #b64b22; + background-color: #b64b22; + color: white; + font-weight: bold; + cursor: pointer; + padding: 2px 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; +} + +input[type=text] { + border: 1px solid #333333; + padding: 3px; + width: 100%; + max-width: 500px; } /* Clouds */ #cloud { - padding: 20px 0px 20px 0px; + padding: 10px 0px; line-height: 3em; text-align: center; } -#cloud a { padding: 4px; color: #956411; } +#cloud a { padding: 0 2px; color: #956411; } #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; } @@ -246,47 +391,70 @@ #cloud a.tag9 { font-size: 2.2em; font-weight: 900; } #cloud a.tag10 { font-size: 2.5em; font-weight: 900; } -/* CSS class. */ +/* Slideshow. */ -.infobox { - margin: 10px; - padding: 12px; - background: #f2f2f2; - border: 1px solid #eaeaea; +#slideshow +{ + overflow: hidden; + margin: 10px auto 10px; + position: relative; + width: 260px; + height: 163px; +} + +#slideshow img +{ + border: 0; + width: 260px; + height: 163px; +} + +#twitter { + 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; } /* HTML styles */ h1 { - color: blue; - background: inherit; + color: #444444; + background: transparent; text-align: left; - margin: 0px 0px 10px 0px; - font-size: 140%; + margin: 0px 0px 4px 0px; + font-size: 150%; font-weight: bold; + padding: 5px 0 0 10px; } h2 { - color: #DF8F06; - /* border-top: 1px solid #f3f3f3; */ - border-left: 8px solid #f3f3f3; - padding: 4px 0px 4px 4px; - margin: 0; - font-size: 140%; + color: #b64b22; + padding: 0; + margin: 20px 0 0 0; + font-size: 130%; font-weight: bold; } h3 { font-weight: bold; - color: #6c0023; - background: inherit; + color: #666666; + background: transparent; +} + +h3 img { + vertical-align: middle; + width: 20px; + height: 20px; + padding-right: 4px; } a { text-decoration: underline; - color: #0F314E; + color: #103A5E; background: inherit; } @@ -331,7 +499,7 @@ background: #E1E0B0; } -pre.script, pre.log { +pre.script { padding: 10px; color: black; background: #E8E8E8; @@ -363,4 +531,57 @@ 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; +} + +.year:after { + /* content: "2007-2011"; */ + content: "2011"; +} + +/* 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; +} +#footer a { + background: inherit; + color: #666666; +} +#footer a:hover { + background: inherit; + color: #333333; +} +#footer ul { + list-style-type: none; +} +#footer li { + padding: 2px; +} +#footer h4 { + margin: 0 20px; + font-size: 125%; +}