From 14778ce673277f2df41f963aa70df1cbed427294 Mon Sep 17 00:00:00 2001 From: plegall Date: Sat, 13 Mar 2010 00:00:52 +0000 Subject: feature 1502: based on Dotclear model, P@t has reorganized the way Piwigo manages template/theme in a simpler "theme only level" architecture. It supports multiple level inheritance. git-svn-id: http://piwigo.org/svn/trunk@5123 68402e56-0260-453c-a942-63ccdbb3a9ee --- themes/wipi/theme.css | 273 ++++++++++++++++++++++++++++++++++++++++++++++++++ 1 file changed, 273 insertions(+) create mode 100644 themes/wipi/theme.css (limited to 'themes/wipi/theme.css') diff --git a/themes/wipi/theme.css b/themes/wipi/theme.css new file mode 100644 index 000000000..670d3a57d --- /dev/null +++ b/themes/wipi/theme.css @@ -0,0 +1,273 @@ + +/* text color */ +BODY, H1, H3, DT, +INPUT.rateButtonSelected /* <= why IE doesn't inherit this ? */ { + color:#e0e0e0; +} +#menubar { + margin : 0px; + background-color: transparent; + border: 0px; +} +H2 { + color: #eee; +} +#menubar DT, #menubar DT A { + color: #eee; + font-weight: lighter; +} +#menubar DT A:hover { + color: #69c; + font-weight: lighter; +} +#menubar .selected A { + color: #eee; +} +#menubar .selected A:hover { + color: #f92; +} +#menubar DT:before { + content: "__\\_ "; + color: #f92; +} +#menubar DT:after { + content: " _/__"; + color: #69c; +} +#menubar .button { + margin: 0 2px 0px 8px; + width: auto; + padding: 0; + text-indent: 0; + list-style: none; + text-align: center; + float: left; +} +.content .pageNumberSelected { + color: #f92; +} +.content .infos { + background-color: #69c; + color: #036; +} +.content .errors { + background-color: #fc5; + border-color: #f92; + color: #900; +} +/* backgrounds */ +BODY { + background: #111; + margin: 0px; + padding: 0px; +} +H3, #imageToolBar A:hover { + background-color: #222; +} + +#imageHeaderBar { + background-color: #111; +} +#imageToolBar, .header_notes { + background-color: #333; +} +A { + border-color: #69c; +} +A:hover { + border-color: #f92; +} +.content { + background-color: #181818; + border: 1px solid #eee; + padding: 5px; +} + +H2, #menubar DT, TD H3 { + background-image: url(images/tableh1_bg.png); + background-repeat: repeat-x; +} +.content H2 { + background: none; + border: 0px; + letter-spacing: -0.05em; + text-indent: 1em; + text-transform: uppercase; + font-weight: lighter; + margin-bottom: 20px; +} +.content ul.thumbnailCategories li div.thumbnailCategory .description h3, +.content h3 { text-align: center; } +.content ul.thumbnailCategories li div.thumbnailCategory .description p { + color: #f92; text-indent: 0em; +} +.content ul.thumbnailCategories li div.thumbnailCategory .description p + p { + color: #fff; +} +.browsePath A { + color: #eee; +} +.content H2:before, .browsePath:before, .imageNumber:before, +#imageHeaderBar H2:before { + content: "____\\_ "; + color: #69c; + font-family: Times, Zapf-Chancery, Cottonwood, Helvetica; + letter-spacing: 0em; +} +.content H2:after, .browsePath:after, .imageNumber:after, +#imageHeaderBar H2:after { + content: " _/____"; + color: #f92; + font-family: Times, Zapf-Chancery, Cottonwood, Helvetica; + letter-spacing: 0em; +} +#imageHeaderBar H2 { + background-image: none; + background-color: transparent; + border: none; +} +#thePicturePage #the_page { + background-color: #111; +} +#thePicturePage #imageHeaderBar { + background-image: url(images/tableh2_bg.png); + background-repeat: repeat-x; +} +#thePicturePage #imageToolBar { + background-color: #111; + border-bottom: 2px solid #69c; +} +#thePicturePage #theImage { + background-color: #111; + margin: 0px; + padding: 3px 0px 15px 0px; +} + +#thePicturePage #comments H3 { + background-image: none; + background-color: #222; + border-top: 2px solid #69c; + border-bottom: 2px solid #69c; + color: #69c; + font-weight: lighter; +} + +/* borders */ +#imageHeaderBar { + border-top: 1px solid #000; + padding: 8px 0px 3px 0px; +} +H2, #imageToolBar { + border-bottom: 1px solid #000; +} + +#theImage IMG { + border: 3px solid #fff; +} + +.content UL.thumbnail IMG { + border: 1px solid #a0a0a0; +} +.illustration A { + border: 0px; +} +FIELDSET, INPUT, SELECT, TEXTAREA, +.content DIV.thumbnailCategory { + border: 1px solid gray; +} +.content DIV.thumbnailCategory { + border: 1px solid #69c; + margin: 8px 4px; +} + +.content UL.thumbnails SPAN.wrap2 { + border: 1px solid #aaaaaa; /* thumbnails border color and style */ + border-radius: 4px 4px; /* round corners with CSS3 compliant browsers */ +} + +.content UL.thumbnails SPAN.wrap2:hover, +.content UL.thumbnailCategories DIV.thumbnailCategory:hover { + background-color: #333; + border-color: #69c; /* thumbnails border color when mouse cursor is over it */ +} + +/* links */ +A, INPUT.rateButton, legend { + color: #69c; +} + +A:hover { + color: #f92; +} + +#imageToolBar A, #imageToolBar A:hover { + border-bottom: none; +} +A.navThumb, A.navThumb:hover { + border-bottom: none; +} +#the_page { + border: 1px dotted #f92; + padding-top: 5px; + padding-bottom:30px; + margin: 2px; +} +#copyright { + color: #69c; +} + +label { + cursor:pointer +} +input#qsearchInput { + color: #58c; + background-color: #222; + border: 1px solid #333; + padding: 1px 3px; +} +.zero { display: none } +.nb-hits { color: #69c; } +.nb-comments { color: #f92; } + +FORM#quickconnect, +FORM#quickconnect FIELDSET, +FORM#quickconnect DIV, +FORM#quickconnect UL.actions, +FORM#quickconnect LABEL { + color: #69c; +} +FORM#quickconnect DIV INPUT, +FORM#quickconnect INPUT[type=text], +FORM#quickconnect INPUT[type=password] { + color: #58c; + background-color: #222; + border: 1px solid #333; +} + +.PWG { + font-family: verdana, arial, helvetica, sans-serif !important; + font-size: 0.9em; + font-weight: normal; + letter-spacing: 0px; +} +a.PWG { border: 0px; } +a.PWG .P { color : #f92; } +a.PWG .W { color : #aaa; } +a.PWG .G { color : #69c; } +a.PWG:hover .P { color : #69c; } +a.PWG:hover .G { color : #f92; } +#menubar DT { + border-top: 1px solid #eef; + border-right: 1px solid #69c; + border-bottom: 1px solid #69c; + border-bottom-right-radius: 12px; + -moz-border-radius-bottomright: 12px; + box-shadow: 5px 5px #69c; +} +.statBar { background-color: #e60; } +#imageToolBar .randomButtons a:hover, +#imageToolBar .navButtons a:hover { background-color: #111; } +#menubar .menuInfoCat, +#menubar .menuInfoCatByChild, +h2.showtitle, #theImage p.showlegend { display: none } +* { outline-width: 0px; } -- cgit v1.2.3