CSS review including Advisor mode
git-svn-id: http://piwigo.org/svn/trunk@2541 68402e56-0260-453c-a942-63ccdbb3a9ee
This commit is contained in:
vdigital
parent
a1c4955e9b
commit
2b4b4defe6
6 changed files with 46 additions and 84 deletions
|
|
@ -61,7 +61,7 @@
|
|||
{if not empty($header_msgs)}
|
||||
<div class="header_msgs">
|
||||
{foreach from=$header_msgs item=elt}
|
||||
<p>{$elt}</p>
|
||||
{$elt}<br />
|
||||
{/foreach}
|
||||
</div>
|
||||
{/if}
|
||||
|
|
|
|||
BIN
template/yoga/theme/Sylvia/images/header_msgs-bg.gif
Normal file
BIN
template/yoga/theme/Sylvia/images/header_msgs-bg.gif
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 44 B |
|
|
@ -1,30 +1,22 @@
|
|||
/* $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; }
|
||||
#menubar DD { background:transparent url(images/menuBox_bottom.gif) no-repeat scroll left bottom;
|
||||
|
|
@ -36,8 +28,7 @@ margin:0; }
|
|||
#menubar UL { color: #333; font-size: 16px; line-height: 13px; }
|
||||
#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; }
|
||||
#menubar #mbIdentification UL, #menubar #mbIdentification p,
|
||||
|
|
@ -50,14 +41,11 @@ margin:0; }
|
|||
#menubar #mbIdentification .button { height:24px; right:0px; top:0px; }
|
||||
#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; }
|
||||
#content .thumbnailCategory div.illustration { background:transparent url(images/cat_top-left.gif) no-repeat scroll left top;
|
||||
|
|
@ -66,39 +54,16 @@ padding: 0 0 0 10px; margin: 0; }
|
|||
#content .thumbnailCategory div.description { background:transparent url(images/cat_top-right.gif) no-repeat scroll right top;
|
||||
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; }
|
||||
Loading…
Add table
Add a link
Reference in a new issue