several html + css layout changes (incomplete)
git-svn-id: http://yolanda.mister-muffin.de/svn@232 7eef14d0-6ed0-489d-bf55-20463b2d70db
This commit is contained in:
parent
357dcf431e
commit
cc83540aa2
5 changed files with 218 additions and 120 deletions
Binary file not shown.
Before Width: | Height: | Size: 12 KiB |
Binary file not shown.
Before Width: | Height: | Size: 5.5 KiB After Width: | Height: | Size: 5.5 KiB |
|
@ -6,13 +6,13 @@
|
||||||
<string id="separator"> | </string>
|
<string id="separator"> | </string>
|
||||||
|
|
||||||
<!-- header -->
|
<!-- header -->
|
||||||
<string id="login_to_upload">to upload videos, log in first.</string>
|
<string id="header_login-to-upload">to upload videos, log in first.</string>
|
||||||
|
|
||||||
<string id="register">register</string>
|
<string id="register">register</string>
|
||||||
<string id="login">login</string>
|
<string id="login">login</string>
|
||||||
<string id="login_openid">login with OpenID</string>
|
<string id="login_openid">login with OpenID</string>
|
||||||
|
|
||||||
<string id="upload_video">upload video</string>
|
<string id="header_upload-video">upload video</string>
|
||||||
<string id="settings_details">settings details</string>
|
<string id="settings_details">settings details</string>
|
||||||
|
|
||||||
<string id="logged_in_as">logged in as </string>
|
<string id="logged_in_as">logged in as </string>
|
||||||
|
|
|
@ -1,8 +1,43 @@
|
||||||
|
/*
|
||||||
|
Yolanda default stylesheet
|
||||||
|
(c) 2007-2008 Nils Dagsson Moskopp
|
||||||
|
*/
|
||||||
|
|
||||||
|
/* global default */
|
||||||
|
|
||||||
*
|
*
|
||||||
{
|
{
|
||||||
clear: both;
|
clear: both;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
|
body
|
||||||
|
{
|
||||||
|
font-family: sans-serif;
|
||||||
|
font-size: 8pt;
|
||||||
|
font-weight: bold;
|
||||||
|
margin: 1.5em;
|
||||||
|
min-height: 100%;
|
||||||
|
text-align: center;
|
||||||
|
}
|
||||||
|
|
||||||
|
div
|
||||||
|
{
|
||||||
|
border-width: 0px;
|
||||||
|
}
|
||||||
|
|
||||||
|
input
|
||||||
|
{
|
||||||
|
text-align: left;
|
||||||
|
}
|
||||||
|
|
||||||
|
img
|
||||||
|
{
|
||||||
|
border-width: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* links */
|
||||||
|
|
||||||
a
|
a
|
||||||
{
|
{
|
||||||
color: #3f3fff;
|
color: #3f3fff;
|
||||||
|
@ -26,21 +61,102 @@ a
|
||||||
margin-right: 0.25em;
|
margin-right: 0.25em;
|
||||||
}
|
}
|
||||||
|
|
||||||
body
|
/* header, footer */
|
||||||
|
|
||||||
|
a.footer,
|
||||||
|
a.header,
|
||||||
|
div.footer,
|
||||||
|
div.header
|
||||||
{
|
{
|
||||||
font-family: sans-serif;
|
background-color: #f0f0f0;
|
||||||
font-size: 8pt;
|
border-color: #f0f0f0;
|
||||||
font-weight: bold;
|
border-style: solid;
|
||||||
min-width: 550px;
|
clear: none;
|
||||||
margin: 2em;
|
font-size: 1em;
|
||||||
text-align: center;
|
line-height: 3em;
|
||||||
|
height: 3em;
|
||||||
}
|
}
|
||||||
|
|
||||||
div
|
a.footer,
|
||||||
|
a.header
|
||||||
{
|
{
|
||||||
border-width: 0px;
|
border-bottom-width: 0px;
|
||||||
|
border-top-width: 0px;
|
||||||
|
border-left-width: 1px;
|
||||||
|
border-right-width: 1px;
|
||||||
|
display: block;
|
||||||
|
padding-left: 1em;
|
||||||
|
padding-right: 1em;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
a.footer:hover,
|
||||||
|
a.header:hover
|
||||||
|
{
|
||||||
|
background-color: #ffffff;
|
||||||
|
border-color: #c0c0c0;
|
||||||
|
}
|
||||||
|
|
||||||
|
a.latest-additions,
|
||||||
|
a.view-license
|
||||||
|
{
|
||||||
|
border-left-width: 0px;
|
||||||
|
}
|
||||||
|
|
||||||
|
a.register,
|
||||||
|
a.upload-video,
|
||||||
|
a.view-xml
|
||||||
|
{
|
||||||
|
border-right-width: 0px;
|
||||||
|
}
|
||||||
|
|
||||||
|
a.latest-additions,
|
||||||
|
a.most-downloads,
|
||||||
|
a.most-views,
|
||||||
|
a.report-bug,
|
||||||
|
a.view-license,
|
||||||
|
a.view-source-code
|
||||||
|
{
|
||||||
|
float: left;
|
||||||
|
}
|
||||||
|
|
||||||
|
a.login,
|
||||||
|
a.login-openid,
|
||||||
|
a.logout,
|
||||||
|
a.preferences,
|
||||||
|
a.register,
|
||||||
|
a.upload-video,
|
||||||
|
a.view-xml
|
||||||
|
{
|
||||||
|
float: right;
|
||||||
|
}
|
||||||
|
|
||||||
|
div.footer,
|
||||||
|
div.header
|
||||||
|
{
|
||||||
|
border-color: #c0c0c0;
|
||||||
|
border-width: 1px;
|
||||||
|
}
|
||||||
|
|
||||||
|
div.footer
|
||||||
|
{
|
||||||
|
position: absolute;
|
||||||
|
bottom: 1.5em;
|
||||||
|
margin-right: 1.5em;
|
||||||
|
}
|
||||||
|
|
||||||
|
img.logo-header
|
||||||
|
{
|
||||||
|
display: none;
|
||||||
|
border: 1px black solid;
|
||||||
|
clear: none;
|
||||||
|
float: left;
|
||||||
|
margin-left: 1.5em;
|
||||||
|
margin-right: 0.5em;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* content */
|
||||||
|
|
||||||
|
|
||||||
div.button-download,
|
div.button-download,
|
||||||
div.button-edit,
|
div.button-edit,
|
||||||
div.button-junk
|
div.button-junk
|
||||||
|
@ -81,30 +197,6 @@ div
|
||||||
{
|
{
|
||||||
}
|
}
|
||||||
|
|
||||||
div.footer
|
|
||||||
{
|
|
||||||
line-height: 2.5em;
|
|
||||||
padding: 0.75em;
|
|
||||||
}
|
|
||||||
|
|
||||||
div.header1
|
|
||||||
{
|
|
||||||
color: #525252;
|
|
||||||
float: left;
|
|
||||||
text-align: left;
|
|
||||||
width: 50%;
|
|
||||||
vertical-align: bottom;
|
|
||||||
}
|
|
||||||
|
|
||||||
div.header2
|
|
||||||
{
|
|
||||||
clear: none;
|
|
||||||
float: right;
|
|
||||||
text-align: right;
|
|
||||||
width: 50%;
|
|
||||||
vertical-align: bottom;
|
|
||||||
}
|
|
||||||
|
|
||||||
div.messagebox
|
div.messagebox
|
||||||
{
|
{
|
||||||
border-color: #606060;
|
border-color: #606060;
|
||||||
|
@ -226,41 +318,11 @@ fieldset
|
||||||
border-width: 0px;
|
border-width: 0px;
|
||||||
}
|
}
|
||||||
|
|
||||||
hr
|
|
||||||
{
|
|
||||||
background-color: #c0c0c0;
|
|
||||||
position: relative;
|
|
||||||
top: 0.25em;
|
|
||||||
margin-bottom: 1.5em;
|
|
||||||
}
|
|
||||||
|
|
||||||
input
|
|
||||||
{
|
|
||||||
text-align: left;
|
|
||||||
}
|
|
||||||
|
|
||||||
img
|
|
||||||
{
|
|
||||||
border-width: 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
img.bka
|
|
||||||
{
|
|
||||||
bottom: 0px;
|
|
||||||
left: 0px;
|
|
||||||
position: fixed;
|
|
||||||
z-index: 1;
|
|
||||||
}
|
|
||||||
|
|
||||||
img.logo-big
|
img.logo-big
|
||||||
{
|
{
|
||||||
padding-bottom: 0.5em;
|
padding-bottom: 0.5em;
|
||||||
}
|
}
|
||||||
|
|
||||||
img.logo-small
|
|
||||||
{
|
|
||||||
}
|
|
||||||
|
|
||||||
img.openid-icon
|
img.openid-icon
|
||||||
{
|
{
|
||||||
padding-left: 0.2em;
|
padding-left: 0.2em;
|
||||||
|
|
|
@ -148,80 +148,109 @@
|
||||||
|
|
||||||
<body>
|
<body>
|
||||||
|
|
||||||
<!-- crime detection -->
|
|
||||||
<img class="bka" src="/images/bka.png" />
|
|
||||||
|
|
||||||
<xsl:if test="not(//@embed='true')">
|
<xsl:if test="not(//@embed='true')">
|
||||||
|
|
||||||
|
<!--
|
||||||
|
<a href="/">
|
||||||
|
<img class="logo-header" src="/images/logo-small.png" alt="Yolanda logo top (160x25)" />
|
||||||
|
</a>
|
||||||
|
-->
|
||||||
|
|
||||||
|
<div class="header">
|
||||||
|
|
||||||
|
<a class="header latest-additions">
|
||||||
|
<xsl:attribute name="href">
|
||||||
|
<xsl:value-of select="$site_strings[@id='page_query_latestadditions']" />
|
||||||
|
</xsl:attribute>
|
||||||
|
<xsl:value-of select="$locale_strings[@id='query_latestadditions']" />
|
||||||
|
</a>
|
||||||
|
|
||||||
|
<a class="header most-views">
|
||||||
|
<xsl:attribute name="href">
|
||||||
|
<xsl:value-of select="$site_strings[@id='page_query_mostviews']" />
|
||||||
|
</xsl:attribute>
|
||||||
|
<xsl:value-of select="$locale_strings[@id='query_mostviews']" />
|
||||||
|
</a>
|
||||||
|
|
||||||
|
<a class="header most-downloads">
|
||||||
|
<xsl:attribute name="href">
|
||||||
|
<xsl:value-of select="$site_strings[@id='page_query_mostdownloads']" />
|
||||||
|
</xsl:attribute>
|
||||||
|
<xsl:value-of select="$locale_strings[@id='query_mostdownloads']" />
|
||||||
|
</a>
|
||||||
|
|
||||||
<xsl:choose>
|
<xsl:choose>
|
||||||
<xsl:when test="string-length(//@username)=0">
|
<xsl:when test="string-length(//@username)=0">
|
||||||
<div class="header1">
|
|
||||||
<a>
|
<!--
|
||||||
|
<a class="header">
|
||||||
<xsl:attribute name="href">
|
<xsl:attribute name="href">
|
||||||
<xsl:value-of select="$site_strings[@id='page_login']" />
|
<xsl:value-of select="$site_strings[@id='page_login']" />
|
||||||
</xsl:attribute>
|
</xsl:attribute>
|
||||||
<xsl:value-of select="$locale_strings[@id='login_to_upload']" />
|
<xsl:value-of select="$locale_strings[@id='header_login-to-upload']" />
|
||||||
</a>
|
</a>
|
||||||
</div>
|
-->
|
||||||
<div class="header2">
|
<a class="header register">
|
||||||
<a>
|
|
||||||
<xsl:attribute name="href">
|
<xsl:attribute name="href">
|
||||||
<xsl:value-of select="$site_strings[@id='page_register']" />
|
<xsl:value-of select="$site_strings[@id='page_register']" />
|
||||||
</xsl:attribute>
|
</xsl:attribute>
|
||||||
<xsl:value-of select="$locale_strings[@id='register']" />
|
<xsl:value-of select="$locale_strings[@id='register']" />
|
||||||
</a>
|
</a>
|
||||||
<xsl:value-of select="$locale_strings[@id='separator']" />
|
|
||||||
<a>
|
<a class="header login">
|
||||||
<xsl:attribute name="href">
|
<xsl:attribute name="href">
|
||||||
<xsl:value-of select="$site_strings[@id='page_login']" />
|
<xsl:value-of select="$site_strings[@id='page_login']" />
|
||||||
</xsl:attribute>
|
</xsl:attribute>
|
||||||
<xsl:value-of select="$locale_strings[@id='login']" />
|
<xsl:value-of select="$locale_strings[@id='login']" />
|
||||||
</a>
|
</a>
|
||||||
<xsl:value-of select="$locale_strings[@id='separator']" />
|
|
||||||
<img class="openid-icon" src="/images/openid-icon.png" alt="open id logo" />
|
<a class="header login-openid">
|
||||||
<a>
|
|
||||||
<xsl:attribute name="href">
|
<xsl:attribute name="href">
|
||||||
<xsl:value-of select="$site_strings[@id='page_login-openid']" />
|
<xsl:value-of select="$site_strings[@id='page_login-openid']" />
|
||||||
</xsl:attribute>
|
</xsl:attribute>
|
||||||
|
<img class="openid-icon" src="/images/openid-icon.png" alt="open id logo" />
|
||||||
<xsl:value-of select="$locale_strings[@id='login_openid']" />
|
<xsl:value-of select="$locale_strings[@id='login_openid']" />
|
||||||
</a>
|
</a>
|
||||||
</div>
|
|
||||||
</xsl:when>
|
</xsl:when>
|
||||||
<xsl:otherwise>
|
<xsl:otherwise>
|
||||||
<div class="header1">
|
|
||||||
<a>
|
<a class="header upload-video">
|
||||||
<xsl:attribute name="href">
|
<xsl:attribute name="href">
|
||||||
<xsl:value-of select="$site_strings[@id='page_upload']" />
|
<xsl:value-of select="$site_strings[@id='page_upload']" />
|
||||||
</xsl:attribute>
|
</xsl:attribute>
|
||||||
<xsl:value-of select="$locale_strings[@id='upload_video']" />
|
<xsl:value-of select="$locale_strings[@id='header_upload-video']" />
|
||||||
</a>
|
</a>
|
||||||
<xsl:value-of select="$locale_strings[@id='separator']" />
|
|
||||||
<a>
|
<a class="header preferences">
|
||||||
<xsl:attribute name="href">
|
<xsl:attribute name="href">
|
||||||
<xsl:value-of select="$site_strings[@id='page_settings']" />
|
<xsl:value-of select="$site_strings[@id='page_settings']" />
|
||||||
</xsl:attribute>
|
</xsl:attribute>
|
||||||
<xsl:value-of select="$locale_strings[@id='settings_details']" />
|
<xsl:value-of select="$locale_strings[@id='settings_details']" />
|
||||||
</a>
|
</a>
|
||||||
</div>
|
|
||||||
<div class="header2">
|
<!--
|
||||||
<xsl:value-of select="$locale_strings[@id='logged_in_as']" />
|
<xsl:value-of select="$locale_strings[@id='logged_in_as']" />
|
||||||
<a>
|
|
||||||
|
<a class="header">
|
||||||
<xsl:attribute name="href">
|
<xsl:attribute name="href">
|
||||||
user/<xsl:value-of select="//@username" />
|
user/<xsl:value-of select="//@username" />
|
||||||
</xsl:attribute>
|
</xsl:attribute>
|
||||||
<xsl:value-of select="//@username" />
|
<xsl:value-of select="//@username" />
|
||||||
</a>
|
</a>
|
||||||
<xsl:value-of select="$locale_strings[@id='separator']" />
|
-->
|
||||||
<a>
|
|
||||||
|
<a class="header logout">
|
||||||
<xsl:attribute name="href">
|
<xsl:attribute name="href">
|
||||||
<xsl:value-of select="$site_strings[@id='page_logout']" />
|
<xsl:value-of select="$site_strings[@id='page_logout']" />
|
||||||
</xsl:attribute>
|
</xsl:attribute>
|
||||||
<xsl:value-of select="$locale_strings[@id='logout']" />
|
<xsl:value-of select="$locale_strings[@id='logout']" />
|
||||||
</a>
|
</a>
|
||||||
</div>
|
|
||||||
</xsl:otherwise>
|
</xsl:otherwise>
|
||||||
</xsl:choose>
|
</xsl:choose>
|
||||||
|
|
||||||
<hr />
|
</div>
|
||||||
|
|
||||||
<xsl:if test="//message">
|
<xsl:if test="//message">
|
||||||
<xsl:call-template name="message"/>
|
<xsl:call-template name="message"/>
|
||||||
|
@ -265,29 +294,31 @@
|
||||||
</xsl:choose>
|
</xsl:choose>
|
||||||
|
|
||||||
<xsl:if test="not(//@embed='true')">
|
<xsl:if test="not(//@embed='true')">
|
||||||
|
|
||||||
<div class="footer">
|
<div class="footer">
|
||||||
<a>
|
|
||||||
|
<a class="footer view-license">
|
||||||
<xsl:attribute name="href">
|
<xsl:attribute name="href">
|
||||||
<xsl:value-of select="$site_strings[@id='page_license']" />
|
<xsl:value-of select="$site_strings[@id='page_license']" />
|
||||||
</xsl:attribute>
|
</xsl:attribute>
|
||||||
<xsl:value-of select="$locale_strings[@id='footer_license']" />
|
<xsl:value-of select="$locale_strings[@id='footer_license']" />
|
||||||
</a>
|
</a>
|
||||||
<xsl:value-of select="$locale_strings[@id='separator']" />
|
|
||||||
<a>
|
<a class="footer view-source-code">
|
||||||
<xsl:attribute name="href">
|
<xsl:attribute name="href">
|
||||||
<xsl:value-of select="$site_strings[@id='page_source-code']" />
|
<xsl:value-of select="$site_strings[@id='page_source-code']" />
|
||||||
</xsl:attribute>
|
</xsl:attribute>
|
||||||
<xsl:value-of select="$locale_strings[@id='footer_source_code']" />
|
<xsl:value-of select="$locale_strings[@id='footer_source_code']" />
|
||||||
</a>
|
</a>
|
||||||
<xsl:value-of select="$locale_strings[@id='separator']" />
|
|
||||||
<a>
|
<a class="footer report-bug">
|
||||||
<xsl:attribute name="href">
|
<xsl:attribute name="href">
|
||||||
<xsl:value-of select="$site_strings[@id='page_report_bug']" />
|
<xsl:value-of select="$site_strings[@id='page_report_bug']" />
|
||||||
</xsl:attribute>
|
</xsl:attribute>
|
||||||
<xsl:value-of select="$locale_strings[@id='footer_report_bug']" />
|
<xsl:value-of select="$locale_strings[@id='footer_report_bug']" />
|
||||||
</a>
|
</a>
|
||||||
<xsl:value-of select="$locale_strings[@id='separator']" />
|
|
||||||
<a>
|
<a class="footer view-xml">
|
||||||
<xsl:attribute name="href">
|
<xsl:attribute name="href">
|
||||||
<!--
|
<!--
|
||||||
caveat: this currently does not work on root level
|
caveat: this currently does not work on root level
|
||||||
|
@ -297,15 +328,20 @@
|
||||||
</xsl:attribute>
|
</xsl:attribute>
|
||||||
<xsl:value-of select="$locale_strings[@id='footer_view_xml']" />
|
<xsl:value-of select="$locale_strings[@id='footer_view_xml']" />
|
||||||
</a>
|
</a>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<!--
|
||||||
<br />
|
<br />
|
||||||
<xsl:value-of select="$locale_strings[@id='footer_copyright']" />
|
<xsl:value-of select="$locale_strings[@id='footer_copyright']" />
|
||||||
|
-->
|
||||||
|
|
||||||
<br />
|
<br />
|
||||||
|
|
||||||
<span class="protip">
|
<span class="protip">
|
||||||
<xsl:value-of select="$locale_strings[@id='footer_warranty']" />
|
<xsl:value-of select="$locale_strings[@id='footer_warranty']" />
|
||||||
</span>
|
</span>
|
||||||
|
|
||||||
</div>
|
|
||||||
</xsl:if>
|
</xsl:if>
|
||||||
|
|
||||||
</body>
|
</body>
|
||||||
|
@ -315,9 +351,9 @@
|
||||||
|
|
||||||
<xsl:template name="logo-small">
|
<xsl:template name="logo-small">
|
||||||
|
|
||||||
<a href="/">
|
<!-- <a href="/">
|
||||||
<img class="logo-small" src="/images/logo-small.png" alt="Yolanda logo top (160x25)" />
|
<img class="logo-small" src="/images/logo-small.png" alt="Yolanda logo top (160x25)" />
|
||||||
</a>
|
</a>-->
|
||||||
|
|
||||||
</xsl:template>
|
</xsl:template>
|
||||||
|
|
||||||
|
|
Loading…
Reference in a new issue