250 lines
5.4 KiB
CSS
250 lines
5.4 KiB
CSS
body {
|
|
margin: 0px;
|
|
padding: 0px;
|
|
font-family: Arial,Helvetica,sans-serif;
|
|
background: #333333;
|
|
}
|
|
div#header {
|
|
height: 30px;
|
|
background: url(/site/graphics/second_strip_top_index.gif) repeat-x bottom center;
|
|
}
|
|
div#left_column {
|
|
display: none;
|
|
}
|
|
div#content {
|
|
background: #D2D1A5;
|
|
}
|
|
div#footer {
|
|
text-align: center;
|
|
padding: 12px 0;
|
|
background: url(/site/graphics/second_strip_bottom_index.gif) repeat-x top center;
|
|
font-size: 0.6em;
|
|
color: #999999;
|
|
}
|
|
div#footer a {
|
|
color: #999999;
|
|
}
|
|
div#dtn_logo {
|
|
display: none;
|
|
}
|
|
div#page_symbol {
|
|
display: none;
|
|
}
|
|
div#collage, div#menu {
|
|
position: relative;
|
|
width: 700px;
|
|
height: 400px;
|
|
margin: 0 auto;
|
|
}
|
|
/*******************************
|
|
Collage (intro) page styles
|
|
*****************************/
|
|
div#collage {
|
|
background: url(/site/graphics/austria_map_bg_index.jpg) center center no-repeat;
|
|
}
|
|
div#collage #leftside {
|
|
position: absolute;
|
|
top: 20px;
|
|
left: 150px;
|
|
width: 188px;
|
|
height: 356px;
|
|
background: url(/site/graphics/collage_leftside.gif) center center no-repeat;
|
|
}
|
|
div#collage #leftside #moto {
|
|
position: relative;
|
|
left: 72px;
|
|
top: 130px;
|
|
}
|
|
div#collage #rightside {
|
|
position: absolute;
|
|
background: url(/site/graphics/collage_rightside.gif) center center no-repeat;
|
|
width: 208px;
|
|
height: 285px;
|
|
left: 340px;
|
|
top: 25px;
|
|
}
|
|
div#collage #enter_connecting_line {
|
|
position: absolute;
|
|
left: 448px;
|
|
top: 310px;
|
|
border-width: 0px 1px 0px 0px;
|
|
border-color: #990000;
|
|
border-style: solid;
|
|
width: 2px;
|
|
height: 20px;
|
|
}
|
|
div#collage #enter_btn {
|
|
position: absolute;
|
|
left: 412px;
|
|
top: 330px;
|
|
border: 1px #990000 solid;
|
|
}
|
|
div#collage #enter_btn a {
|
|
display: block;
|
|
padding: 4px 14px;
|
|
text-decoration: none;
|
|
color: #333333;
|
|
background: #cccccc;
|
|
letter-spacing: 2px;
|
|
}
|
|
div#collage #enter_btn a:hover {
|
|
background: #8f98bf;
|
|
}
|
|
/*******************************
|
|
Menu (home) page styles
|
|
*****************************/
|
|
div#menu {
|
|
background: url(/site/graphics/austria_map_bg_home.jpg) center center no-repeat;
|
|
height: 450px;
|
|
}
|
|
ul#graphic_menu {
|
|
list-style: none;
|
|
margin: 0;
|
|
padding: 0;
|
|
}
|
|
ul#graphic_menu li a {
|
|
display: block;
|
|
position: absolute;
|
|
width: 100px;
|
|
height: 100px;
|
|
text-indent: -10000px;
|
|
}
|
|
/*******************************
|
|
Styles for the table of contents
|
|
*****************************/
|
|
div#menu div#toc {
|
|
position: absolute;
|
|
background: black;
|
|
color: #999999;
|
|
padding: 10px;
|
|
width: 160px;
|
|
font-size: 0.9em;
|
|
left: 450px;
|
|
top: 165px;
|
|
border: solid black;
|
|
border-width: 2px 1px;
|
|
}
|
|
div#toc p {
|
|
margin: 6px 0px;
|
|
}
|
|
div#menu div#toc_tab {
|
|
position: absolute;
|
|
top: 165px;
|
|
left: 630px;
|
|
background: url(/site/graphics/toc_tab.gif) no-repeat center center;
|
|
width: 25px;
|
|
height: 93px;
|
|
}
|
|
div#toc ul {
|
|
min-height: 100px;
|
|
display: none;
|
|
}
|
|
div#toc ul {
|
|
padding: 0 0 0 4px;
|
|
margin: 0;
|
|
list-style: none;
|
|
}
|
|
div#toc li a {
|
|
position: relative;
|
|
text-indent: 0px;
|
|
color: #cccccc;
|
|
font-size: 0.9em;
|
|
font-weight: normal;
|
|
}
|
|
div#toc li.toc_header a {
|
|
font-size: 1.2em;
|
|
}
|
|
div#toc_openingmsg {
|
|
position: relative;
|
|
display: block;
|
|
font-weight: bold;
|
|
}
|
|
div#toc_whoweare, div#toc_resources, div#toc_prayerrequest,
|
|
div#toc_missionandtravel, div#toc_photosandvideos {
|
|
position: relative;
|
|
visibility: hidden;
|
|
background: white;
|
|
border: 2px yellow solid;
|
|
color: black;
|
|
}
|
|
/*******************************
|
|
Styles for graphical menu
|
|
*****************************/
|
|
div#menu div#logo a {
|
|
display: block;
|
|
background: url(/site/graphics/dtn_logo.gif) center center no-repeat;
|
|
width: 114px;
|
|
height: 114px;
|
|
position: absolute;
|
|
left: 302px;
|
|
top: 165px;
|
|
text-indent: -10000px;
|
|
}
|
|
div#menu li#whoweare a {
|
|
background: url(/site/graphics/home_wwa_btn1.gif) no-repeat center center;
|
|
left: 310px;
|
|
top: 31px;
|
|
}
|
|
div#menu li#whoweare a:hover {
|
|
background: url(/site/graphics/home_wwa_btn2.gif) no-repeat center center;
|
|
}
|
|
div#menu li#resources a {
|
|
background: url(/site/graphics/home_res_btn1.gif) no-repeat center center;
|
|
left: 190px;
|
|
top: 71px;
|
|
}
|
|
div#menu li#resources a:hover {
|
|
background: url(/site/graphics/home_res_btn2.gif) no-repeat center center;
|
|
}
|
|
div#menu li#prayerrequests a {
|
|
background: url(/site/graphics/home_prayer_btn1.gif) no-repeat center center;
|
|
left: 120px;
|
|
top: 173px;
|
|
}
|
|
div#menu li#prayerrequests a:hover {
|
|
background: url(/site/graphics/home_prayer_btn2.gif) no-repeat center center;
|
|
}
|
|
div#menu li#missionandtravel a {
|
|
background: url(/site/graphics/home_travel_btn1.gif) no-repeat center center;
|
|
left: 191px;
|
|
top: 275px;
|
|
}
|
|
div#menu li#missionandtravel a:hover {
|
|
background: url(/site/graphics/home_travel_btn2.gif) no-repeat center center;
|
|
}
|
|
div#menu li#photosandvideos a {
|
|
background: url(/site/graphics/home_media_btn1.gif) no-repeat center center;
|
|
left: 310px;
|
|
top: 319px;
|
|
}
|
|
div#menu li#photosandvideos a:hover {
|
|
background: url(/site/graphics/home_media_btn2.gif) no-repeat center center;
|
|
}
|
|
/*******************************
|
|
Styles for text links in footer
|
|
*****************************/
|
|
div#menu div#text_menu {
|
|
position: absolute;
|
|
text-align: center;
|
|
top: 430px;
|
|
width: 100%;
|
|
}
|
|
div#text_menu ul {
|
|
list-style: none;
|
|
margin: 0;
|
|
padding: 0;
|
|
}
|
|
div#text_menu li {
|
|
display: inline;
|
|
padding: 0px 6px;
|
|
}
|
|
div#text_menu li a {
|
|
display: inline;
|
|
position: relative;
|
|
color: #333333;
|
|
font-size: 0.8em;
|
|
}
|
|
div#text_menu li a:hover {
|
|
color: #999999;
|
|
}
|