From 4106c2a524aee09776998ceb21ea4fd350128f1b Mon Sep 17 00:00:00 2001 From: gweltas Date: Thu, 23 Sep 2004 16:42:11 +0000 Subject: - New template for picture.tpl - Creation of a menu bar in the picture display git-svn-id: http://piwigo.org/svn/trunk@531 68402e56-0260-453c-a942-63ccdbb3a9ee --- template/default/default.css | 128 +++++++++++++++++++++++++++++-------------- 1 file changed, 86 insertions(+), 42 deletions(-) (limited to 'template/default/default.css') diff --git a/template/default/default.css b/template/default/default.css index b41fdfaf0..7e2d58e95 100644 --- a/template/default/default.css +++ b/template/default/default.css @@ -1,3 +1,33 @@ +/*POSITION*/ +#gauche,#droite +{ + float:left; + width:18%; + text-align:left; +} + +#centre +{ + float:left; + width:64%; + text-align:center; +} + +#droite +{ + text-align:right; +} + +#left +{ + float:left; +} + +#right +{ + float:right; +} + /* MAIN STYLES */ body { @@ -26,8 +56,17 @@ a:hover { text-decoration:none; color:#FFF48E;} a.none:hover { text-decoration:none;} a.image:hover { text-decoration:none;} a.thumbLink:hover { text-decoration:none;} -/*a.adminMenu:hover{ color : #C6B78E; } -a.adminMenu{ color : #FFF48E; }*/ + +/* LAYOUT STYLE */ + +.main { + background-color:#444444; + border: 1px solid #E0E0E0; + width:100%; + padding-bottom:30px; + text-align:center; + display:block; +} /* Navigation styles */ @@ -46,18 +85,12 @@ a.adminMenu{ color : #FFF48E; }*/ text-align:center; } -.titrePage +.titrePage { + font-family: 'Trebuchet MS', Verdana, sans-serif; text-align:left; font-size:16px; - margin-bottom:5px; -} - -.titreImg{ - text-align:center; - font-size:16px; - color:#FFF48E; - font-weight:600; + /*margin-bottom:5px;*/ } .menu { @@ -69,7 +102,6 @@ a.adminMenu{ color : #FFF48E; }*/ ul.menu { text-align:left; - /* list-style-image : url(theme/collapsed.gif); */ list-style-type: square ; padding-left:15px; margin:5px; @@ -96,6 +128,47 @@ ul.menu { margin : 10px 4px 10px 4px; } +#imgBarMenu +{ + width:100%; + display:block; + height:25px; + background-image: url(theme/button_bg.gif); + border-bottom: 1px solid #000000; +} + +.imgMenu +{ + width:48px; + border:none; + float:left; +} + +.imgMenu img +{ + border:none; + text-align:center; + margin-top:4px; +} + +.imgMenu a +{ + display:block; + background-image: url(theme/button_bg.gif); + height: 25px; + border-bottom: 1px solid #000000; + border-left: 1px solid #838383; + border-right: 1px solid #000000; +} + +.imgMenu a:hover +{ + background-image:url(theme/tableh1_bg.gif); + border-bottom: 1px solid #3F3F3F; + border-left: 1px solid #3F3F3F; + border-right: 1px solid #3F3F3F; +} + .commentImage { text-align:justify; font-style:italic; @@ -106,20 +179,10 @@ ul.menu { .nameImage { text-align:center; - font-size:24px; - background-color: #666666; - border-top: 1px solid #222222; - border-bottom: 1px solid #222222; + font-size:20px; } /* Table styles */ -.main { - background-color:#444444; - border: 1px solid #E0E0E0; - width:100%; - padding-bottom:30px; -} - .table1, .home { border: 1px solid #000000; @@ -349,22 +412,3 @@ span.update_error_element, span.update_category_error { .update_summary_del { color:#ffe1e1; } - -div.remoteOutput { - background-color:#444444; - border:1px solid black; - margin:10px; - text-align:left; -} - -li.remoteInfo { - color:gray; -} - -li.remoteWarning { - color:#ffe1e1; -} - -li.remoteError { - color:orange; -} \ No newline at end of file -- cgit v1.2.3