Some css changes to reach CSS3 Conformity (even not official)

(New): mozilla family hacks are all in a not-ie.css
(New): HTTP Upload has been moved (enhanced visibility).

git-svn-id: http://piwigo.org/svn/trunk@1832 68402e56-0260-453c-a942-63ccdbb3a9ee
This commit is contained in:
vdigital
2007-02-17 10:38:21 +00:00
parent 856f707fe6
commit 273ea4de5c
10 changed files with 31 additions and 10 deletions

View File

@@ -88,7 +88,6 @@ UL.categoryActions {
#content DIV#comments {
padding-left: 5px;
padding-right: 5px;
-moz-box-sizing: padding-box;
}
#content DIV.comment {
margin: 0 0 0.5em 0;

View File

@@ -37,6 +37,9 @@ the "text/nonsense" prevents gecko based browsers to load it -->
<!--[if gt IE 6]>
<link rel="stylesheet" type="text/css" href="{pwg_root}template/{themeconf:template}/fix-ie7.css">
<![endif]-->
<!--[if !IE]> <-->
<link rel="stylesheet" href="{pwg_root}template/{themeconf:template}/not-ie.css" type="text/css">
<!--> <![endif]-->
<link rel="stylesheet" type="text/css" media="print" href="{pwg_root}template/{themeconf:template}/print.css">
<link rel="stylesheet" type="text/css" href="{pwg_root}template/{themeconf:template}/default-colors.css">
<link rel="stylesheet" type="text/css" href="{pwg_root}template/{themeconf:template}/theme/{themeconf:theme}/theme.css">

View File

@@ -112,7 +112,6 @@ FORM#quickconnect LABEL {
FORM#quickconnect LABEL {
margin:0;
width: 100%;
-moz-box-sizing: padding-box; /* FIXME in a specific css file for FF */
box-sizing: border-box; /* CSS3 */
}

View File

@@ -32,8 +32,14 @@
<dt><a href="{U_CATEGORIES}">{lang:Categories}</a></dt>
<dd>
{MENU_CATEGORIES_CONTENT}
<!-- BEGIN upload -->
<ul><li>
<a href="{upload.U_UPLOAD}">{lang:upload_picture}</a>
</li></ul>
<!-- END upload -->
<p class="totalImages">{NB_PICTURE} {lang:total}</p>
</dd>
</dl>
<!-- BEGIN tags -->
@@ -81,9 +87,7 @@
<!-- BEGIN summary -->
<li><a href="{summary.U_SUMMARY}" title="{summary.TITLE}" {summary.REL}>{summary.NAME}</a></li>
<!-- END summary -->
<!-- BEGIN upload -->
<li><a href="{upload.U_UPLOAD}">{lang:upload_picture}</a></li>
<!-- END upload -->
</ul>
</dd>
</dl>

19
template/yoga/not-ie.css Normal file
View File

@@ -0,0 +1,19 @@
/* $Id$ */
/* All directives not supported by IE */
/* can be overiden in any theme but not hidden to IE */
#content UL.thumbnails SPAN.wrap2 {
-moz-border-radius: 4px; /* round corners with Geko */
}
#content DIV#comments {
padding-left: 5px;
padding-right: 5px;
-moz-box-sizing: padding-box !important;
}
FORM#quickconnect LABEL {
margin:0;
width: 100%;
-moz-box-sizing: padding-box !important;
box-sizing: border-box; /* CSS3 */
}

View File

@@ -46,7 +46,6 @@ FIELDSET, INPUT, SELECT, TEXTAREA,
#content UL.thumbnails SPAN.wrap2 {
border: 1px solid #aaaaaa; /* thumbnails border color and style */
-moz-border-radius: 4px; /* round corners with Geko */
border-radius: 4px 4px; /* round corners with CSS3 compliant browsers */
}

View File

@@ -79,7 +79,6 @@ FIELDSET, INPUT, SELECT, TEXTAREA,
#content UL.thumbnails SPAN.wrap2 {
border: 1px solid #aaaaaa; /* thumbnails border color and style */
-moz-border-radius: 4px; /* round corners with Geko */
border-radius: 4px 4px; /* round corners with CSS3 compliant browsers */
}

View File

@@ -213,7 +213,6 @@ FIELDSET, INPUT, SELECT, TEXTAREA,
}
#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 {

View File

@@ -189,7 +189,6 @@ FIELDSET, INPUT, SELECT, TEXTAREA,
#content UL.thumbnails SPAN.wrap2 {
border: 1px solid #aaaaaa; /* thumbnails border color and style */
-moz-border-radius: 4px; /* round corners with Geko */
border-radius: 4px 4px; /* round corners with CSS3 compliant browsers */
}

View File

@@ -17,7 +17,8 @@
#content UL.thumbnails SPAN.wrap1 {
margin: 0 5px 5px 5px;
display: table-cell; display: inline-table; display: inline-block;
display: table-cell; /* display: inline-table;
/* display: inline-block; /* Why 3 display option ??? */
vertical-align: top; /* OK with Opera and IE6 not Geko */
text-align: center; /* to center the thumbnail and legend in Geko/Opera */
}