aboutsummaryrefslogtreecommitdiffstats
path: root/themes/Sylvia/theme.css
diff options
context:
space:
mode:
authorplegall <plg@piwigo.org>2010-03-13 00:00:52 +0000
committerplegall <plg@piwigo.org>2010-03-13 00:00:52 +0000
commit14778ce673277f2df41f963aa70df1cbed427294 (patch)
tree8c723d4d9827876dbf19d2bd581405fc50910860 /themes/Sylvia/theme.css
parentc396f08708d431c6f7e8656eaca4fd8e440fdd39 (diff)
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
Diffstat (limited to 'themes/Sylvia/theme.css')
-rw-r--r--themes/Sylvia/theme.css429
1 files changed, 429 insertions, 0 deletions
diff --git a/themes/Sylvia/theme.css b/themes/Sylvia/theme.css
new file mode 100644
index 000000000..b4182391e
--- /dev/null
+++ b/themes/Sylvia/theme.css
@@ -0,0 +1,429 @@
+.content div.thumbnailCategory div.illustration {
+ width:165px !important; /* Usable range 162px-360px , optimal : Thumbnail width + 40px */
+}
+#comments div.thumbnailCategory div.illustration {
+ width:220px !important; /* Usable range 219px-360px , optimal : Thumbnail width + 95px */
+}
+#comments .thumbnailCategories hr {display:none;}
+#comments form.filter input[type="submit"] { margin-top:1.8em; }
+/* Sylvia Theme is close to the Roma Admin theme */
+BODY, H1, H3, DT, INPUT.rateButtonSelected, H2, #menubar DT {
+ color:#666;
+}
+#imageHeaderBar, #imageToolBar A:hover {
+ background-color: transparent;
+}
+BODY {
+ background:#111 url(images/bottom-left-bg.jpg) no-repeat fixed left bottom;
+ margin:0;
+ min-height: 100%;
+ height: 100%;
+ padding:0;
+}
+#the_page {
+ background:transparent url(images/top-left-bg.jpg) no-repeat scroll left top;
+ left:0;
+ margin:0;
+ padding:0;
+ position:absolute;
+ top:0;
+ z-index:0;
+ width: 100%;
+ min-width: 100%;
+}
+#theHeader {
+ min-height:110px;
+ height:110px;
+}
+#mbIdentification p, .totalImages {
+ color:#333;
+}
+.header_msgs {
+ background:transparent url(images/header_msgs-bg.gif) repeat scroll left top;
+ border:0;
+ color:#333;
+ font-size:24px;
+ left:0;
+ margin:0;
+ padding:10px 0 6px 0;
+ position:absolute;
+ text-align:center;
+ top:0;
+ width:100%;
+ z-index:99;
+}
+.header_notes {
+ background:transparent url(images/header_msgs-bg.gif) repeat scroll left top;
+ border:0 none;
+ color:#333;
+ font-size:16px;
+ margin:0;
+ padding:0;
+ position:absolute;
+ top:0;
+ width:100%;
+ z-index:99;
+}
+#menubar DL {
+ background:transparent url(images/menuBox_top.gif) no-repeat scroll left top;
+ margin:0 0 5px 40px;
+ padding:0;
+ width: 231px;
+ min-width: 231px;
+ border: 0;
+ min-height: 32px;
+ overflow-x: hidden;
+}
+#imageHeaderBar H2 {
+ border: 0;
+}
+#menubar DT {
+ background-color:#111;
+ border:0;
+ display:inline;
+ margin-left:8px;
+ text-align:left;
+}
+#menubar DD {
+ background:transparent url(images/menuBox_bottom.gif) no-repeat scroll left bottom;
+ margin:14px 0 0 0;
+ padding:0 0 22px;
+ width: 231px;
+ min-width: 231px;
+ border: 0;
+ overflow-x: hidden;
+}
+#menubar DD P {
+ background:transparent url(images/menuBox_sides.gif) repeat-y scroll left bottom;
+ padding: 2px 16px 0;
+ margin: 0;
+}
+#menubar UL, #menubar #mbCategories p, #menubar .illustration {
+ background:transparent url(images/menuBox_sides.gif) repeat-y scroll left bottom;
+ margin:0;
+}
+#menubar DT A {
+ font-size: 100%;
+}
+#menubar UL {
+ color:#333;
+ font-size: 16px;
+ line-height: 15px;
+}
+#menubar LI {
+ padding-left: 12px;
+}
+#menubar LI UL {
+ background: transparent url(images/transparent.gif);
+}
+#menubar A, .menuInfoCat {
+ font-size: 13px;
+}
+#menubar form {
+ background:transparent url(images/menuBox_sides.gif) repeat-y scroll left bottom;
+ margin:0;
+}
+#menubar DL#mbIdentification {
+ background:transparent url(images/menuId_top.gif) no-repeat scroll left top !important;
+}
+#menubar #mbIdentification DD {
+ background:transparent url(images/menuId_bottom.gif) no-repeat scroll left bottom;
+}
+#menubar #mbIdentification UL, #menubar #mbIdentification p, #menubar #mbIdentification .illustration {
+ background:transparent url(images/menuId_sides.gif) repeat-y scroll left bottom;
+}
+#menubar #mbIdentification form {
+ background:transparent url(images/menuId_sides.gif) repeat-y scroll left bottom;
+}
+#menubar #mbIdentification .actions, #menubar #mbIdentification form p {
+ background:transparent none repeat-y scroll left bottom;
+}
+#menubar #mbIdentification p {
+ padding: 2px 16px 0;
+ margin: 0;
+}
+#menubar p {
+ padding: 16px 16px 0;
+}
+#menubar .button {
+ position:relative;
+ right:9px;
+ top:16px;
+ height:16px;
+ width:16px;
+}
+#menubar #mbIdentification .button {
+ height:24px;
+ width:24px;
+ right:0px;
+ top:-40px;
+}
+#menubar #mbIdentification fieldset {
+ border:0;
+ margin:0 24px 0 23px;
+}
+#menubar #mbIdentification legend {
+ display: none;
+}
+#menubar #menuTagCloud {
+ margin: 0;
+ padding: 0 8px 0 16px;
+}
+
+.content {
+ background:#222 url(images/fillet.gif) repeat-x scroll left top;
+ min-height:466px;
+}
+
+.content {
+ border: 1px solid #000;
+ border-top: 0;
+ margin:21px 7px 0 290px;
+ padding-top:7px;
+}
+.content h2 {
+ margin:0;
+ padding:0px 10px 15px 15px;
+ border:0;
+}
+#menubar form {
+ background:transparent url(images/menuBox_sides.gif) repeat-y scroll left bottom;
+ margin:0;
+}
+.content ul.thumbnailCategories li {
+ background:#222 url(images/cat_bottom-right.gif) no-repeat scroll right bottom;
+ width:49%;
+ margin: 0;
+ padding:0;
+}
+.content div.thumbnailCategory {
+ background:transparent url(images/cat_bottom-left.gif) no-repeat scroll left bottom;
+ padding: 0;
+ margin:0;
+}
+.content .thumbnailCategory div.illustration {
+ background:transparent url(images/cat_top-left.gif) no-repeat scroll left top;
+ padding: 0 0 0 10px;
+ margin: 0 !important;
+}
+.content .thumbnailCategory div.illustration a {
+ display: block;
+ margin: 0;
+ padding:20px 0 0 8px;
+}
+.content .thumbnailCategory div.description {
+ background:transparent url(images/cat_top-right.gif) no-repeat scroll right top;
+ margin: 0;
+ padding:15px 10px 3px 0;
+ overflow-x: hidden !important;
+}
+.content .thumbnailCategory div.description .text {
+ display:block;
+ margin:10px 2px 0 0;
+ overflow: auto;
+ overflow-x:hidden;
+ padding:0 0 5px;
+}
+.content div.thumbnailCategory div.description p.dates {
+ margin: 0 15px 0 15px;
+ text-align: right;
+}
+.content .thumbnailCategory div.description H3 {
+ display: block;
+}
+.content ul.thumbnailCategories li:hover {
+ background-color:#111;
+}
+.content .navigationBar {
+ color:#666;
+}
+.infos {
+ color:#f70;
+ border:0;
+ background-color: transparent;
+ margin-left:125px;
+ padding:5px 0px 0pt 10pt;
+ min-height: 48px;
+ text-align:left;
+}
+.infos li, .errors li {
+ list-style-type:none;
+}
+.errors {
+ color:#f33;
+ border:0;
+ background: transparent url(icon/errors.png) no-repeat scroll right top;
+ margin-left:125px;
+ padding:5px 0px 0pt 10pt;
+ min-height: 48px;
+ text-align:left;
+ font-weight:bold;
+}
+#menubar #menuTagCloud {
+ background:transparent url(images/menuBox_sides.gif) repeat-y scroll left bottom;
+ margin:0;
+ padding: 0 12px;
+}
+H2 {
+ border-bottom: 1px solid #000000;
+}
+#qsearchInput {
+ color:#999;
+}
+FIELDSET, INPUT, SELECT, TEXTAREA {
+ border: 1px solid #666;
+}
+input[type="text"], input[type="password"], input[type="button"], input[type="submit"], input[type="reset"], input[type="file"] {
+ background-color:#444;
+ color:#999;
+} /* stupid Line but needed due to inpact on other themes and deadline of Piwigo 2.0 */
+input[type="file"] {
+ background-color:#222;
+ border: 1px solid #666;
+}
+INPUT, select, textarea {
+ color:#999;
+ background-color:#444;
+}
+input[type="radio"], input[type="checkbox"], input[type="button"].rateButtonStarEmpty, input[type="button"].rateButtonStarFull {
+ background-color: transparent;
+}
+#qsearchInput:focus, input:focus, select:focus, textarea:focus, input.focus, form .focus {
+ background-color:#444;
+ color:#999;
+}
+.content UL.thumbnails SPAN.wrap2 {
+ border: 1px solid #666; /* thumbnails border color and style */
+ border-radius: 4px 4px; /* round corners with CSS3 compliant browsers */
+}
+.content UL.thumbnails SPAN.wrap2:hover {
+ color:#666;
+ background-color:#111;
+ border:1px solid #ff3363; /* thumbnails border color when mouse cursor is over it */
+}
+#comments ul.actions li, #comments ul.actions li:hover {
+ background:transparent none;
+ padding: 0 22px;
+ clear:both;
+ list-style-type:none;
+}
+span.calItem {
+ border:1px solid #666;
+ margin:0 5px;
+ padding:2px 5px 0 8px;
+}
+span.calItemEmpty, td.calDayCellEmpty, td.calDayCellFull {
+ border:1px solid #666;
+}
+A, INPUT.rateButton {
+ color:#f70;
+ border-width: 0;
+}
+A:hover, A:active {
+ color:#f33;
+ border-bottom: 1px solid #FF3363;
+ cursor: pointer;
+}
+a.external {
+ color:#FF3363;
+ border:0;
+ text-decoration: none;
+}
+a.external:hover {
+ color:#FF7700;
+ border:0;
+}
+a.Piwigo {
+ font-family: verdana, arial, helvetica, sans-serif !important;
+ font-size: 11px; font-weight: normal; letter-spacing: 0;
+ color : #F33; text-decoration: none; border: 0; }
+a.Piwigo:hover span.Piwigo {
+ border-bottom: 1px solid #FF3363;
+}
+#theImage A, .illustration A, A.navThumb, A.navThumb {
+ border-bottom-width: 0;
+}
+#imageToolBar {
+ padding:0 7%;
+}
+#imageHeaderBar .imageNumber {
+ margin-right:7%;
+}
+#imageHeaderBar .browsePath {
+ margin-left:7%;
+}
+*, *:focus, *:active, input:active, a:active, input:focus, a:focus {
+ outline: none;
+}
+#debug {
+ margin: 15px 15px 5px 248px;
+ font-size:12px;
+ clear: both;
+}
+.rateButtonStarFull, .rateButtonStarEmpty {
+ background-image: url('icon/rating-stars.gif');
+}
+#menubar #mbIdentification fieldset div input[type="text"] {
+ margin: 0 0 3px;
+ width: 174px;
+ display: inline;
+}
+input[type="button"], input[type="submit"], input[type="reset"] {
+ color:#ff3363;
+ background-color:#222;
+ border-color:#ff3363;
+}
+input[type="button"]:hover, input[type="submit"]:hover, input[type="reset"]:hover {
+ color:#999;
+ border-color:#666;
+}
+.titrePage img.button[alt="x"] { margin: 0 3px 3px; }
+
+#thePicturePage .thumbnailCategory {
+ padding: 15px 2px 6px 12px;
+ border: 1px solid #666;
+}
+#thePicturePage .thumbnailCategory .date, #thePicturePage .thumbnailCategory .author {
+ font-weight:bold;
+}
+#thePicturePage .thumbnailCategories {
+ padding-left: 12px;
+ padding-right: 12px;
+}
+#thePicturePage .odd {
+ background-color: #222;
+ border-top:0 !important;
+}
+#addComment fieldset {
+ color: #f70;
+ border-color: #f70;
+}
+#addComment fieldset label {
+ color: #666;
+}
+#theCommentsPage .content ul.thumbnailCategories li,
+#theCommentsPage .content div.thumbnailCategory ,
+#theCommentsPage .content div.thumbnailCategory div.description,
+#theCommentsPage .content .thumbnailCategory div.illustration {
+ background-image: none;
+}
+#theCommentsPage .content div.thumbnailCategory {
+ padding: 15px 2px 6px 12px;
+ border: 1px solid #666;
+}
+#theCommentsPage .content .odd {
+ background-color: #222;
+ border-top:0 !important;
+}
+#theCommentsPage .content .even {
+ background-color: #111;
+}
+#theCommentsPage .content ul.thumbnailCategories li:hover {
+ background-color: transparent;
+}
+#theCommentsPage div#comments {
+ padding: 0 0 5px 10px;
+}
+tr.tagLine, fieldset.tagLetter, legend.tagLetterLegend {
+ border-color: #666666;
+}