Refactor some css
This commit is contained in:
parent
e60e3a5c20
commit
75a487d268
68
default.css
68
default.css
|
@ -4,6 +4,24 @@ body {
|
||||||
text-align: center;
|
text-align: center;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
a.pagetop, a.pagetop:link, a.pagetop:visited, a.pagetop:hover {
|
||||||
|
display: block;
|
||||||
|
padding: 5px 10px 5px 10px;
|
||||||
|
border: 1px solid #ccc;
|
||||||
|
background-color: #eee;
|
||||||
|
color: #999;
|
||||||
|
font-size: 9px;
|
||||||
|
text-align: right;
|
||||||
|
text-transform: uppercase;
|
||||||
|
}
|
||||||
|
|
||||||
|
div.footer {
|
||||||
|
padding-top: 10px;
|
||||||
|
border-top: 1px solid #ccc;
|
||||||
|
font-size: 10px;
|
||||||
|
color: #666;
|
||||||
|
}
|
||||||
|
|
||||||
hr {
|
hr {
|
||||||
border: 0;
|
border: 0;
|
||||||
color: #ccc;
|
color: #ccc;
|
||||||
|
@ -23,10 +41,6 @@ h3 {
|
||||||
color: #0055aa;
|
color: #0055aa;
|
||||||
}
|
}
|
||||||
|
|
||||||
a.position {
|
|
||||||
font-weight: bold;
|
|
||||||
}
|
|
||||||
|
|
||||||
a:visited {
|
a:visited {
|
||||||
background: transparent;
|
background: transparent;
|
||||||
color: #8888aa;
|
color: #8888aa;
|
||||||
|
@ -103,11 +117,6 @@ div.content {
|
||||||
text-align: left;
|
text-align: left;
|
||||||
}
|
}
|
||||||
|
|
||||||
div.footerlogo {
|
|
||||||
float: right;
|
|
||||||
padding-left: 5px;
|
|
||||||
}
|
|
||||||
|
|
||||||
div.webcam {
|
div.webcam {
|
||||||
text-align: center;
|
text-align: center;
|
||||||
}
|
}
|
||||||
|
@ -129,10 +138,6 @@ div.biglogo div.csclogo {
|
||||||
float: right;
|
float: right;
|
||||||
}
|
}
|
||||||
|
|
||||||
div.template-header {
|
|
||||||
padding-top: 5px;
|
|
||||||
}
|
|
||||||
|
|
||||||
div.menubar {
|
div.menubar {
|
||||||
background-color: white;
|
background-color: white;
|
||||||
padding-top: 12px;
|
padding-top: 12px;
|
||||||
|
@ -143,14 +148,12 @@ div.menubar {
|
||||||
font-size: 12px;
|
font-size: 12px;
|
||||||
text-transform: uppercase;
|
text-transform: uppercase;
|
||||||
}
|
}
|
||||||
|
|
||||||
div.menuitem {
|
div.menuitem {
|
||||||
margin: 0;
|
margin: 0;
|
||||||
padding: 0;
|
padding: 0;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
float: left;
|
float: left;
|
||||||
}
|
}
|
||||||
|
|
||||||
div.menuitem a {
|
div.menuitem a {
|
||||||
display: block;
|
display: block;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
|
@ -159,13 +162,11 @@ div.menuitem a {
|
||||||
text-decoration: none;
|
text-decoration: none;
|
||||||
font-weight: bold;
|
font-weight: bold;
|
||||||
}
|
}
|
||||||
|
|
||||||
div.menuitem a:hover {
|
div.menuitem a:hover {
|
||||||
color: black;
|
color: black;
|
||||||
background-color: #eee;
|
background-color: #eee;
|
||||||
border: 1px solid #ccc;
|
border: 1px solid #ccc;
|
||||||
}
|
}
|
||||||
|
|
||||||
div.menuitem p {
|
div.menuitem p {
|
||||||
margin: 0;
|
margin: 0;
|
||||||
padding: 0;
|
padding: 0;
|
||||||
|
@ -179,7 +180,6 @@ div.webtitle {
|
||||||
padding-left: 10px;
|
padding-left: 10px;
|
||||||
padding-top: 10px;
|
padding-top: 10px;
|
||||||
}
|
}
|
||||||
|
|
||||||
div.webtitle div {
|
div.webtitle div {
|
||||||
float:left;
|
float:left;
|
||||||
background-color: #215498;
|
background-color: #215498;
|
||||||
|
@ -190,55 +190,35 @@ div.graph {
|
||||||
float: left;
|
float: left;
|
||||||
padding: 0px 4px 4px 4px;
|
padding: 0px 4px 4px 4px;
|
||||||
}
|
}
|
||||||
|
|
||||||
p.graphtitle {
|
p.graphtitle {
|
||||||
font-size: 14px;
|
font-size: 14px;
|
||||||
font-weight: bold;
|
font-weight: bold;
|
||||||
margin: 0;
|
margin: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
div.graphclear {
|
div.graphclear {
|
||||||
clear: both;
|
clear: both;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
div.dirheader {
|
||||||
|
padding-top: 5px;
|
||||||
|
}
|
||||||
a.diritem, a.diritem:link, a.diritem:visited, a.diritem:active {
|
a.diritem, a.diritem:link, a.diritem:visited, a.diritem:active {
|
||||||
font-size: 14px;
|
font-size: 14px;
|
||||||
border-left: 4px solid #ccc;
|
border-left: 4px solid #ccc;
|
||||||
padding: 0 15px 0 5px;
|
padding: 0 15px 0 5px;
|
||||||
color: blue;
|
color: blue;
|
||||||
}
|
}
|
||||||
|
|
||||||
a.diritem:hover {
|
a.diritem:hover {
|
||||||
border-left: 4px solid green;
|
border-left: 4px solid green;
|
||||||
}
|
}
|
||||||
|
|
||||||
a.homedir {
|
a.homedir {
|
||||||
font-weight: bold;
|
font-weight: bold;
|
||||||
}
|
}
|
||||||
|
|
||||||
a.pagetop, a.pagetop:link, a.pagetop:visited, a.pagetop:hover {
|
|
||||||
display: block;
|
|
||||||
padding: 5px 10px 5px 10px;
|
|
||||||
border: 1px solid #ccc;
|
|
||||||
background-color: #eee;
|
|
||||||
color: #999;
|
|
||||||
font-size: 9px;
|
|
||||||
text-align: right;
|
|
||||||
text-transform: uppercase;
|
|
||||||
}
|
|
||||||
|
|
||||||
div.footer {
|
|
||||||
padding-top: 10px;
|
|
||||||
border-top: 1px solid #ccc;
|
|
||||||
font-size: 10px;
|
|
||||||
color: #666;
|
|
||||||
}
|
|
||||||
|
|
||||||
div.infobox {
|
div.infobox {
|
||||||
border: 1px solid #ccc;
|
border: 1px solid #ccc;
|
||||||
padding: 2px 2px;
|
padding: 2px 2px;
|
||||||
}
|
}
|
||||||
|
|
||||||
div.infobox p {
|
div.infobox p {
|
||||||
margin: 5px;
|
margin: 5px;
|
||||||
padding: 0;
|
padding: 0;
|
||||||
|
@ -247,3 +227,9 @@ div.infobox p {
|
||||||
p.mediafile {
|
p.mediafile {
|
||||||
font-weight: bold;
|
font-weight: bold;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
a.position {
|
||||||
|
font-weight: bold;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|
|
@ -51,7 +51,7 @@
|
||||||
alt="Computer Science Club" width="420" height="79" /></a>
|
alt="Computer Science Club" width="420" height="79" /></a>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="template-header">
|
<div class="dirheader">
|
||||||
<xsl:apply-templates
|
<xsl:apply-templates
|
||||||
select="document(concat($g_pwd, '/directory.xml'))/directory"/>
|
select="document(concat($g_pwd, '/directory.xml'))/directory"/>
|
||||||
</div>
|
</div>
|
||||||
|
@ -68,7 +68,7 @@
|
||||||
<a href="{$g_pre}"><img src="{$g_pre}logos/csc_title.gif"
|
<a href="{$g_pre}"><img src="{$g_pre}logos/csc_title.gif"
|
||||||
alt="CSC Logo" /></a>
|
alt="CSC Logo" /></a>
|
||||||
</div>
|
</div>
|
||||||
<div class="template-header">
|
<div class="dirheader">
|
||||||
<xsl:apply-templates
|
<xsl:apply-templates
|
||||||
select="document(concat($g_pwd, '/directory.xml'))/directory"/>
|
select="document(concat($g_pwd, '/directory.xml'))/directory"/>
|
||||||
<xsl:if test="$title">
|
<xsl:if test="$title">
|
||||||
|
|
Loading…
Reference in New Issue