Moved some elements around in the stylesheets. Fixed alphabet navigation in Ash stylesheet. Fixed the div id in def alphabet_navigation() to alphabet.
svn: r13310
This commit is contained in:
@@ -72,6 +72,7 @@ img {
|
|||||||
background:none;
|
background:none;
|
||||||
}
|
}
|
||||||
.content {
|
.content {
|
||||||
|
padding-top: 1cm;
|
||||||
background-color:#FFF;
|
background-color:#FFF;
|
||||||
}
|
}
|
||||||
.content div.snapshot {
|
.content div.snapshot {
|
||||||
@@ -178,43 +179,6 @@ a:visited {
|
|||||||
margin:0;
|
margin:0;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* Alphabet Navigation
|
|
||||||
----------------------------------------------------- */
|
|
||||||
#alphabet {
|
|
||||||
padding:0;
|
|
||||||
margin:0;
|
|
||||||
}
|
|
||||||
#alphabet ul {
|
|
||||||
list-style:none;
|
|
||||||
min-width:770px;
|
|
||||||
height:24px;
|
|
||||||
margin:0;
|
|
||||||
padding:0 0 0 9px;
|
|
||||||
border-top:solid 2px #000;
|
|
||||||
border-bottom:solid 4px #000;
|
|
||||||
background-color:#EEE;
|
|
||||||
}
|
|
||||||
#alphabet ul li.letters {
|
|
||||||
margin:0;
|
|
||||||
float:left;
|
|
||||||
}
|
|
||||||
.letters:after {
|
|
||||||
content:" |";
|
|
||||||
}
|
|
||||||
#alphabet ul li.letters a {
|
|
||||||
display:block;
|
|
||||||
float:left;
|
|
||||||
font:bold 16px/100% sans;
|
|
||||||
color:#000;
|
|
||||||
margin:0;
|
|
||||||
padding:5px 5px;
|
|
||||||
text-decoration:none;
|
|
||||||
}
|
|
||||||
#alphabet ul li.letters a:hover {
|
|
||||||
background-color:#000;
|
|
||||||
color:#FFF;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* Navigation
|
/* Navigation
|
||||||
----------------------------------------------------- */
|
----------------------------------------------------- */
|
||||||
#navigation, #subnavigation {
|
#navigation, #subnavigation {
|
||||||
@@ -264,6 +228,44 @@ background-color:#EEE;
|
|||||||
border-width:0 0 1px 0;
|
border-width:0 0 1px 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/* Alphabet Navigation
|
||||||
|
----------------------------------------------------- */
|
||||||
|
div#alphabet {
|
||||||
|
width: 100%;
|
||||||
|
margin: 0;
|
||||||
|
background-color: #EEE;
|
||||||
|
}
|
||||||
|
div#alphabet ul {
|
||||||
|
list-style:none;
|
||||||
|
min-width:770px;
|
||||||
|
height:24px;
|
||||||
|
margin:0;
|
||||||
|
padding: 0px 0px 0px 16px;
|
||||||
|
border-width: 2px 0px 4px 0px;
|
||||||
|
border-style: solid;
|
||||||
|
border-color: #000;
|
||||||
|
}
|
||||||
|
div#alphabet ul li:after {
|
||||||
|
content:" |";
|
||||||
|
}
|
||||||
|
div#alphabet ul li {
|
||||||
|
margin:0;
|
||||||
|
float:left;
|
||||||
|
}
|
||||||
|
div#alphabet ul li a {
|
||||||
|
display: block;
|
||||||
|
padding: 4px 8px 4px 8px;
|
||||||
|
float:left;
|
||||||
|
font:bold 16px/100% sans;
|
||||||
|
margin:0;
|
||||||
|
text-decoration:none;
|
||||||
|
color: #000;
|
||||||
|
}
|
||||||
|
div#alphabet ul li a:hover {
|
||||||
|
background-color: #000;
|
||||||
|
color: #FFF;
|
||||||
|
}
|
||||||
|
|
||||||
/* Main Table
|
/* Main Table
|
||||||
----------------------------------------------------- */
|
----------------------------------------------------- */
|
||||||
table {
|
table {
|
||||||
|
@@ -284,99 +284,89 @@ p#user_header {
|
|||||||
padding:0;
|
padding:0;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/* Navigation
|
||||||
|
----------------------------------------------------- */
|
||||||
|
div#navigation, div#subnavigation {
|
||||||
|
width: 100%;
|
||||||
|
}
|
||||||
|
div#navigation ul, div#subnavigation ul {
|
||||||
|
list-style:none;
|
||||||
|
min-width:770px;
|
||||||
|
height: 42px;
|
||||||
|
margin:0;
|
||||||
|
padding: 0px 0px 0px 20px;
|
||||||
|
border-bottom: solid 2px #5D835F;
|
||||||
|
}
|
||||||
|
div#navigation ul li, div#subnavigation ul li {
|
||||||
|
float:left;
|
||||||
|
}
|
||||||
|
body#WebCal divdiv#navigation ul li a {
|
||||||
|
color: #FFF;
|
||||||
|
}
|
||||||
|
div#navigation ul li a, div#subnavigation ul li a {
|
||||||
|
display: block;
|
||||||
|
padding: 12px 10px 14px 1px;
|
||||||
|
float:left;
|
||||||
|
font:normal 16px/100% serif;
|
||||||
|
color: #000;
|
||||||
|
text-decoration:none;
|
||||||
|
margin:0;
|
||||||
|
}
|
||||||
|
div#navigation ul li a:hover, div#subnavigation ul li a:hover {
|
||||||
|
background-color: #C1B398;
|
||||||
|
color: #000;
|
||||||
|
}
|
||||||
|
div#navigation ul li.CurrentSection a, div#subnavigation ul li.CurrentSection a {
|
||||||
|
font-weight:bold;
|
||||||
|
font-style: italic;
|
||||||
|
background-color: #CCC;
|
||||||
|
color: #000;
|
||||||
|
}
|
||||||
|
div#navigation ul li.CurrentSection a:hover {
|
||||||
|
background-color: #000;
|
||||||
|
color: #FFF;
|
||||||
|
}
|
||||||
|
div#subnavigation ul li.CurrentSection a {
|
||||||
|
border-width: 0px 0px 2px 0px;
|
||||||
|
border-color: #FFF;
|
||||||
|
}
|
||||||
|
|
||||||
/* Alphabet Navigation
|
/* Alphabet Navigation
|
||||||
----------------------------------------------------- */
|
----------------------------------------------------- */
|
||||||
div#alphabet {
|
div#alphabet {
|
||||||
padding:0;
|
width: 100%;
|
||||||
margin:0;
|
margin: 0;
|
||||||
|
background-color: #6AF364;
|
||||||
}
|
}
|
||||||
div#alphabet ul {
|
div#alphabet ul {
|
||||||
list-style:none;
|
list-style:none;
|
||||||
min-width:770px;
|
min-width:770px;
|
||||||
height:24px;
|
height:24px;
|
||||||
margin:0;
|
margin:0;
|
||||||
padding:0 0 0 9px;
|
padding: 0px 0px 0px 16px;
|
||||||
border-top:solid 2px #000;
|
border-width: 2px 0px 4px 0px;
|
||||||
border-bottom:solid 4px #000;
|
border-style: solid;
|
||||||
background-color:#6AF364;
|
border-color: #000;
|
||||||
}
|
}
|
||||||
div#alphabet ul li:after {
|
div#alphabet ul li:after {
|
||||||
content:" |";
|
content:" |";
|
||||||
}
|
}
|
||||||
div#alphabet ul li:before {
|
div#alphabet ul li {
|
||||||
content:" ";
|
|
||||||
}
|
|
||||||
div#alphabet ul li.letters {
|
|
||||||
margin:0;
|
margin:0;
|
||||||
float:left;
|
float:left;
|
||||||
}
|
}
|
||||||
div#alphabet ul li.letters a {
|
div#alphabet ul li a {
|
||||||
display:block;
|
display:block;
|
||||||
|
padding: 4px 8px 4px 8px;
|
||||||
float:left;
|
float:left;
|
||||||
font:bold 16px/100% sans;
|
font:bold 16px/100% sans;
|
||||||
color:#000;
|
|
||||||
margin:0;
|
margin:0;
|
||||||
padding:5px 5px;
|
|
||||||
text-decoration:none;
|
text-decoration:none;
|
||||||
|
color: #000;
|
||||||
}
|
}
|
||||||
div#alphabet ul li.letters a:hover {
|
div#alphabet ul li a:hover {
|
||||||
background-color:#000;
|
background-color: #000;
|
||||||
color:#FFF;
|
color: #FFF;
|
||||||
}
|
|
||||||
|
|
||||||
/* Navigation
|
|
||||||
----------------------------------------------------- */
|
|
||||||
#navigation, #subnavigation {
|
|
||||||
margin:0;
|
|
||||||
padding:0;
|
|
||||||
}
|
|
||||||
#navigation ul, #subnavigation ul {
|
|
||||||
list-style:none;
|
|
||||||
min-width:770px;
|
|
||||||
height:32px;
|
|
||||||
margin:0;
|
|
||||||
padding:0 0 0 9px;
|
|
||||||
background-color:#FFF;
|
|
||||||
border-bottom:solid 2px #000;
|
|
||||||
}
|
|
||||||
#navigation ul li, #subnavigation ul li {
|
|
||||||
margin:0;
|
|
||||||
float:left;
|
|
||||||
}
|
|
||||||
#navigation ul li a, #subnavigation ul li a {
|
|
||||||
display:block;
|
|
||||||
float:left;
|
|
||||||
font:normal 16px/100% serif;
|
|
||||||
color:#000;
|
|
||||||
text-decoration:none;
|
|
||||||
margin:0;
|
|
||||||
padding:5px 5px;
|
|
||||||
|
|
||||||
}
|
|
||||||
#navigation ul li a:hover, #subnavigation ul li a:hover {
|
|
||||||
background-color:#C1B398;
|
|
||||||
color:#000;
|
|
||||||
border-top:solid 3px #C1B398;
|
|
||||||
border-bottom:solid 8px #C1B398;
|
|
||||||
}
|
|
||||||
#navigation ul li.CurrentSection a, #subnavigation ul li.CurrentSection a {
|
|
||||||
font-weight:bold;
|
|
||||||
font-size:16px;
|
|
||||||
margin-top:-6px;
|
|
||||||
padding-top:11px;
|
|
||||||
padding-bottom:8px;
|
|
||||||
border-right:solid 1px #6AF364;
|
|
||||||
border-left:solid 1px #6AF364;
|
|
||||||
border-bottom:solid 4px #000;
|
|
||||||
background-color:#000;
|
|
||||||
color:#FFF;
|
|
||||||
}
|
|
||||||
#navigation ul li.CurrentSection a:hover {
|
|
||||||
background-color:#228A22;
|
|
||||||
border-bottom:solid 4px #228A22;
|
|
||||||
}
|
|
||||||
#subnavigation ul li.CurrentSection a {
|
|
||||||
border-width:0 0 1px 0;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
/* Main Table
|
/* Main Table
|
||||||
|
@@ -309,7 +309,7 @@ class BasePage(object):
|
|||||||
|
|
||||||
num_ltrs = len(sorted_first_letter)
|
num_ltrs = len(sorted_first_letter)
|
||||||
if num_ltrs <= 26:
|
if num_ltrs <= 26:
|
||||||
of.write('\t<div id="navigation">\n')
|
of.write('\t<div id="alphabet">\n')
|
||||||
of.write('\t\t<ul>\n')
|
of.write('\t\t<ul>\n')
|
||||||
for ltr in sorted_first_letter:
|
for ltr in sorted_first_letter:
|
||||||
if lang_country == "sv_SE" and ltr == u'V':
|
if lang_country == "sv_SE" and ltr == u'V':
|
||||||
@@ -322,7 +322,7 @@ class BasePage(object):
|
|||||||
nrows = (num_ltrs / 26) + 1
|
nrows = (num_ltrs / 26) + 1
|
||||||
index = 0
|
index = 0
|
||||||
for rows in range(0, nrows):
|
for rows in range(0, nrows):
|
||||||
of.write('\t<div id="navigation">\n')
|
of.write('\t<div id="alphabet">\n')
|
||||||
of.write('\t\t<ul>\n')
|
of.write('\t\t<ul>\n')
|
||||||
cols = 0
|
cols = 0
|
||||||
while (cols <= 26 and index < num_ltrs):
|
while (cols <= 26 and index < num_ltrs):
|
||||||
|
Reference in New Issue
Block a user