Small changes on mainpage to obtain W3C conformity

git-svn-id: http://piwigo.org/svn/trunk@1771 68402e56-0260-453c-a942-63ccdbb3a9ee
This commit is contained in:
vdigital 2007-01-30 21:48:09 +00:00
parent 70bffc591e
commit cc5e8de15b
5 changed files with 47 additions and 12 deletions

View file

@ -17,7 +17,7 @@
{categories.category.ICON}
</h3>
<p>{categories.category.CAPTION_NB_IMAGES}</p>
<p>{categories.category.DESCRIPTION}</p>
<p>{categories.category.DESCRIPTION}&nbsp;</p> <!-- &nbsp; to avoid a HTML warning -->
</div>
</div>
</li>

View file

@ -12,14 +12,14 @@
margin: 0; padding: 0; display: block;
}
#menubar .buttonmenu {
#menubar .button {
margin: 0 2px;
width: auto;
padding: 0;
text-indent: 0;
list-style: none;
text-align: center;
float: right;
float: left;
}
/* H2 properties copied here */
@ -133,6 +133,9 @@ FORM#quicksearch {
margin-top: 4px;
margin-bottom: 1px;
}
input#qsearchInput {
width: 90%;
}
#menubar #menuTagCloud {
text-align: center;

View file

@ -22,13 +22,13 @@
</dd>
</dl>
<!-- END links -->
<dl id="mbCategories">
<!-- BEGIN start_filter -->
<a href="{start_filter.URL}" title="{lang:start_filter_hint}" rel="nofollow"><img src="{pwg_root}{themeconf:icon_dir}/start_filter.png" class="buttonmenu" alt="{lang:start_filter_hint}"></a>
<a href="{start_filter.URL}" title="{lang:start_filter_hint}" rel="nofollow"><img src="{pwg_root}{themeconf:icon_dir}/start_filter.png" class="button" alt="{lang:start_filter_hint}"></a>
<!-- END start_filter -->
<!-- BEGIN stop_filter -->
<a href="{stop_filter.URL}" title="{lang:stop_filter_hint}"><img src="{pwg_root}{themeconf:icon_dir}/stop_filter.png" class="buttonmenu" alt="{lang:stop_filter_hint}"></a>
<a href="{stop_filter.URL}" title="{lang:stop_filter_hint}"><img src="{pwg_root}{themeconf:icon_dir}/stop_filter.png" class="button" alt="{lang:stop_filter_hint}"></a>
<!-- END stop_filter -->
<dl id="mbCategories">
<dt><a href="{U_HOME}">{lang:Categories}</a></dt>
<dd>
{MENU_CATEGORIES_CONTENT}
@ -67,12 +67,14 @@
<dl id="mbMenu">
<dt>{lang:title_menu}</dt>
<dd>
<ul>
<!-- BEGIN summary -->
<!-- BEGIN quick_search -->
<form action="{pwg_root}qsearch.php" method="get" id="quicksearch"><input type="text" name="q" id="qsearchInput" onfocus="if (value==qsearch_prompt) value='';" onblur="if (value=='') value=qsearch_prompt;"></form>
<script type="text/javascript">var qsearch_prompt="{lang:search}"; document.getElementById('qsearchInput').value=qsearch_prompt;</script>
<!-- END quick_search -->
<!-- END summary -->
<ul>
<!-- BEGIN summary -->
<li><a href="{summary.U_SUMMARY}" title="{summary.TITLE}" {summary.REL}>{summary.NAME}</a></li>
<!-- END summary -->
<!-- BEGIN upload -->

View file

@ -248,7 +248,9 @@ SPAN.calItem, SPAN.calItemEmpty
label {
cursor:pointer
}
input#qsearchInput {
color: #36f; background-color: #cef;
}
.zero { display: none }
.one { }
.2nmore { }

View file

@ -18,7 +18,7 @@ H2, .throw {
font-weight: lighter;
}
#menubar DT A:hover {
color: #111;
color: #69c;
font-weight: lighter;
}
#menubar .selected A {
@ -185,6 +185,7 @@ FIELDSET, INPUT, SELECT, TEXTAREA,
}
#content UL.thumbnails SPAN.wrap2:hover {
border-color: #69c; /* thumbnails border color when mouse cursor is over it */
background-color: #080808;
}
#menubar .buttonmenu {
margin: 0 2px;
@ -238,10 +239,37 @@ SPAN.calItem, SPAN.calItemEmpty
label {
cursor:pointer
}
input#qsearchInput {
color: #58c;
background-color: #222;
border: 1px solid #333;
padding: 1px 3px;
}
.zero { display: none }
.one { }
.2nmore { }
.one { background: transparent; }
.2nmore { background: transparent; }
.nb-hits { color: #69c; }
.nb-comments { color: #f92; }
FORM#quickconnect,
FORM#quickconnect FIELDSET,
FORM#quickconnect P,
FORM#quickconnect UL.actions,
FORM#quickconnect FIELDSET>UL.actions,
FORM#quickconnect UL.actions,
FORM#quickconnect P,
FORM#quickconnect LABEL {
color: #69c;
}
FORM#quickconnect P INPUT,
FORM#quickconnect INPUT[type=text],
FORM#quickconnect INPUT[type=password] {
width: 85%;
color: #58c;
background-color: #222;
border: 1px solid #333;
padding: 1px 3px;
}
/* nice looking month calendar*/
TD.calDayCellEmpty, TD.calDayCellFull { border: 1px solid gray;}