Changeset 2541

Timestamp:

Sep 16, 2008, 11:02:20 PM (16 years ago)

Author:

vdigital

Message:

CSS review including Advisor mode

Location:

trunk

Files:

• admin/template/goto/theme/roma/images/header_msgs-bg.gif (added)
• admin/template/goto/theme/roma/theme.css (modified) (6 diffs)
• plugins/admin_advices/admin_advices.tpl (modified) (1 diff)
• template/yoga/header.tpl (modified) (1 diff)
• template/yoga/theme/Sylvia/images/header_msgs-bg.gif (added)
• template/yoga/theme/Sylvia/theme.css (modified) (4 diffs)

trunk/admin/template/goto/theme/roma/theme.css

@@ -8 +8 @@
 input.rateButton, legend, #theAdminPage h3 { color: #777; }
 #theAdminPage h2 { color: #333; }
-
 .content .infos { color: #3f6; border:0; background-color: transparent;
 padding:5px 0px 0pt 10pt; min-height: 48px; text-align:left; }
@@ -16 +15 @@
 #copyright { color:#777; margin:60px auto 0px 240px; text-align:center; 
 padding-bottom: 15px; }
-.header_notes {
-background: transparent url(../../../../../template/yoga/icon/note.png) no-repeat right top;
+.header_notes { background: transparent url(../../icon/note.png) no-repeat right top;
 border:0; font-weight:bold; min-height: 48px;
 padding:15px 60px 0 0; position:absolute; right:0;
 text-align:right; top:90px; width:550px;  }
-
 html, body { min-height: 100%; }
 body { margin: 0; padding: 0;
@@ -35 +32 @@
 .row2 { background-color:#111; }
 #content { background: #222 url(images/fillet.png) repeat-x top left; min-height: 466px; }
-.content { padding:0px 5px 5px 5px; margin: 0 10px 0 248px; z-index:99; }
+.content { padding:5px 5px 5px 5px; margin: 0 10px 0 248px; z-index:99; }
 .content h3 { font-size:20px; letter-spacing:-0.4px; margin:0 20px 12px 0;
  text-align:right; background:none; border: 0; }
@@ -45 +42 @@
 .content dl, dd { margin:5px; }
 .content div.titrePage { height:55px; }
-.instructions { text-align: left; padding: 20px 20px 0 20px; }
+.instructions { height:450px; overflow:scroll; padding:0 20px 0; text-align:left; }
+.instructions { overflow-y:scroll; overflow-x:hidden; }
 .instructions  h3 { text-align: center; margin: 30px 0 0 0; }
 .throw, td h3 {
@@ -71 +69 @@
   font-size: 11px; font-weight: normal; letter-spacing: 0;
   color : #f36; text-decoration: none; border: 0; color: #f36; }
-
 * { outline-width: 0; }
 a { color:#f70; border-color: #FF3363; }
 a:hover { color: #f33; border-color: #FF3363; }
-
 h2 { display:block; font-size:28px; letter-spacing:-1px; 
 margin:0 20px; height:95px; overflow:hidden; padding:0; position:absolute; 
 right:0; text-align:right; top:0; width:770px; }
-.header_msgs { background-color:transparent; }
-.HelpActions a { border:0; margin:4px 14px 0 0; position:absolute; right:0; }
+.header_msgs { background:transparent url(images/header_msgs-bg.gif) repeat scroll right top;
+border:0; color:#333; font-size:24px; height:30px; left:0; margin:0; padding:10px 0 0; position:absolute;
+text-align:center; top:0; width:100%; z-index:99; }
+.HelpActions a { border:0; margin:-14px 14px 0 0; position:absolute; right:0; }
 .HelpActions li {list-style-image:none; list-style-position:outside; 
 list-style-type:none; text-align:center; text-indent:0pt; }
@@ -90 +88 @@
 list-style-image:none; padding: 0; position:relative; text-decoration:none;
 top:-2px; white-space:nowrap; margin: 0 28px 0 0;}
-.tabsheet li { float:left; margin: 0 8px; text-align:right; overflow: hidden; 
-background:transparent url(images/inactive_tab2.png) no-repeat scroll right 5px; }
+.tabsheet li { background:transparent url(images/inactive_tab2.png) no-repeat scroll right 0;
+float:left; margin:0 5px; overflow:hidden; text-align:right; }
 .tabsheet a { 
-background:transparent url(images/inactive_tab.png) no-repeat scroll left 5px;
+background:transparent url(images/inactive_tab.png) no-repeat scroll left 0px;
 color:#777; display:block; font-size:11px; text-transform:capitalize; border:0;
-font-weight:bold; height:28px; overflow:hidden; padding:12px 7px 5px 18px; line-height: 18px;
+font-weight:bold; height:28px; overflow:hidden; padding:7px 7px 5px 18px; line-height: 18px;
 text-align:right; text-decoration:none; margin: 0 4px 0 0; }
 .tabsheet li:hover, .tabsheet li.selected_tab  { 
-background:transparent url(images/active_tab2.png) no-repeat scroll right 5px; }
+background:transparent url(images/active_tab2.png) no-repeat scroll right 0px; }
 .tabsheet a:hover, .tabsheet li.selected_tab  a { color: #F36; 
-background:transparent url(images/active_tab.png) no-repeat scroll left 5px; }
-.tabsheet a span { background-color: #222; font-size: 10px; }
-
+background:transparent url(images/active_tab.png) no-repeat scroll left 0px; }
+.tabsheet a span { background-color:#222; display:block; font-size:10px; padding:0 3px; }
 #debug { margin-left:248px; font-size:12px; }
 /* menubar is on all admin pages => No specific css file */

trunk/plugins/admin_advices/admin_advices.tpl

@@ -18 +18 @@
            alt="{$thumbnail.IMAGE_ALT}" title="{$thumbnail.IMAGE_TITLE}"></a>
       </td><td style="text-align: left;">
-      <img src="{$themeconf.icon_dir}/{$thumbnail.NAME}check.png"
+      <img src="{$themeconf.admin_icon_dir}/{$thumbnail.NAME}check.png"
            alt="{$thumbnail.IMAGE_ALT}" title="{$thumbnail.IMAGE_TITLE}"> {'Name'|@translate}<br />
-      <img src="{$themeconf.icon_dir}/{$thumbnail.COMMENT}check.png"
+      <img src="{$themeconf.admin_icon_dir}/{$thumbnail.COMMENT}check.png"
            alt="{$thumbnail.IMAGE_ALT}" title="{$thumbnail.IMAGE_TITLE}"> {'Description'|@translate}<br />
-      <img src="{$themeconf.icon_dir}/{$thumbnail.AUTHOR}check.png"
+      <img src="{$themeconf.admin_icon_dir}/{$thumbnail.AUTHOR}check.png"
            alt="{$thumbnail.IMAGE_ALT}" title="{$thumbnail.IMAGE_TITLE}"> {'Author'|@translate}<br />
-      <img src="{$themeconf.icon_dir}/{$thumbnail.CREATE_DATE}check.png"
+      <img src="{$themeconf.admin_icon_dir}/{$thumbnail.CREATE_DATE}check.png"
            alt="{$thumbnail.IMAGE_ALT}" title="{$thumbnail.IMAGE_TITLE}"> {'Creation date'|@translate}<br />
-      <img src="{$themeconf.icon_dir}/{$thumbnail.METADATA}check.png"
+      <img src="{$themeconf.admin_icon_dir}/{$thumbnail.METADATA}check.png"
            alt="{$thumbnail.IMAGE_ALT}" title="{$thumbnail.IMAGE_TITLE}"> {'Metadata'|@translate}<br />
-      <img src="{$themeconf.icon_dir}/{$thumbnail.TAGS}check.png"
+      <img src="{$themeconf.admin_icon_dir}/{$thumbnail.TAGS}check.png"
            alt="{$thumbnail.IMAGE_ALT}" title="{$thumbnail.IMAGE_TITLE}"> {'Tags'|@translate} ({$thumbnail.NUM_TAGS})
     {/if}

trunk/template/yoga/header.tpl

@@ -62 +62 @@
 <div class="header_msgs">
         {foreach from=$header_msgs item=elt}
-        <p>{$elt}</p>
+        {$elt}<br />
         {/foreach}
 </div>

trunk/template/yoga/theme/Sylvia/theme.css

@@ -1 +1 @@
 /* $Id$ */
-
 .content div.thumbnailCategory div.illustration { width:190px !important; /* Usable range 162px-360px , optimal : Thumbnail width + 40px */ }
 .content div.thumbnailCategory { height: 180px !important; /* Usable range 172px-250px , optimal : Thumbnail height + 30px */ }
-
 /*  Sylvia Theme is close to the Roma Admin theme */
-
-BODY, H1, H3, DT,
-INPUT.rateButtonSelected { color:#d0d0d0; }
-
+BODY, H1, H3, DT, INPUT.rateButtonSelected { color:#ddd; }
 H2, #menubar DT { color: #666; }
-
-/* backgrounds */
-/* H3, */ #imageHeaderBar, #imageToolBar A:hover { background-color: transparent; }
-
-body {
-background:#111111 url(images/bottom-left-bg.jpg) no-repeat fixed left bottom;
+#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%; }
+#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%; }
 #mbIdentification p, .totalImages { color: #333; }
-.header_notes { background-color: #222; border: 1px solid #000; margin:0 7px -12px 290px; padding-top:0;}
+.header_msgs { background:transparent url(images/header_msgs-bg.gif) repeat scroll right 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 { border:0; color:#333; margin:0; padding:12px 44px 0 0; position:absolute;
+right:9px; top:48px; z-index:99; background-position: right top; }
 #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;}
+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; }
@@ -37 +29 @@
 #menubar LI { padding-left: 12px; }
 #menubar A, .menuInfoCat { font-size: 13px; }
-#menubar form { background:transparent url(images/menuBox_sides.gif) repeat-y scroll left bottom;
-margin:0; }
+#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; }
@@ -51 +42 @@
 #menubar #mbIdentification fieldset { border:0; margin:0 24px 0 23px; }
 #menubar #mbIdentification legend { display: none; }
-#content { background:#222 url(images/fillet.gif) repeat-x scroll left top;
-min-height:466px; }
-/* borders */
-.content { border: 1px solid #000000; border-top: 0; margin:21px 7px 0 290px; padding-top:7px; }
+#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;}
 #content ul.thumbnailCategories li {
-background:#222 url(images/cat_bottom-right.gif) no-repeat scroll right bottom; 
-width:49%; margin: 0; padding:0; }
+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; }
@@ -67 +55 @@
 margin:0; padding:15px 0 0 0; }
 #content .thumbnailCategory div.description p { overvflow: hidden; }
-
 #content.content .thumbnailCategory div.description H3 { display: block; margin: 0; }
 #content ul.thumbnailCategories li:hover { background-color:#111; } 
 #imageHeaderBar .imageNumber { margin-right:170px; }
 #imageHeaderBar .browsePath { margin-left:125px; }
-H2, #imageToolBar {
-        border-bottom: 1px solid #000000;
-}
-
-FIELDSET, INPUT, SELECT, TEXTAREA {
-        border: 1px solid gray;
-}
-
+H2 { border-bottom: 1px solid #000000; }
+FIELDSET, INPUT, SELECT, TEXTAREA {     border: 1px solid #666; }
 .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 {
-        background-color: #faebd7;
-        border:1px solid #ff3363;       /* thumbnails border color when mouse cursor is over it */
-        color: black;
-}
-
-
-/* links */
-A, INPUT.rateButton {
-        color: #f70; outline: none;
-        border: none;
-}
-
-A:hover, A:active {
-        color: #f33; border: 0; outline: none;
-}
-
-.virtual_cat { background: #3f3f3f; }
+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 */ }
+A, INPUT.rateButton { color: #f70; outline: none; border: none;}
+A:hover, A:active { color: #f33; border: 0; outline: none; }