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

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) }