2005-08-18 19:28:29 +00:00
|
|
|
/* $Id$ */
|
|
|
|
#content {
|
|
|
|
margin-right: 1em;
|
|
|
|
margin-bottom: 1em; /* when it's longer than menu bar */
|
|
|
|
}
|
|
|
|
|
- new : HTML BODY identifier to let CSS stylesheets manage specific
behaviour.
- deletion : admin/search useless
- improvement : in admin/user_list, special behaviour for true/false fields
(expand, show_comments)
- new : gallery_title and gallery_description are displayed at the top of
each page.
- improvement : simplification in HTML for categories menu.
- improvement : standardization of presentation in all public pages
(identification, registration, search, profile, notification, comments,
etc.)
(not in ChangeLog, below this line)
- add forgotten notification.php (should have been added in a previous
commit)
- [template cclear] deletion of useless class .bouton
- [template cclear] for test purpose, new presentation of register page
(using FORM.filter)
- [template cclear] adaptation of admin/group_list from template default
- [template cclear] deletion of obsolete admin/infos_images
- [template cclear] deletion of obsolete admin/search_username
- [template cclear] new icon register.png
git-svn-id: http://piwigo.org/svn/trunk@850 68402e56-0260-453c-a942-63ccdbb3a9ee
2005-08-25 22:43:47 +00:00
|
|
|
BODY#theCommentsPage #content,
|
|
|
|
BODY#theRegisterPage #content,
|
|
|
|
BODY#theIdentificationPage #content,
|
|
|
|
BODY#theProfilePage #content,
|
|
|
|
BODY#theSearchPage #content,
|
|
|
|
BODY#theAboutPage #content,
|
2005-09-03 16:36:05 +00:00
|
|
|
BODY#thePopuphelpPage #content,
|
2005-09-18 00:29:49 +00:00
|
|
|
BODY#thePasswordPage #content,
|
2006-04-01 09:42:55 +00:00
|
|
|
BODY#theNotificationPage #content,
|
2006-04-02 22:26:19 +00:00
|
|
|
BODY#theTagsPage #content,
|
2006-04-01 09:42:55 +00:00
|
|
|
BODY#theNBMPage #content
|
- new : HTML BODY identifier to let CSS stylesheets manage specific
behaviour.
- deletion : admin/search useless
- improvement : in admin/user_list, special behaviour for true/false fields
(expand, show_comments)
- new : gallery_title and gallery_description are displayed at the top of
each page.
- improvement : simplification in HTML for categories menu.
- improvement : standardization of presentation in all public pages
(identification, registration, search, profile, notification, comments,
etc.)
(not in ChangeLog, below this line)
- add forgotten notification.php (should have been added in a previous
commit)
- [template cclear] deletion of useless class .bouton
- [template cclear] for test purpose, new presentation of register page
(using FORM.filter)
- [template cclear] adaptation of admin/group_list from template default
- [template cclear] deletion of obsolete admin/infos_images
- [template cclear] deletion of obsolete admin/search_username
- [template cclear] new icon register.png
git-svn-id: http://piwigo.org/svn/trunk@850 68402e56-0260-453c-a942-63ccdbb3a9ee
2005-08-25 22:43:47 +00:00
|
|
|
{
|
2005-08-21 21:23:17 +00:00
|
|
|
margin: 1em;
|
|
|
|
}
|
|
|
|
|
2006-03-08 03:22:25 +00:00
|
|
|
#content H3 {
|
2005-08-18 19:28:29 +00:00
|
|
|
margin-bottom: 1ex;
|
|
|
|
}
|
|
|
|
|
2006-03-08 03:22:25 +00:00
|
|
|
#content H2 { margin-bottom: 3px;} /*<- for IE otherwise calendar select is displaced to middle of page*/
|
|
|
|
|
2005-08-18 19:28:29 +00:00
|
|
|
#content H3 {
|
2005-12-03 17:33:38 +00:00
|
|
|
text-align: center;
|
2005-08-18 19:28:29 +00:00
|
|
|
}
|
|
|
|
|
2005-11-19 23:46:18 +00:00
|
|
|
/* Thumbnails customization */
|
|
|
|
#content UL.thumbnails SPAN.thumbLegend {
|
|
|
|
font-size: 80%; /* font size */
|
|
|
|
height: 3em; /* max legend height (don't set auto to be Geko friendly)*/
|
|
|
|
overflow: hidden; /* oversized legend is clipped */
|
|
|
|
}
|
2005-10-15 19:26:12 +00:00
|
|
|
|
2005-11-19 23:46:18 +00:00
|
|
|
/* Thumbnail "elastic" layout */
|
2005-08-18 19:28:29 +00:00
|
|
|
#content UL.thumbnails {
|
2005-08-29 18:14:27 +00:00
|
|
|
margin: 0;
|
|
|
|
padding: 0;
|
|
|
|
list-style: none;
|
|
|
|
text-align: center; /* to center the whole collection in #content */
|
|
|
|
}
|
|
|
|
#content UL.thumbnails LI { display: inline }
|
|
|
|
|
2005-11-19 23:46:18 +00:00
|
|
|
#content UL.thumbnails SPAN.wrap1 {
|
2005-08-29 18:14:27 +00:00
|
|
|
margin: 0 5px 5px 5px;
|
|
|
|
display: table-cell; display: inline-table; display: inline-block;
|
|
|
|
vertical-align: top; /* OK with Opera and IE6 not Geko */
|
|
|
|
text-align: center; /* to center the thumbnail and legend in Geko/Opera */
|
|
|
|
}
|
2005-11-19 23:46:18 +00:00
|
|
|
#content UL.thumbnails SPAN.wrap2 {
|
2005-08-29 18:14:27 +00:00
|
|
|
margin: 0; /* important reset the margins */
|
|
|
|
display: table-cell; /* block prevents vertical-align here */
|
|
|
|
vertical-align: middle; /* Ok with Opera and Geko not IE6 */
|
|
|
|
}
|
2005-11-19 23:46:18 +00:00
|
|
|
#content UL.thumbnails SPAN.wrap2 A {
|
|
|
|
display: block;
|
|
|
|
border-bottom: none;
|
2005-08-29 18:14:27 +00:00
|
|
|
}
|
|
|
|
#content UL.thumbnails IMG {
|
|
|
|
margin-bottom: -4px; /* why ??? something wrong with Geko and Opera ignored by IE6*/
|
|
|
|
}
|
|
|
|
|
|
|
|
/* fix IE with another layout */
|
2005-11-19 23:46:18 +00:00
|
|
|
* html #content UL.thumbnails SPAN.wrap2 {
|
|
|
|
display: block;
|
2005-08-29 18:14:27 +00:00
|
|
|
position: relative;
|
2005-11-19 23:46:18 +00:00
|
|
|
text-align: left;
|
2005-08-29 18:14:27 +00:00
|
|
|
}
|
2005-11-19 23:46:18 +00:00
|
|
|
* html #content UL.thumbnails SPAN.wrap2 A {
|
2005-08-29 18:14:27 +00:00
|
|
|
overflow: visible;
|
|
|
|
position: absolute;
|
|
|
|
top: 50%;
|
2005-11-19 23:46:18 +00:00
|
|
|
text-align: center;
|
2005-08-29 18:14:27 +00:00
|
|
|
}
|
2005-10-15 19:26:12 +00:00
|
|
|
* html #content UL.thumbnails IMG.thumbnail {
|
2005-08-29 18:14:27 +00:00
|
|
|
position: relative;
|
|
|
|
top: -50%;
|
2005-08-18 19:28:29 +00:00
|
|
|
}
|
|
|
|
|
|
|
|
#content .navigationBar, #content .additional_info {
|
|
|
|
margin: 10px 0;
|
|
|
|
text-align: center;
|
|
|
|
}
|
|
|
|
|
|
|
|
#content .pageNumberSelected {
|
|
|
|
font-style: italic;
|
|
|
|
}
|
|
|
|
|
|
|
|
#content .additional_info {
|
|
|
|
font-size: 110%;
|
|
|
|
}
|
|
|
|
|
|
|
|
#content FORM {
|
|
|
|
text-align: left;
|
|
|
|
}
|
|
|
|
|
2005-08-18 20:25:08 +00:00
|
|
|
/* content defaults */
|
2005-12-10 16:03:53 +00:00
|
|
|
#content DL, DD { margin: 10px; }
|
|
|
|
#content DT {
|
2005-08-18 20:25:08 +00:00
|
|
|
margin-bottom: 5px;
|
|
|
|
font-style: italic;
|
|
|
|
font-size: 110%;
|
|
|
|
}
|
|
|
|
|
2005-08-18 19:28:29 +00:00
|
|
|
/* actions */
|
2005-12-10 16:03:53 +00:00
|
|
|
UL.categoryActions {
|
2006-03-08 03:22:25 +00:00
|
|
|
margin: 0 2px;
|
2005-10-22 18:18:55 +00:00
|
|
|
width: auto;
|
2005-08-19 21:22:34 +00:00
|
|
|
padding: 0;
|
|
|
|
text-indent: 0;
|
2005-10-22 18:18:55 +00:00
|
|
|
list-style: none;
|
2005-10-31 13:51:52 +00:00
|
|
|
text-align: center;
|
2005-08-19 21:22:34 +00:00
|
|
|
}
|
|
|
|
|
2005-12-10 16:03:53 +00:00
|
|
|
#content DIV.titrePage UL.categoryActions {
|
2005-08-19 21:22:34 +00:00
|
|
|
float: right;
|
2005-10-24 17:45:19 +00:00
|
|
|
text-align: center;
|
2005-08-18 19:28:29 +00:00
|
|
|
}
|
|
|
|
|
2006-03-08 03:22:25 +00:00
|
|
|
#content DIV.titrePage {
|
|
|
|
padding: 0 0 3px;
|
|
|
|
}
|
|
|
|
|
2005-12-10 16:03:53 +00:00
|
|
|
#content UL.categoryActions LI {
|
2005-08-18 19:28:29 +00:00
|
|
|
display: inline;
|
|
|
|
}
|
|
|
|
|
2005-12-10 16:03:53 +00:00
|
|
|
#content UL.categoryActions A IMG, UL.categoryActions A {
|
2005-08-18 19:28:29 +00:00
|
|
|
border: none;
|
2006-02-01 02:46:26 +00:00
|
|
|
margin-bottom: -5px;
|
2005-08-18 19:28:29 +00:00
|
|
|
}
|
|
|
|
|
2005-08-21 21:23:17 +00:00
|
|
|
/* User comments */
|
|
|
|
|
2005-11-24 19:26:31 +00:00
|
|
|
#content DIV#comments {
|
|
|
|
padding-left: 5px;
|
|
|
|
padding-right: 5px;
|
|
|
|
-moz-box-sizing: padding-box;
|
|
|
|
}
|
2005-08-21 21:23:17 +00:00
|
|
|
#content DIV.comment {
|
2005-11-24 19:26:31 +00:00
|
|
|
margin: 0 0 0.5em 0;
|
|
|
|
padding: 0;
|
|
|
|
overflow: hidden; /* these 2 lines ensure the floating child is kept in the DIV */
|
|
|
|
width: 100%; /* don't ask why. It's a very usefull trick */
|
2005-08-21 21:23:17 +00:00
|
|
|
}
|
|
|
|
|
2005-11-24 19:26:31 +00:00
|
|
|
#content DIV.comment A.illustration {
|
2005-08-21 21:23:17 +00:00
|
|
|
display: block;
|
2005-11-24 19:26:31 +00:00
|
|
|
float: left;
|
|
|
|
margin: 0.5em 0 0 0.5em;
|
2005-08-21 21:23:17 +00:00
|
|
|
}
|
|
|
|
|
|
|
|
#content DIV.comment P.commentHeader {
|
|
|
|
text-align: right;
|
|
|
|
margin: 0.5em 0.5em 0 0;
|
|
|
|
}
|
|
|
|
|
|
|
|
#content DIV.comment UL.actions {
|
|
|
|
text-align: center;
|
|
|
|
margin: 0.2em;
|
|
|
|
}
|
|
|
|
|
|
|
|
#content DIV.comment BLOCKQUOTE {
|
2005-12-03 17:33:38 +00:00
|
|
|
margin-top: 1em;
|
2006-02-28 04:28:06 +00:00
|
|
|
margin-right: 0.5em;
|
|
|
|
margin-bottom: 150px;
|
2005-08-21 21:23:17 +00:00
|
|
|
padding: 0.5em;
|
|
|
|
}
|
- new : HTML BODY identifier to let CSS stylesheets manage specific
behaviour.
- deletion : admin/search useless
- improvement : in admin/user_list, special behaviour for true/false fields
(expand, show_comments)
- new : gallery_title and gallery_description are displayed at the top of
each page.
- improvement : simplification in HTML for categories menu.
- improvement : standardization of presentation in all public pages
(identification, registration, search, profile, notification, comments,
etc.)
(not in ChangeLog, below this line)
- add forgotten notification.php (should have been added in a previous
commit)
- [template cclear] deletion of useless class .bouton
- [template cclear] for test purpose, new presentation of register page
(using FORM.filter)
- [template cclear] adaptation of admin/group_list from template default
- [template cclear] deletion of obsolete admin/infos_images
- [template cclear] deletion of obsolete admin/search_username
- [template cclear] new icon register.png
git-svn-id: http://piwigo.org/svn/trunk@850 68402e56-0260-453c-a942-63ccdbb3a9ee
2005-08-25 22:43:47 +00:00
|
|
|
|
- improvement: long localized messages are in HTML files instead of $lang
array. This is the case of admin/help and about pages.
- deletion: of unused functions (ts_to_mysqldt, is_image, TN_exists,
check_date_format, date_convert, get_category_directories,
get_used_metadata_list, array_remove, pwg_write_debug,
get_group_restrictions, get_all_group_restrictions, is_group_allowed,
style_select, deprecated_getAttribute).
- new: many new contextual help pages to replace descriptions previously
included in pages.
- modification: reorganisation of language files. Deletion of unused
language keys, alphabetical sort. No faq.lang.php anymore (replaced by
help.html). Only done for en_UK.iso-8859-1.
git-svn-id: http://piwigo.org/svn/trunk@862 68402e56-0260-453c-a942-63ccdbb3a9ee
2005-09-14 21:57:05 +00:00
|
|
|
/* should be in admin.css ? CSS properties also used in popuphelp */
|
|
|
|
|
|
|
|
SPAN.pwgScreen {
|
|
|
|
border-bottom: 1px dotted black;
|
|
|
|
}
|
|
|
|
|
|
|
|
SPAN.filename:before {
|
|
|
|
content: "[";
|
|
|
|
}
|
|
|
|
|
|
|
|
SPAN.filename:after {
|
|
|
|
content: "]";
|
|
|
|
}
|
2006-02-22 01:00:39 +00:00
|
|
|
|
2006-04-19 19:44:37 +00:00
|
|
|
TABLE.thumbnail {
|
|
|
|
margin-left: auto;
|
|
|
|
margin-right: auto;
|
|
|
|
}
|
|
|
|
TD.thumbnail label {
|
|
|
|
position: relative;
|
|
|
|
}
|
|
|
|
TD.thumbnail input {
|
|
|
|
position: absolute;
|
|
|
|
left: 0;
|
|
|
|
top: 0;
|
|
|
|
background: transparent;
|
|
|
|
border: none;
|
|
|
|
}
|
2006-02-22 01:00:39 +00:00
|
|
|
|
2006-03-01 04:33:52 +00:00
|
|
|
/* begin chronology/calendar elements*/
|
2006-02-22 01:00:39 +00:00
|
|
|
#content DIV.calendarViews {
|
2006-02-28 04:28:06 +00:00
|
|
|
display: block;
|
2006-03-03 01:57:39 +00:00
|
|
|
float: right;
|
2006-03-08 03:22:25 +00:00
|
|
|
margin: 2px 0 0;
|
2006-02-22 01:00:39 +00:00
|
|
|
}
|
|
|
|
|
2006-03-03 01:57:39 +00:00
|
|
|
#content DIV.calendarBar { margin: 8px 4px; }
|
2006-02-28 04:28:06 +00:00
|
|
|
|
2006-03-03 01:57:39 +00:00
|
|
|
SPAN.calItem, SPAN.calItemEmpty {
|
2006-02-22 01:00:39 +00:00
|
|
|
font-weight: bold;
|
2006-03-03 01:57:39 +00:00
|
|
|
margin: 0 1px;
|
2006-02-22 01:00:39 +00:00
|
|
|
}
|
|
|
|
|
2006-03-03 01:57:39 +00:00
|
|
|
SPAN.calItem A { border:0 }
|
2006-02-22 01:00:39 +00:00
|
|
|
|
2006-02-28 04:28:06 +00:00
|
|
|
#content DIV.calendarCalBar {
|
|
|
|
margin: 10px 10px;
|
2006-02-22 01:00:39 +00:00
|
|
|
text-align: left;
|
|
|
|
}
|
|
|
|
|
|
|
|
SPAN.calCalHead {
|
|
|
|
font-weight: bold;
|
|
|
|
font-size: 110%;
|
|
|
|
margin: 0 2px;
|
|
|
|
}
|
|
|
|
|
2006-03-03 01:57:39 +00:00
|
|
|
SPAN.calCal { margin: 0 2px; }
|
2006-02-22 01:00:39 +00:00
|
|
|
|
2006-03-01 04:33:52 +00:00
|
|
|
/* nice looking month calendar*/
|
2006-03-24 21:36:08 +00:00
|
|
|
TABLE.calMonth {
|
|
|
|
border: none;
|
|
|
|
border-collapse: collapse;
|
|
|
|
margin-bottom: 10px; /*<-IE ignores this */
|
|
|
|
}
|
2006-03-01 04:33:52 +00:00
|
|
|
|
2006-03-24 21:36:08 +00:00
|
|
|
TD.calDayCellFull, TD.calDayCellEmpty, TD.calDayCellBlank {
|
2006-03-01 04:33:52 +00:00
|
|
|
text-align:left;
|
|
|
|
vertical-align: top;
|
|
|
|
font: bold 18px Arial, Helvetica, sans-serif;
|
|
|
|
}
|
|
|
|
|
|
|
|
TD.calDayHead { font: bold 12px Arial, Helvetica, sans-serif; }
|
|
|
|
|
2006-03-24 21:36:08 +00:00
|
|
|
DIV.calImg {
|
2006-03-01 04:33:52 +00:00
|
|
|
overflow: hidden;
|
|
|
|
vertical-align: bottom;
|
|
|
|
z-index: 1;
|
|
|
|
position: relative; /*<- this required by IE*/
|
|
|
|
}
|
|
|
|
|
2006-03-24 21:36:08 +00:00
|
|
|
.calImg img {
|
2006-03-01 04:33:52 +00:00
|
|
|
position: relative;
|
|
|
|
border: 0;
|
|
|
|
}
|
|
|
|
|
|
|
|
.calBackDate {
|
|
|
|
padding-left: 4px;
|
|
|
|
padding-top: 0px;
|
|
|
|
z-index: 2;
|
|
|
|
position: absolute;
|
|
|
|
text-align: left;
|
|
|
|
vertical-align: top;
|
|
|
|
}
|
|
|
|
|
|
|
|
.calForeDate {
|
|
|
|
padding-left: 5px;
|
|
|
|
padding-top: 1px;
|
|
|
|
z-index: 3;
|
|
|
|
position: absolute;
|
|
|
|
text-align: left;
|
|
|
|
vertical-align: top;
|
|
|
|
}
|
2006-04-05 23:08:37 +00:00
|
|
|
|
|
|
|
/* Category thumbnails on main page, CSS code inspired from MOD subcatify */
|
|
|
|
#content UL.thumbnailCategories {
|
|
|
|
margin: 0;
|
|
|
|
padding: 0;
|
|
|
|
list-style: none;
|
|
|
|
text-align: center;
|
2006-04-09 10:53:14 +00:00
|
|
|
overflow: hidden;
|
|
|
|
width: 100%;
|
|
|
|
}
|
|
|
|
|
|
|
|
* html #content UL.thumbnailCategories {
|
|
|
|
width: 99%; /* buggy IE box model */
|
2006-04-05 23:08:37 +00:00
|
|
|
}
|
|
|
|
|
|
|
|
#content UL.thumbnailCategories LI {
|
|
|
|
margin:0;
|
|
|
|
padding:0;
|
|
|
|
float:left;
|
|
|
|
}
|
|
|
|
|
|
|
|
#content DIV.thumbnailCategory {
|
|
|
|
display:block;
|
2006-04-09 10:53:14 +00:00
|
|
|
padding: 2px 0px 0px 2px;
|
2006-04-05 23:08:37 +00:00
|
|
|
margin: 5px;
|
|
|
|
}
|
|
|
|
|
|
|
|
#content DIV.thumbnailCategory DIV.description {
|
|
|
|
font-size: 90%;
|
2006-04-09 10:53:14 +00:00
|
|
|
overflow: auto;
|
|
|
|
width: inherit;
|
2006-04-05 23:08:37 +00:00
|
|
|
}
|
|
|
|
|
|
|
|
#content DIV.thumbnailCategory DIV.description H3 {
|
|
|
|
text-align: left;
|
2006-04-09 10:53:14 +00:00
|
|
|
background: transparent;
|
2006-04-05 23:08:37 +00:00
|
|
|
margin: 0;
|
|
|
|
padding: 0.1em;
|
|
|
|
font-size: 120%;
|
|
|
|
}
|
|
|
|
|
|
|
|
#content DIV.thumbnailCategory DIV.description P {
|
|
|
|
margin: 0;
|
|
|
|
}
|
|
|
|
|
|
|
|
#content DIV.thumbnailCategory DIV.illustration {
|
|
|
|
text-align: left;
|
2006-04-09 10:53:14 +00:00
|
|
|
margin: 2px 0 2px 2px;
|
2006-04-05 23:08:37 +00:00
|
|
|
float: left;
|
|
|
|
}
|