aboutsummaryrefslogtreecommitdiffstats
path: root/template/yoga/theme/p0w0/theme.css
diff options
context:
space:
mode:
authorvdigital <vdigital@piwigo.org>2007-02-04 18:42:37 +0000
committervdigital <vdigital@piwigo.org>2007-02-04 18:42:37 +0000
commitce3bcbc353ba8b1d221898a4ae076c067dddd772 (patch)
treea087fa663f457ba3be85b4d9946c1136f7d53b24 /template/yoga/theme/p0w0/theme.css
parentcb58bff46e411871362f1c42f4d9b51f2ff999bb (diff)
1 - A new trigger point in include/page_header.php
2 - Previous version of p0w0 is replaced by a close version to the phpwebgallery.net web site. git-svn-id: http://piwigo.org/svn/trunk@1778 68402e56-0260-453c-a942-63ccdbb3a9ee
Diffstat (limited to 'template/yoga/theme/p0w0/theme.css')
-rw-r--r--template/yoga/theme/p0w0/theme.css515
1 files changed, 250 insertions, 265 deletions
diff --git a/template/yoga/theme/p0w0/theme.css b/template/yoga/theme/p0w0/theme.css
index d5bb1b74d..5edf2059b 100644
--- a/template/yoga/theme/p0w0/theme.css
+++ b/template/yoga/theme/p0w0/theme.css
@@ -1,265 +1,250 @@
-/* $Id: theme.css 1677 2006-12-21 21:38:20Z rub $ */
-
-/* text color */
-BODY, H1, H3, DT,
-INPUT.rateButtonSelected /* <= why IE doesn't inherit this ? */ {
- color:#69c;
-}
-#menubar {
- margin : 0px;
- background-color: transparent;
- border: 0px;
-}
-H2, .throw {
- color: #69c;
-}
-#menubar DT, #menubar DT A {
- color: #69c;
- font-weight: lighter;
-}
-#menubar DT A:hover {
- color: #f92;
- font-weight: lighter;
-}
-#menubar .selected A {
- color: #69c;
-}
-#menubar .selected A:hover {
- color: #f92;
-}
-#menubar DT:before {
- content: "__\\_ ";
- color: #f92;
-}
-#menubar DT:after {
- content: " _/__";
- color: #69c;
-}
-#theAdminPage #menubar DT:before,
-#theAdminPage #menubar DT:after {
- content: '';
-}
-#content .navigationBar {
- color: #666;
-}
-#content .pageNumberSelected {
- color: #f92;
-}
-#content .infos {
- background-color: #69c;
- color: #036;
-}
-#content .errors {
- background-color: #fc5;
- border-color: #f92;
- color: #900;
-}
-/* backgrounds */
-
-
-BODY {
- background: #ddd;
- margin: 0px;
- padding: 0px;
-}
-H3, #imageHeaderBar, #imageToolBar A:hover, .row1 {
- background-color: #fff;
-}
-
-#theAdminPage #the_page {
- background-color: #fff;
-}
-#imageToolBar, .header_notes {
- background-color: #fff;
-}
-A {
- border-color: #69c;
-}
-A:hover {
- border-color: #f92;
-}
-
-#content, DIV.content {
- /* All div similar to #content can be classified as content */
-
- background-color: #eee;
- border: 1px solid #69c;
- padding: 5px;
-}
-H2, #menubar DT, .throw, TD H3, #theAdminPage H3 {
- background-image: url(images/tableh1_bg.png);
-}
-#content H2 {
- background: none;
- border: 0px;
- letter-spacing: -0.05em;
- text-indent: 1em;
- text-transform: uppercase;
- font-weight: normal;
- margin-bottom: 20px;
-}
-#content H3 {
- text-indent: 3em
-}
-.browsePath A {
- color: #999;
-}
-#content H2:before, .browsePath:before, .imageNumber:before,
-#imageHeaderBar H2:before {
- content: "____\\_ ";
- color: #f92;
- font-family: Times, Zapf-Chancery, Cottonwood, Helvetica;
- letter-spacing: 0em;
-}
-#content H2:after, .browsePath:after, .imageNumber:after,
-#imageHeaderBar H2:after {
- content: " _/____";
- color: #69c;
- 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: #fff;
-}
-#thePicturePage #imageHeaderBar {
- background-image: url(images/tableh2_bg.png);
- background-repeat: repeat-x;
-}
-#thePicturePage #imageToolBar {
- background-color: #fff;
- border-bottom: 2px solid #f92;
-}
-#thePicturePage #theImage {
- background-color: #fff;
- margin: 0px;
- padding: 3px 0px 15px 0px;
-}
-
-#thePicturePage #comments H2 {
- background-image: none;
- background-color: #ddd;
- border-top: 2px solid #f92;
- border-bottom: 2px solid #f92;
- color: #f92;
- font-weight: lighter;
-}
-
-/* borders */
-#comments DIV.comment BLOCKQUOTE {
- border: 1px solid #fff;
-}
-#imageHeaderBar {
- border-top: 1px solid #fff;
-}
-H2, #imageToolBar {
- border-bottom: 1px solid #fff;
-}
-
-#theImage IMG {
- border-color: #111;
-}
-
-#content UL.thumbnail IMG {
- border: 1px solid #666;
-}
-.illustration A {
- border: 0px;
-}
-FIELDSET, INPUT, SELECT, TEXTAREA,
-#content DIV.comment A.illustration IMG, #infos,
-#content DIV.thumbnailCategory {
- border: 1px solid gray;
-}
-#content DIV.thumbnailCategory {
- border: 1px solid #69c;
- margin: 8px 4px;
-}
-#content DIV.thumbnailCategory:hover {
- border: 1px solid #f92;
- background-color: #fff;
-}
-#comments DIV.comment BLOCKQUOTE {
- border-left: 2px solid #969696;
-}
-
-#content UL.thumbnails SPAN.wrap2 {
- border: 1px solid #69c; /* thumbnails border color and style */
- -moz-border-radius: 4px; /* round corners with Geko */
- border-radius: 4px 4px; /* round corners with CSS3 compliant browsers */
-}
-#content UL.thumbnails SPAN.wrap2:hover {
- border-color: #f92; /* thumbnails border color when mouse cursor is over it */
- background-color: #fff;
-}
-#menubar .buttonmenu {
- margin: 0 2px;
- width: auto;
- padding: 0;
- text-indent: 0;
- list-style: none;
- text-align: center;
- float: left;
-}
-/* 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;
-}
-/* others */
-.pleaseNote {
- background: #9c9c9c;
- color: #ffff99;
- padding: 1ex;
- font-weight: bold;
-}
-#the_page {
- border: 1px dotted #69c;
- padding-top: 5px;
- padding-bottom:30px;
- text-align:center;
- display:block;
- margin: 2px;
-}
-#copyright {
- color: #69c;
-}
-/*calendar elements*/
-SPAN.calItemEmpty { color: silver; }
-
-SPAN.calItem, SPAN.calItemEmpty
-{
- border: 1px solid gray;
-}
-label {
- cursor:pointer
-}
-input#qsearchInput {
- color: #36f; background-color: #cef;
-}
-.zero { display: none }
-.one { }
-.2nmore { }
-
-/* nice looking month calendar*/
-TD.calDayCellEmpty, TD.calDayCellFull { border: 1px solid gray;}
-
-TD.calDayCellEmpty { color: silver; }
-
-.calBackDate { color: #000; }
-.calForeDate { color: #fff; }
-.virtual_cat { background: #fff !important; }
+/* $Id: theme.css 1677 2006-12-21 21:38:20Z rub $ */
+
+/**
+ * Color scheme (Remember #6699cc = #69c)
+ * #000000 #336699 #4477aa #6699cc (Black -> Blues)
+ * #cc6600 #ff9933 (Oranges)
+ * #cccccc
+ * #ccddee #dfe8ff #eeeeff #ffffff (Light colors -> White)
+ * */
+/**
+ * Logic
+ * - Texts
+ * - Backgrounds
+ * - Borders, Margins, Padding
+ * - Visibility / Display
+ */
+
+/******************************************************************************/
+/* Texts Only */
+BODY, H1, H3, DT, H2, .throw,
+#copyright,
+#menubar .selected A { color: #69c; }
+H2, #menubar DT, .throw, TD H3, #theAdminPage H3, .calForeDate {
+ color: #fff;
+}
+#menubar DT, #menubar DT A {
+ color: #fff;
+ font-weight: bold;
+}
+#content .titrePage .categoryActions li { color: #cde;}
+#menubar DT A:hover {
+ color: #f92;
+ font-weight: bold;
+}
+#menubar .selected A:hover,
+#content .pageNumberSelected,
+A, INPUT.rateButton, legend { color: #369; }
+A:hover { color: #f92; }
+INPUT.rateButtonSelected /* <= why IE doesn't inherit this ? */ {
+ color:#69c;
+}
+.infoTable,
+#theAdminPage #content,
+#content .navigationBar,
+input#qsearchInput { color: #369; }
+#content .infos { color: #036; }
+#content .errors { color: #900; }
+#content .titrePage H2 A { color: #dfe8ff; }
+input.rateButtonSelected,
+#content .titrePage H2 A:hover { color: #f92; }
+#content H2 {
+ letter-spacing: 0.01em;
+ text-indent: 1em;
+ font-weight: normal;
+}
+#content H3 {
+ text-indent: 3em
+}
+.browsePath, .imageNumber,
+#imageHeaderBar H2,
+.browsePath A {
+ color: #eef;
+ font-weight: bold;
+}
+.browsePath A:hover { color: #fff; }
+#content H2:before, .browsePath:before, .imageNumber:before,
+#imageHeaderBar H2:before {
+ content: "____ ";
+ font-weight: normal;
+ color: #fff;
+ font-family: sans-serif;
+ letter-spacing: 0em;
+}
+#content H2:after, .browsePath:after, .imageNumber:after,
+#imageHeaderBar H2:after {
+ content: " ____";
+ color: #fff;
+ font-family: sans-serif;
+ font-weight: normal;
+ letter-spacing: 0em;
+}
+#thePicturePage #comments H2 {
+ color: #69c;
+}
+#content ul.thumbnailCategories li div.thumbnailCategory .description p + p {
+ color: #369;
+}
+#theAdminPage h3 a,
+#content div.thumbnailCategory .description h3 a {
+ color: #fff;
+}
+#content div.thumbnailCategory .description h3 a:hover {
+ color: #f92;
+}
+.pleaseNote {
+ color: #ff9;
+ font-weight: bold;
+}
+TD.calDayCellEmpty,
+SPAN.calItemEmpty { color: silver; }
+.calBackDate { color: #000; }
+input[type="reset"],
+input[type="submit"] {
+ color: #fff;
+ font-weight: bold;
+}
+
+/******************************************************************************/
+/* Backgrounds Only */
+BODY { background: #cde; }
+.header_notes,
+#thePicturePage #the_page,
+#thePicturePage #theImage,
+#theAdminPage #the_page,
+#content, DIV.content { background-color: #dfe8ff; }
+#menubar, H3, #imageHeaderBar,
+.row1 { background-color: #eef; }
+H2, #menubar DT, .throw, TD H3,
+#imageToolBar,
+#imageHeaderBar, #imageHeaderBar H2,
+#theAdminPage H3 { background-color: #369; }
+#content H2 { background-color: #369; }
+#content .infos { background-color: #47a; }
+#content .errors { background-color: #fc5; }
+#thePicturePage #comments H2 {
+ background-color: #eef;
+}
+#content ul.thumbnailCategories li div.thumbnailCategory .description h3 {
+ background-color: #69c;
+}
+#content ul.thumbnailCategories li div.thumbnailCategory,
+#content UL.thumbnails SPAN.wrap2 { background-color: #eef; }
+#content ul.thumbnailCategories li div.thumbnailCategory:hover,
+#theImage IMG, .navThumb IMG,
+#content UL.thumbnails SPAN.wrap2:hover { background-color: #fff; }
+.pleaseNote {
+ background: #69c;
+}
+input#qsearchInput { background-color: #cde; }
+.virtual_cat { background: #fff !important; }
+input[type="reset"],
+input[type="submit"] {
+ background-color: #369;
+}
+/******************************************************************************/
+/* Borders, Margins, Padding Only */
+BODY { margin: 0px; padding: 0px; }
+#menubar {
+ margin : 0px 0px 0px 8px;
+ border: 0px;
+ text-decoration: none;
+ border: 1px solid #369;
+}
+A { border: 0px; text-decoration: none; }
+A:hover { text-decoration: none; border: 0px; }
+#content, DIV.content {
+ border: 1px solid #369;
+ padding: 0px;
+}
+#content H2 {
+ border: 0px;
+ margin-bottom: 20px;
+}
+#content .errors { border-color: #f92; }
+#imageHeaderBar H2 { border: 0px; }
+#thePicturePage #imageToolBar { padding: 0px 25px 5px 25px; }
+#thePicturePage #theImage {
+ margin: 0px;
+ padding: 3px 0px 15px 0px;
+}
+#thePicturePage #comments H2 {
+ border-top: 2px solid #69c;
+ border-bottom: 1px solid #369;
+}
+#comments DIV.comment BLOCKQUOTE {
+ border: 1px solid #fff;
+}
+H2, #imageToolBar {
+ border-bottom: 1px solid #fff;
+}
+.navThumb IMG { border: 1px solid #369; padding: 1px }
+#theImage IMG { border: 3px solid #369; margin: 2px auto; padding: 1px }
+#content UL.thumbnail IMG {
+ border: 1px solid #666;
+}
+.illustration A {
+ border: 0px;
+}
+FIELDSET, INPUT, SELECT, TEXTAREA,
+#content DIV.comment A.illustration IMG, #infos,
+#content DIV.thumbnailCategory {
+ border: 1px solid #69c;
+ background-color: #dfe8ff;
+ margin: 3px;
+}
+#content DIV.thumbnailCategory:hover {
+ border: 1px solid #f92;
+}
+#content UL.thumbnails SPAN.wrap2 {
+ border: 1px solid #69c; /* thumbnails border color and style */
+ -moz-border-radius: 4px; /* round corners with Geko */
+ border-radius: 4px 4px; /* round corners with CSS3 compliant browsers */
+}
+#content UL.thumbnails SPAN.wrap2:hover {
+ border-color: #f92; /* thumbnails border color when mouse cursor is over it */
+}
+A.navThumb, A.navThumb:hover,
+#imageToolBar A, #imageToolBar A:hover {
+ border-bottom: none;
+}
+#the_page {
+ border: 0px;
+ padding: 5px 0px 30px 0px;
+ margin: 0px;
+}
+.pleaseNote {
+ padding: 1ex;
+}
+SPAN.calItem, SPAN.calItemEmpty { border: 1px solid gray; }
+TD.calDayCellEmpty, TD.calDayCellFull { border: 1px solid gray;}
+input[type="reset"],
+input[type="submit"] {
+ border: 1px solid #eef;
+ padding: 5px 5px;
+}
+#addComment input[name="submit"] { padding: 5px 30px; }
+#theAdminPage #content table td { padding: 2px 8px; }
+input[type="text"], input[type="password"], input.button,
+input.submit, input.reset, input.file,
+select, textarea {
+ color: #369;
+ border: 1px solid #369;
+ background-color: #eeeeff;
+}
+
+input:focus, select:focus, textarea:focus /*, INPUT.focus, FORM .focus*/ {
+ background-color: #fff;
+}
+
+/******************************************************************************/
+/* Display, Visibility and others */
+label { cursor:pointer }
+.zero { display: none }
+.one { }
+.2nmore { }
+#the_page {
+ text-align:center;
+ display:block;
+}
+#content H2::after { content: leader(dotted) }