archive/piwigo
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

merge r10640 from trunk

Browse source 
git-svn-id: http://piwigo.org/svn/branches/2.2@10642 68402e56-0260-453c-a942-63ccdbb3a9ee
This commit is contained in:
mistic100 2011-04-27 17:04:15 +00:00
parent 5405ce3af7
commit 619be51edf
1 changed files with 223 additions and 198 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

421
themes/Sylvia/theme.css
View file

@ -1,68 +1,14 @@
/* thumbnail wrap size */
.content .thumbnailCategory div.illustration { .content .thumbnailCategory div.illustration {
width:165px !important; /* Usable range 162px-360px , optimal : Thumbnail width + 40px */ width:165px !important; /* Usable range 162px-360px , optimal : Thumbnail width + 40px */
} }
#comments .thumbnailCategory div.illustration { #comments .thumbnailCategory div.illustration {
width:220px !important; /* Usable range 219px-360px , optimal : Thumbnail width + 95px */ width:220px !important; /* Usable range 219px-360px , optimal : Thumbnail width + 95px */
} }
#comments .thumbnailCategories hr {display:none;}
#comments .filter input[type="submit"] { margin-top:1.8em; } /**
/* Sylvia Theme is close to the Roma Admin theme */ * Menubar
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:#666;
}
.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;
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 { #menubar DL {
background:transparent url(images/menuBox_top.gif) no-repeat scroll left top; background:transparent url(images/menuBox_top.gif) no-repeat scroll left top;
margin:0 0 5px 40px; margin:0 0 5px 40px;
@ -73,9 +19,6 @@ BODY {
min-height: 32px; min-height: 32px;
overflow-x: hidden; overflow-x: hidden;
} }
#imageHeaderBar H2 {
border: 0;
}
#menubar DT { #menubar DT {
background-color:#111; background-color:#111;
border:0; border:0;
@ -125,7 +68,18 @@ BODY {
background:transparent url(images/menuBox_sides.gif) repeat-y scroll left bottom; background:transparent url(images/menuBox_sides.gif) repeat-y scroll left bottom;
margin:0; margin:0;
} }
#menubar DL#mbIdentification { #menubar p {
padding: 16px 16px 0;
}
#menubar .button {
position:relative;
right:9px;
top:16px;
height:16px;
width:16px;
}
#menubar #mbIdentification {
background:transparent url(images/menuId_top.gif) no-repeat scroll left top !important; background:transparent url(images/menuId_top.gif) no-repeat scroll left top !important;
} }
#menubar #mbIdentification DD { #menubar #mbIdentification DD {
@ -144,15 +98,10 @@ BODY {
padding: 2px 16px 0; padding: 2px 16px 0;
margin: 0; margin: 0;
} }
#menubar p { #menubar #mbIdentification fieldset div input[type="text"] {
padding: 16px 16px 0; margin: 0 0 3px;
} width: 174px;
#menubar .button { display: inline;
position:relative;
right:9px;
top:16px;
height:16px;
width:16px;
} }
#menubar #mbIdentification .button { #menubar #mbIdentification .button {
height:24px; height:24px;
@ -167,31 +116,62 @@ BODY {
#menubar #mbIdentification legend { #menubar #mbIdentification legend {
display: none; display: none;
} }
#menubar #menuTagCloud { #mbIdentification p, .totalImages {
margin: 0; color:#666;
padding: 0 8px 0 16px;
} }
#menubar #menuTagCloud {
background:transparent url(images/menuBox_sides.gif) repeat-y scroll left bottom;
margin:0;
padding: 0 12px;
}
#qsearchInput:focus, input:focus, select:focus, textarea:focus, input.focus, form .focus {
background-color:#444;
color:#999;
}
#qsearchInput {
color:#999;
}
/**
* Content
*/
.content { .content {
background:#222 url(images/fillet.gif) repeat-x scroll left top; background:#222 url(images/fillet.gif) repeat-x scroll left top;
min-height:466px; min-height:466px;
} }
#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%;
}
#theCategoryPage .content { #theCategoryPage .content {
border: 1px solid #000; border: 1px solid #000;
border-top: 0; border-top: 0;
margin:21px 7px 0 290px !important; margin:21px 7px 0 290px !important;
padding-top:7px; padding-top:7px;
} }
.content h2 { .content h2 {
margin:0; margin:0;
padding:0px 10px 15px 15px; padding:0px 10px 15px 15px;
border:0; border:0;
} }
#menubar form { .content .navigationBar {
background:transparent url(images/menuBox_sides.gif) repeat-y scroll left bottom; color:#666;
margin:0;
} }
/* Category thumbnails on main page */
.content .thumbnailCategories li { .content .thumbnailCategories li {
background:#222 url(images/cat_bottom-right.gif) no-repeat scroll right bottom; background:#222 url(images/cat_bottom-right.gif) no-repeat scroll right bottom;
width:49%; width:49%;
@ -218,6 +198,7 @@ BODY {
margin: 0; margin: 0;
padding:15px 10px 3px 0; padding:15px 10px 3px 0;
overflow-x: hidden !important; overflow-x: hidden !important;
height:158px;
} }
.content .thumbnailCategory .description .text { .content .thumbnailCategory .description .text {
display:block; display:block;
@ -235,9 +216,38 @@ BODY {
} }
.content .thumbnailCategories li:hover { .content .thumbnailCategories li:hover {
background-color:#111; background-color:#111;
} }
.content .navigationBar {
color:#666; /* header */
#theHeader {
min-height:110px;
height:110px;
}
.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;
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;
} }
.infos { .infos {
color:#f70; color:#f70;
@ -248,9 +258,6 @@ BODY {
min-height: 48px; min-height: 48px;
text-align:left; text-align:left;
} }
.infos li, .errors li {
list-style-type:none;
}
.errors { .errors {
color:#f33; color:#f33;
border:0; border:0;
@ -261,17 +268,127 @@ BODY {
text-align:left; text-align:left;
font-weight:bold; font-weight:bold;
} }
#menubar #menuTagCloud { .infos li, .errors li {
background:transparent url(images/menuBox_sides.gif) repeat-y scroll left bottom; list-style-type:none;
}
/* User comments */
#theCommentsPage .content .thumbnailCategories li,
#theCommentsPage .content .thumbnailCategory ,
#theCommentsPage .content .thumbnailCategory .description,
#theCommentsPage .content .thumbnailCategory div.illustration {
background-image: none;
}
#theCommentsPage .content .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 .thumbnailCategories li:hover {
background-color: transparent;
}
#theCommentsPage #comments {
padding: 0 0 5px 10px;
}
#comments .thumbnailCategories hr {display:none;}
#comments .filter input[type="submit"] { margin-top:1.8em; }
/* Thumbnails */
.thumbnails .wrap2 {
border: 1px solid #666; /* thumbnails border color and style */
border-radius: 4px 4px; /* round corners with CSS3 compliant browsers */
}
.thumbnails .wrap2:hover {
color:#666;
background-color:#111;
border:1px solid #ff3363; /* thumbnails border color when mouse cursor is over it */
}
.calItem {
border:1px solid #666;
margin:0 5px;
padding:2px 5px 0 8px;
}
.calItemEmpty, td.calDayCellEmpty, td.calDayCellFull {
border:1px solid #666;
}
/**
* Picture
*/
#imageToolBar {
padding:0 7%;
}
#imageHeaderBar .imageNumber {
margin-right:7%;
}
#imageHeaderBar .browsePath {
margin-left:7%;
}
#imageHeaderBar, #imageToolBar A:hover {
background-color: transparent;
}
#imageHeaderBar H2 {
border: 0;
}
#theImage A, .illustration A, A.navThumb, A.navThumb {
border-bottom-width: 0;
}
.rateButtonStarFull, .rateButtonStarEmpty {
background-image: url('icon/rating-stars.gif');
}
#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;
}
/**
* Default Layout
*/
*, *:focus, *:active, input:active, a:active, input:focus, a:focus {
outline: none;
}
BODY {
background:#111 url(images/bottom-left-bg.jpg) no-repeat fixed left bottom;
margin:0; margin:0;
padding: 0 12px; min-height: 100%;
height: 100%;
padding:0;
} }
H2 { BODY, H1, H3, DT, INPUT.rateButtonSelected, H2, #menubar DT {
border-bottom: 1px solid #000000; color:#666;
}
#qsearchInput {
color:#999;
} }
/* forms */
FIELDSET, INPUT, SELECT, TEXTAREA { FIELDSET, INPUT, SELECT, TEXTAREA {
border: 1px solid #666; border: 1px solid #666;
} }
@ -290,27 +407,17 @@ INPUT, select, textarea {
input[type="radio"], input[type="checkbox"], input[type="button"].rateButtonStarEmpty, input[type="button"].rateButtonStarFull { input[type="radio"], input[type="checkbox"], input[type="button"].rateButtonStarEmpty, input[type="button"].rateButtonStarFull {
background-color: transparent; background-color: transparent;
} }
#qsearchInput:focus, input:focus, select:focus, textarea:focus, input.focus, form .focus { input[type="button"], input[type="submit"], input[type="reset"] {
background-color:#444; color:#ff3363;
background-color:#222;
border-color:#ff3363;
}
input[type="button"]:hover, input[type="submit"]:hover, input[type="reset"]:hover {
color:#999; color:#999;
border-color:#666;
} }
.thumbnails .wrap2 {
border: 1px solid #666; /* thumbnails border color and style */ /* links */
border-radius: 4px 4px; /* round corners with CSS3 compliant browsers */
}
.thumbnails .wrap2:hover {
color:#666;
background-color:#111;
border:1px solid #ff3363; /* thumbnails border color when mouse cursor is over it */
}
.calItem {
border:1px solid #666;
margin:0 5px;
padding:2px 5px 0 8px;
}
.calItemEmpty, td.calDayCellEmpty, td.calDayCellFull {
border:1px solid #666;
}
A, .rateButton { A, .rateButton {
color:#f70; color:#f70;
border-width: 0; border-width: 0;
@ -336,103 +443,21 @@ a.Piwigo {
a.Piwigo:hover { a.Piwigo:hover {
border-bottom: 1px solid #ff3363; border-bottom: 1px solid #ff3363;
} }
#theImage A, .illustration A, A.navThumb, A.navThumb {
border-bottom-width: 0; .titrePage img.button[alt="x"] { margin: 0 3px 3px; }
} tr.tagLine, fieldset.tagLetter, legend.tagLetterLegend {
#imageToolBar { border-color: #666;
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 { #debug {
margin: 15px 15px 5px 248px; margin: 15px 15px 5px 248px;
font-size:12px; font-size:12px;
clear: both; 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 .thumbnailCategories li,
#theCommentsPage .content .thumbnailCategory ,
#theCommentsPage .content .thumbnailCategory .description,
#theCommentsPage .content .thumbnailCategory div.illustration {
background-image: none;
}
#theCommentsPage .content .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 .thumbnailCategories li:hover {
background-color: transparent;
}
#theCommentsPage #comments {
padding: 0 0 5px 10px;
}
tr.tagLine, fieldset.tagLetter, legend.tagLetterLegend {
border-color: #666;
}
#the_page .content .thumbnailCategory .description {
height:158px;
}
/* sprites */
.pwg-icon { .pwg-icon {
background-image: url(../default/s26/outline_ff3363.png); background-image: url(../default/s26/outline_ff3363.png);
} }
A:hover .pwg-icon { A:hover .pwg-icon {
background-image: url(../default/s26/outline_ff7700.png); background-image: url(../default/s26/outline_ff7700.png);
} }