f9e2dfa9fd
- all items levelled in one line - flags better centered in msie and in firefox - removed three white pixel lines (line 0-2) in firefox - all flags shown with a bit shadow, instead of only spain [and sweden] - nicer display of "logged in as <user>" - all labels in the same font instead of two fonts - smoother gradient background, espacially in winter Still not optimally vertical centered in chrome also fixed print css for some earlier changes to screen css
1198 lines
43 KiB
CSS
1198 lines
43 KiB
CSS
/*************************************************************/
|
|
/* Design: MultiFlex-2 (Screen) */
|
|
/* Author: G. Wolfgang (gw@actamail.com) */
|
|
/* Date: June 8, 2006 */
|
|
/*-----------------------------------------------------------*/
|
|
/* Recommended CSS-Editor: TopStyle Lite 3.10 (Freeware) */
|
|
/* http://www.newsgator.com/download/products/ts3lite.exe */
|
|
/*-----------------------------------------------------------*/
|
|
/* You can use this stylesheet any way you want! */
|
|
/* Check out my favorite website: www.sda.org */
|
|
/*-----------------------------------------------------------*/
|
|
/* Additions for OC/OC.de: Sp2ong */
|
|
/* Additions for OC.de: Schrottie */
|
|
/*************************************************************/
|
|
html {
|
|
height: 100%;
|
|
}
|
|
|
|
body {
|
|
font-size: 64.5%;
|
|
margin: 0px auto;
|
|
height: 100%;
|
|
padding: 0px;
|
|
background-color: #f9ca0f;
|
|
font-family: arial, sans-serif, Tahoma, Verdana;
|
|
}
|
|
|
|
body.popup {
|
|
background: white;
|
|
}
|
|
|
|
.page-container-1 {
|
|
width: 970px;
|
|
margin: 29px auto auto auto;
|
|
padding: 0px;
|
|
background-color:#ffffff;
|
|
border: solid 1px rgb(100,100,100);
|
|
position: relative;
|
|
}
|
|
|
|
* html .page-container-1 {top: 29px;}
|
|
*+html .page-container-1 {top: 29px;}
|
|
|
|
div#langstripe {
|
|
position: absolute;
|
|
top: 0;
|
|
left: 0;
|
|
width: 100%;
|
|
padding-top: 0;
|
|
height: 31px;
|
|
background: #707070 url(../images/bg-langstripe.png) 0 100% repeat-x;
|
|
color: black;
|
|
z-index: 5;
|
|
}
|
|
|
|
#ocmain {
|
|
height:100%;
|
|
width:100%;
|
|
}
|
|
|
|
#ocmain ul li {
|
|
font-size: 110%;
|
|
}
|
|
|
|
#ocmain p, #ocmain ul, #ocmain ol {
|
|
margin-right: 15px;
|
|
}
|
|
|
|
img {
|
|
behavior: url(resource2/ocstyle/css/iepngfix.htc);
|
|
vertical-align: middle;
|
|
border-width: 0px;
|
|
border-style: none;
|
|
}
|
|
|
|
div#map_canvas img {
|
|
behavior: none;
|
|
}
|
|
|
|
div#cacheinfo {
|
|
background-color: blue;
|
|
}
|
|
|
|
div#overall {
|
|
min-width: 970px;
|
|
width: 100%;
|
|
overflow: hidden;
|
|
}
|
|
|
|
div#bg1 {display: none;}
|
|
div#bg2 {display: none;}
|
|
|
|
/*************************************/
|
|
/* SECTION 2 - HEADER AND NAVIGATION */
|
|
/*************************************/
|
|
|
|
/* search results */
|
|
.bgcolor1 {background-color: rgb(255,255,255);}
|
|
.bgcolor2 {background-color: rgb(219,230,241);}
|
|
|
|
/*-----------------------------------*/
|
|
/* 2.1 - Sitename, slogan and banner */
|
|
/*-----------------------------------*/
|
|
.header {
|
|
height: 81px;
|
|
}
|
|
|
|
.headerimage {
|
|
height: 80px;
|
|
width: 970px;
|
|
overflow: hidden;
|
|
position: absolute;
|
|
top: 1px;
|
|
z-index: 1;
|
|
}
|
|
|
|
.headerlogo {
|
|
position: absolute;
|
|
top: 0px;
|
|
z-index: 2;
|
|
}
|
|
|
|
.headerimagecontent {
|
|
border: 0px none;
|
|
}
|
|
|
|
.site-name {
|
|
width: 300px;
|
|
height: 60px;
|
|
top: 4px;
|
|
position: absolute;
|
|
z-index: 4;
|
|
overflow: hidden;
|
|
margin: 0px;
|
|
padding-left: 80px;
|
|
}
|
|
|
|
.site-name p.title {margin: 0px; padding: 0px; font-family: "trebuchet ms", arial, sans serif; font-weight: bold; font-size: 24px;}
|
|
.site-name p.subtitle1 {clear: both; width: 300px; margin: -6px 0px 0px 0px; padding: 3px 0px 0px 1px; background-color: transparent; font-family: "trebuchet ms", arial, sans serif; font-size: 12px; letter-spacing: 0.10em;}
|
|
.site-name p.subtitle2 {clear: both; width: 300px; margin: -6px 0px 0px 0px; padding: 6px 0px 0px 1px; background-color: transparent; font-family: "trebuchet ms", arial, sans serif; font-size: 12px; letter-spacing: 0em;}
|
|
.site-name a {margin: 0px; padding: 0px; text-decoration: none; color: rgb(0,0,0);}
|
|
.site-name a:hover {text-decoration: none;}
|
|
|
|
/* site-slogan-container - old top value: 86 */
|
|
.site-slogan-container {text-align:right; width: 970px; top: 17px; position: absolute; z-index: 1; overflow: hidden; background-color: transparent;}
|
|
|
|
/* site-slogan - width bei Searchbox auf 355 */
|
|
.site-slogan {float: right; width: 225px; margin: 0px; padding: 5px; background-repeat: repeat; font-size: 10px; border-left:1px solid rgb(100,100,100); border-top:1px solid rgb(100,100,100); border-bottom:1px solid rgb(100,100,100); padding-bottom: 0; font-family:Verdana,Arial,Helvetica,sans-serif;}
|
|
.site-slogan input { background-image: url(../../../images/blank.gif);
|
|
font-family:Verdana,Arial,Helvetica,sans-serif; }
|
|
|
|
.site-slogan form { background-color: transparent; }
|
|
.site-slogan p.title {float: right; width: 900px; margin: 0px; padding: 0px; color: rgb(234,239,247); font-family: arial, sans serif; text-align: right; font-weight: bold; font-size: 220%;}
|
|
.site-slogan p.subtitle {clear: both; float: right; width: 900px; margin: -5px 0px 0px 0px; padding: 0px; color: rgb(234,239,247); font-family: arial, sans serif; text-align: right; font-weight: bold; font-size: 200%;}
|
|
|
|
|
|
.site-slogan p.search {clear: both; float: right; padding: 0px; color: rgb(255,255,255); /*font-family: arial, sans serif; */ text-align: right; line-height: 1.0em; font-size: 12px; white-space: nowrap;}
|
|
|
|
.site-slogan a {color: rgb(234,239,247); text-decoration: underline;}
|
|
.site-slogan a:hover {text-decoration: none; color: rgb(50,50,50);}
|
|
|
|
/*----------------------------*/
|
|
/* 2.3 - Navigation - Level 1 */
|
|
/*----------------------------*/
|
|
|
|
.nav1 {
|
|
height:29px;
|
|
}
|
|
|
|
.nav1 td {
|
|
font-family: verdana, arial, sans serif;
|
|
font-size: 1.0em;
|
|
vertical-align: middle;
|
|
white-space:nowrap;
|
|
}
|
|
|
|
/*----------------------------*/
|
|
/* 2.4 - Navigation - Level 2 */
|
|
/*----------------------------*/
|
|
.nav2 {clear: both; margin: 0px; padding: 0px; font-family: verdana, arial, sans serif; font-size: 1.0em;}
|
|
.nav2 ul {float: left; width: 970px; margin: 0px; padding: 0px; border-top: solid 1px rgb(54,83,151); border-bottom: solid 1px rgb(54,83,151); background-color: rgb(127,162,202); font-weight: bold;}
|
|
.nav2 li {display: inline; list-style: none; margin: 0px; padding: 0px;}
|
|
.nav2 li a {display: block; float: left; margin: 0px 0px 0px 0px; padding: 5px 10px 5px 10px; border-right: solid 1px rgb(54,83,151); color: rgb(255,255,255); text-transform: uppercase; text-decoration: none; font-size: 100%;}
|
|
.nav2 a:hover, .nav2 a.selected {color: rgb(50,50,50); text-decoration: none;}
|
|
.buffer {clear: both; width: 1px; height: 15px; margin: 0px; padding: 0px; background-color: rgb(255,255,255);}
|
|
|
|
/*----------------------------*/
|
|
/* 2.5 - Navigation - Level 3 */
|
|
/*----------------------------*/
|
|
.nav3 {overflow: hidden; clear: both; float: left; width: 160px; min-height: 500px; margin: 0px; padding: 0px; color: rgb(75,75,75); font-size: 1.0em;}
|
|
.nav3 ul {width: 160px; margin: 0px 0px 20px 0px; padding: 0px; border-bottom: solid 1px rgb(216,206,159); background-color: rgb(219,230,241);}
|
|
.nav3 li {list-style: none; margin: 0px; padding: 0px;}
|
|
.nav3 li.title {margin: 0px 0px 0px 0px; padding: 3px 5px 2px 15px; background-color: rgb(156,186,214); color: rgb(255,255,255); text-transform: uppercase; font-weight: bold; font-size: 120%;}
|
|
.nav3 li.group1 a {display: block; min-height: 1.7em; height: auto !important; height: 1.7em; line-height: 1.7em; margin: 0px; padding: 0px 7px 0px 15px; border-top: solid 1px rgb(200,200,200); border-left: solid 7px rgb(219,230,241); color: rgb(75,75,75); font-weight: bold; font-size: 120%;}
|
|
.nav3 li.group_active a {border-left: solid 7px rgb(156,186,214); background-color: rgb(156,186,214);}
|
|
.nav3 li.group2 a {display: block; min-height: 1.7em; height: auto !important; height: 1.7em; line-height: 1.7em; margin: 0px; padding: 0px 7px 0px 15px; border-top: solid 1px rgb(200,200,200); border-left: solid 14px rgb(219,230,241); color: rgb(75,75,75); font-weight: normal; font-size: 120%;}
|
|
.nav3 li.group2_active a {border-left: solid 14px rgb(156,186,214); background-color: rgb(156,186,214);}
|
|
|
|
.nav3 li a {display: block; min-height: 1.7em; height: auto !important; height: 1.7em; line-height: 1.7em; margin: 0px; padding: 0px 7px 0px 20px; border-left: solid 7px rgb(219,230,241); color: rgb(75,75,75); text-decoration: none; font-size: 120%;}
|
|
.nav3 li a:hover, .nav3 li a.selected {border-left: solid 7px rgb(156,186,214); color: rgb(100,100,100); text-decoration: none;}
|
|
.nav3 li.group2 a:hover, .nav3 li a.selected {border-left: solid 14px rgb(156,186,214); color: rgb(100,100,100); text-decoration: none;}
|
|
|
|
/*----------------------------*/
|
|
/* 2.5 - Navigation - Level 4 */
|
|
/*----------------------------*/
|
|
/*.nav4 {overflow: hidden; clear: both; margin: 0px; padding: 0px; color: rgb(75,75,75); font-size: 1.0em;margin: 0;}
|
|
*/
|
|
/*.nav4 ul {width: 160px; margin: 0px 0px 0px 0px; padding: 0px; border-bottom: solid 1px rgb(216,206,159); background-color: rgb(219,230,241);}*/
|
|
.nav4 li {float: left; list-style: none; margin: 0px; padding: 0px;padding-bottom: 5px;}
|
|
.nav4 li.title {display: none; margin: 0px 0px 0px 0px; padding: 3px 5px 2px 5px; background-color: rgb(156,186,214); color: rgb(255,255,255); text-transform: uppercase; font-weight: bold; font-size: 120%;}
|
|
.nav4 li.group a {background-color: rgb(219,230,241);display: block; min-height: 1.7em; height: auto !important; height: 1.7em; line-height: 1.7em; margin: 0px; margin-right: 3px; padding: 0px 7px 0px 20px; border-top: solid 1px rgb(200,200,200); border-left: solid 7px rgb(219,230,241); color: rgb(75,75,75); font-weight: bold; font-size: 120%;}
|
|
.nav4 li.group_active a {border-left: solid 7px rgb(156,186,214); background-color: rgb(156,186,214);}
|
|
.nav4 li.group2 a {display: block; min-height: 1.7em; height: auto !important; height: 1.7em; line-height: 1.7em; margin: 0px; padding: 0px 7px 0px 0px; border-top: solid 1px rgb(200,200,200); border-left: solid 14px rgb(219,230,241); color: rgb(75,75,75); font-weight: normal; font-size: 120%;}
|
|
.nav4 li.group2_active a {border-left: solid 14px rgb(156,186,214); background-color: rgb(156,186,214);}
|
|
|
|
.nav4 li a {display: block; min-height: 1.7em; height: auto !important; height: 1.7em; line-height: 1.7em; margin: 0px; border-left: solid 40px rgb(219,230,241); color: rgb(75,75,75); text-decoration: none; font-size: 120%;}
|
|
.nav4 li a:hover, .nav4 li a.selected {border-left: solid 7px rgb(156,186,214); color: rgb(100,100,100); text-decoration: none;}
|
|
.nav4 li.group2 a:hover, .nav4 li a.selected {border-left: solid 14px rgb(156,186,214); color: rgb(100,100,100); text-decoration: none;}
|
|
|
|
ul#cachemenu { padding: 0px; margin: 0px;}
|
|
ul#statmenu { padding: 0px; margin: 0px;}
|
|
|
|
.notlogged-cacheview { display: block; min-height: 1.7em; height: auto !important; height: 1.7em; line-height: 1.7em; margin: 0px; padding: 0px 0px 6px 7px; color: rgb(150,75,75); font-size: 120%; }
|
|
|
|
/******************************************************/
|
|
/* SECTION 4 - SPECIFIC CLASSES FOR LAYOUTS #2 and #3 */
|
|
/******************************************************/
|
|
.notice {overflow: hidden; width: 735px; height: 24px; margin: 0px 0px 0px 0px; padding: 0px 16px 12px 20px; color: rgb(88,144,168); font-weight: italic; font-size: 11px; background-image: url(../images/misc/16x16-info.png); background-position: top left; background-repeat:no-repeat;behavior: url(resource2/ocstyle/css/iepngfix.htc);}
|
|
.warning {overflow: hidden; width: 735px; height: 24px; border: 1px solid black; background-color: rgb(240,100,100); margin: 0px 0px 0px 0px; padding: 8px 0px 0px 32px; color: rgb(50,50,50); font-weight: bold; font-size: 12px; background-image: url(../images/misc/32x32-impressum.png); background-position: top left; background-repeat:no-repeat;behavior: url(resource2/ocstyle/css/iepngfix.htc);}
|
|
|
|
.errormsg {color: rgb(240,100,100); font-weight: bold;}
|
|
.okmsg {color: rgb(0,191,0); font-weight: bold;}
|
|
|
|
#cache_name_block { width: 670px; padding-left: 5px; padding-top: 5px;}
|
|
|
|
.content2 {float: left; width: 790px; min-height: 500px; margin: 0px; padding: 0px 0px 0px 20px; color: rgb(75,75,75); font-size: 1.0em;}
|
|
.content3 {float: left; width: 790px; min-height: 500px; margin: 0px; padding: 0px 0px 0px 20px; color: rgb(75,75,75); font-size: 1.0em;}
|
|
.content2-container, .content3-container {clear: both; float: left; width: 769px; margin: 0px 0px 15px 0px; padding: 0px;}
|
|
.content2-container-1col, .content3-container-1col {overflow: hidden; width: 769px; margin: 0px; padding: 0px;}
|
|
/* removed "overflow:hidden" from content2-container-2col* to fix bug RT #3886 ... */
|
|
.content2-container-2col {width: 272px; margin: 0px; padding: 0px;}
|
|
.content2-container-2col-left, .content3-container-2col-left {float: left; width: 272px; margin: 0px; padding: 0px;}
|
|
.content2-container-2col-right, .content3-container-2col-right {float: right; width: 372px; margin: 0px; padding: 0px;}
|
|
/* ... up to here */
|
|
.content2-pagetitle, .content3-pagetitle {overflow: hidden; width: 769px; margin: 0px 0px 10px 0px; padding: 0px 0px 2px 0px; border-bottom: solid 3px rgb(88,144,168); color: rgb(88,144,168); font-weight: bold; font-size: 180%;}
|
|
|
|
/*********************************/
|
|
/* SECTION 6 - COMMON PARAMETERS */
|
|
/*********************************/
|
|
|
|
/*--------------------*/
|
|
/* 6.1 - Content Area */
|
|
/*--------------------*/
|
|
|
|
/* Titles and textboxes*/
|
|
.content-title-noshade {margin: 0px; padding: 0px; color: rgb(88,144,168); font-weight: bold; font-size: 100%;}
|
|
.content-title-noshade-size0 {margin: 0px; padding: 0px; color: rgb(88,144,168); font-weight: bold; font-size: 70%;}
|
|
.content-title-noshade-size05 {margin: 0px; padding: 0px; color: rgb(88,144,168); font-weight: bold; font-size: 80%;}
|
|
.content-title-noshade-size1 {margin: 0px; padding: 0px; color: rgb(88,144,168); font-weight: bold; font-size: 130%;}
|
|
.content-title-noshade-size2 {margin: 0px; padding: 0px; color: rgb(88,144,168); font-weight: bold; font-size: 150%;}
|
|
.content-title-noshade-size3 {
|
|
margin: 0px;
|
|
padding: 0px;
|
|
color: rgb(88,144,168);
|
|
font-weight: bold;
|
|
font-size: 160%;
|
|
}
|
|
.content-title-noshade-size5 {margin: 0px; padding: 0px; color: rgb(88,144,168); font-weight: bold; font-size: 200%;}
|
|
|
|
.content-txtbox-noshade {margin: 0px; padding: 7px 0px 0px 0px; background-color: rgb(255,255,255);}
|
|
.content-score {margin: 0px; margin-top: 3px; padding: 4px 0px 0px 0px; background-color: rgb(255,255,255); border-style:dotted; border-width:1px; width:75px; height:20px;vertical-align:middle;}
|
|
|
|
/* Headings */
|
|
h1 {margin: 1.0em 0px 0.5em 0px; font-weight: bold; font-size: 160%;}
|
|
h2 {margin: 1.0em 0px 0.5em 0px; font-weight: bold; font-size: 150%;}
|
|
h3 {margin: 1.0em 0px 0.5em 0px; font-weight: bold; font-size: 140%;}
|
|
h4 {margin: 1.0em 0px 0.5em 0px; font-weight: bold; font-size: 130%;}
|
|
h5 {margin: 0px 0px 0.2em 0px; font-weight: bold; font-size: 130%;}
|
|
h6 {margin: 0px 0px 0.2em 0px;font-weight: bold; font-style: italic; font-size: 130%;}
|
|
|
|
/* Paragraphs */
|
|
p {margin: 0px 0px 0.5em 0px; padding: 0px; line-height: 1.3em; font-family: arial, sans serif; font-size: 12px; }
|
|
p.readmore {margin: 1.0em 0px 0.5em 0px; padding: 0px; line-height: 1.2em; font-size: 110%; }
|
|
p.quote {margin: 0em 30px 0.6em 30px; line-height: 120%; font-size: 120%;}
|
|
p.embed {float: left; width: 120px; margin: 7px 7px 5px 0px; padding: 5px 5px 5px 5px; background-color: rgb(238,237,249); font-style: italic; font-weight: bold; line-height: 1.2em; font-size: 140%;}
|
|
p.embed-caption {float: left; margin: 5px 0px 0px 0px; padding: 0px; font-style: italic; font-weight: normal; line-height: 1.2em; font-size: 70%;}
|
|
div.cachedesc {font-size: 120%;}
|
|
div.cachedesc p {font-size: 100%;}
|
|
|
|
/* Quote */
|
|
p.quote {clear: left; margin: 0em 30px 0.6em 30px; line-height: 120%; font-size: 110%;}
|
|
|
|
/* Embedded emphasis */
|
|
.embed {float: left; width: 120px; margin: 2px 7px 2px 1px; padding: 5px 5px 5px 5px; background-color: rgb(238,237,249); font-style: italic; font-weight: bold; line-height: 1.2em; font-size: 140%;}
|
|
.embed-caption {float: left; margin: 5px 0px 0px 0px; padding: 0px; font-style: italic; font-weight: normal; line-height: 1.2em; font-size: 70%;}
|
|
|
|
/* Lists */
|
|
ul.noindent {margin: 0px 0px 7px 15px; padding: 0px; list-style-type: disc; list-style-position: outside; font-size: 120%;}
|
|
ul.indent {margin: 0px 0px 7px 15px; padding: 0px 0px 0px 15px; list-style-type: disc; font-family: arial; font-size: 120%;}
|
|
ol {margin: 0px 0px 0px 9px; padding: 0px 0px 0px 25px; list-style-type: decimal; list-style-position: outside; font-size: 120%;}
|
|
ul.linklist-noindent {margin: -0.3em 0px 0.5em 0px; padding: 0px; list-style-type: none; line-height: 1.2em; font-size: 120%; }
|
|
ul.linklist-indent {margin: -0.3em 0px 0.5em 0px; padding: 0px 0px 0px 10px; list-style-type: none; line-height: 1.2em; font-size: 120%; }
|
|
.changelog {font-size: 105%; margin: 0px 0px 10px 0px; }
|
|
.changelogitem {margin: 0px 0px 0.1em 0px; }
|
|
|
|
/* Tables */
|
|
.table {font-size: 10px; line-height: 2.0em; clear: left; padding: 0px; margin: 0.5em 0px 0.2em 0px; border: solid 0px rgb(150,150,150); empty-cells: show; border-collapse: collapse; background-color: rgb(255,255,255);}
|
|
.table tr {margin: 0px; padding: 0px;}
|
|
.table td {padding: 2px 7px 2px 7px; border: solid 0px rgb(150,150,150); text-align: left; font-size: 120%;}
|
|
.table th {margin: 0px; background-color: rgb(127,162,202); padding: 2px 7px 2px 7px; border: solid 0px rgb(150,150,150); empty-cells: show; text-align: left; font-size: 120%; color: rgb(255,255,255); }
|
|
.table-caption {margin: 0.5em 0px 1.0em 30px; padding: 0px; clear: both; text-align: left; font-size: 120%;}
|
|
|
|
/* Images */
|
|
.img-left-noborder-notopmargin {float: left; margin: 0px 10px 0px 0px;}
|
|
.img-left-noborder-topmargin {float: left; margin: 3px 10px 0px 0px;}
|
|
.img-left-border-notopmargin {float: left; margin: 0px 10px 0px 0px; border: solid 1px rgb(150,150,150);}
|
|
.img-left-border-topmargin {float: left; margin: 3px 10px 0px 0px; border: solid 1px rgb(150,150,150);}
|
|
.img-right-noborder-notopmargin {float: right; margin: 0px 0px 0px 10px;}
|
|
.img-right-noborder-topmargin {float: right; margin: 3px 0px 0px 10px;}
|
|
.img-right-border-notopmargin {float: right; margin: 0px 0px 0px 10px; border: solid 1px rgb(150,150,150);}
|
|
.img-right-border-topmargin {float: right; margin: 3px 0px 0px 10px; border: solid 1px rgb(150,150,150);}
|
|
|
|
/*--------------------*/
|
|
/* 6.2 - Sidebar Area */
|
|
/*--------------------*/
|
|
.sidebar {overflow: hidden; float: right; width: 160px; min-height: 500px; margin: 0px; padding: 0px 0px 10px 0px; text-align: left; color: rgb(75,75,75);}
|
|
.sidebar-maintitle {margin: 0px 0px 10px 0px; padding: 3px 10px 2px 10px; background-color: rgb(156,186,214); color: rgb(255,255,255); text-transform: uppercase; font-weight: bold; font-size: 120%;}
|
|
.sidebar-title-noshade {margin: 0px; padding: 2px 10px 3px 10px; border-top: solid 1px rgb(215,215,215); color: rgb(75,75,75); font-weight: bold; font-size: 120%;}
|
|
.sidebar-title-shade {margin: 0px; padding: 2px 10px 3px 10px; background-color: rgb(215,215,215); color: rgb(75,75,75); font-weight: bold; font-size: 120%;}
|
|
.sidebar-txtbox-noshade {margin: 0px 0px 10px 0px; padding: 2px 10px 3px 10px;}
|
|
.sidebar-txtbox-shade {margin: 0px 0px 10px 0px; padding: 2px 10px 3px 10px; background-color: rgb(235,235,235);}
|
|
.sidebar-txtbox-noshade p {margin: 0px 0px 5px 0px; padding: 0px; line-height: 1.25em; font-size: 110%;}
|
|
.sidebar-txtbox-shade p {margin: 0px 0px 5px 0px; padding: 0px; line-height: 1.25em; font-size: 110%;}
|
|
|
|
/*--------------------*/
|
|
/* 6.3 - Footer Area */
|
|
/*--------------------*/
|
|
.footer {overflow: hidden; clear: both; width: 970px; height: 3.0em; margin: 0px; padding: 0.5em 0px 0.5em 0px; border-top: solid 1px rgb(125,125,125); background-color: rgb(128,161,202); color: rgb(255,255,255); font-size: 1.0em;}
|
|
.footer p {margin: 0px; padding: 0px; text-align: center; line-height: 1.3em; font-size: 110%;}
|
|
|
|
/*-------------------*/
|
|
/* 6.4 - Hyperlinks */
|
|
/*-------------------*/
|
|
.content1 a, .content2 a, .content3 a, .sidebar-txtbox-noshade a, .sidebar-txtbox-shade a {color: rgb(75,75,75); text-decoration: underline;}
|
|
.content1 a:hover, .content2 a:hover, .content3 a:hover, .sidebar-txtbox-noshade a:hover, .sidebar-txtbox-shade a:hover {color: rgb(0,0,0); text-decoration: none;}
|
|
.content1 a:visited, .content2 a:visited, .content3 a:visited, .sidebar-txtbox-noshade a:visited, .sidebar-txtbox-shade a:visited {color: rgb(130,75,150);}
|
|
.footer a {color: rgb(255,255,255); text-decoration: underline;}
|
|
.footer a:hover {color: rgb(0,0,0); text-decoration: none;}
|
|
|
|
/*******************************/
|
|
/* SECTION 7 - GENERIC CLASSES */
|
|
/*******************************/
|
|
|
|
/*----------------------------*/
|
|
/* 7.1 - Title decoration box */
|
|
/*----------------------------*/
|
|
.box-on {float: left; min-width: 0.3em; margin-right: 0.2em; padding: 0px 0.2em 0px 0.3em;}
|
|
.box-off {display: none;}
|
|
/* html box-on {width: 1%;} /* IE6-Hack for min-width. Also compliant with IE7-Beta2 */ */
|
|
|
|
/*-----------------------------*/
|
|
/* 7.2 - Horizontal alignments */
|
|
/*-----------------------------*/
|
|
|
|
.align-left {text-align: left;}
|
|
.align-right {text-align: right;}
|
|
.align-center {text-align: center;}
|
|
|
|
/*------------------*/
|
|
/* 7.3 Text colors */
|
|
/*------------------*/
|
|
.txt-white {color: rgb(255,255,255);}
|
|
.txt-black {color: rgb(0,0,0);}
|
|
|
|
.txt-grey01 {color: rgb(242,242,242);}
|
|
.txt-grey02 {color: rgb(230,230,230);}
|
|
.txt-grey03 {color: rgb(217,217,217);}
|
|
.txt-grey04 {color: rgb(204,204,204);}
|
|
.txt-grey05 {color: rgb(191,191,191);}
|
|
.txt-grey06 {color: rgb(178,178,178);}
|
|
.txt-grey07 {color: rgb(153,153,153);}
|
|
.txt-grey08 {color: rgb(127,127,127);}
|
|
.txt-grey09 {color: rgb(89,89,89);}
|
|
.txt-grey10 {color: rgb(51,51,51);}
|
|
|
|
.txt-yellow01 {color: rgb(254,252,232);}
|
|
.txt-yellow02 {color: rgb(253,249,201);}
|
|
.txt-yellow03 {color: rgb(253,246,185);}
|
|
.txt-yellow04 {color: rgb(252,243,162);}
|
|
.txt-yellow05 {color: rgb(251,239,139);}
|
|
.txt-yellow06 {color: rgb(250,236,116);}
|
|
.txt-yellow07 {color: rgb(249,233,93);}
|
|
.txt-yellow08 {color: rgb(249,230,69);}
|
|
.txt-yellow09 {color: rgb(248,227,46);}
|
|
.txt-yellow10 {color: rgb(247,224,23);}
|
|
|
|
.txt-blue01 {color: rgb(238,237,249);}
|
|
.txt-blue02 {color: rgb(219,230,241);}
|
|
.txt-blue03 {color: rgb(205,202,236);}
|
|
.txt-blue04 {color: rgb(189,185,229);}
|
|
.txt-blue05 {color: rgb(172,167,223);}
|
|
.txt-blue06 {color: rgb(155,149,217);}
|
|
.txt-blue07 {color: rgb(139,132,210);}
|
|
.txt-blue08 {color: rgb(122,114,204);}
|
|
.txt-blue09 {color: rgb(106,97,197);}
|
|
.txt-blue10 {color: rgb(89,79,191);}
|
|
|
|
.txt-green01 {color: rgb(237,246,229);}
|
|
.txt-green02 {color: rgb(220,238,204);}
|
|
.txt-green03 {color: rgb(202,229,178);}
|
|
.txt-green04 {color: rgb(185,220,153);}
|
|
.txt-green05 {color: rgb(167,211,127);}
|
|
.txt-green06 {color: rgb(149,203,102);}
|
|
.txt-green07 {color: rgb(132,194,76);}
|
|
.txt-green08 {color: rgb(114,185,51);}
|
|
.txt-green09 {color: rgb(97,177,25);}
|
|
.txt-green10 {color: rgb(79,168,0);}
|
|
|
|
.txt-red01 {color: rgb(252,235,233);}
|
|
.txt-red02 {color: rgb(248,216,211);}
|
|
.txt-red03 {color: rgb(245,196,188);}
|
|
.txt-red04 {color: rgb(242,177,166);}
|
|
.txt-red05 {color: rgb(238,157,144);}
|
|
.txt-red06 {color: rgb(235,137,122);}
|
|
.txt-red07 {color: rgb(232,118,100);}
|
|
.txt-red08 {color: rgb(229,98,77);}
|
|
.txt-red09 {color: rgb(225,79,55);}
|
|
.txt-red10 {color: rgb(222,59,33);}
|
|
|
|
/*-------------------------*/
|
|
/* 7.4 - Background colors */
|
|
/*-------------------------*/
|
|
.bg-white {background-color: rgb(255,255,255);}
|
|
.bg-black {background-color: rgb(0,0,0);}
|
|
|
|
.bg-grey01 {background-color: rgb(242,242,242);}
|
|
.bg-grey02 {background-color: rgb(230,230,230);}
|
|
.bg-grey03 {background-color: rgb(217,217,217);}
|
|
.bg-grey04 {background-color: rgb(204,204,204);}
|
|
.bg-grey05 {background-color: rgb(191,191,191);}
|
|
.bg-grey06 {background-color: rgb(178,178,178);}
|
|
.bg-grey07 {background-color: rgb(153,153,153);}
|
|
.bg-grey08 {background-color: rgb(127,127,127);}
|
|
.bg-grey09 {background-color: rgb(89,89,89);}
|
|
.bg-grey10 {background-color: rgb(51,51,51);}
|
|
|
|
.bg-yellow01 {background-color: rgb(254,252,232);}
|
|
.bg-yellow02 {background-color: rgb(253,249,201);}
|
|
.bg-yellow03 {background-color: rgb(253,246,185);}
|
|
.bg-yellow04 {background-color: rgb(252,243,162);}
|
|
.bg-yellow05 {background-color: rgb(251,239,139);}
|
|
.bg-yellow06 {background-color: rgb(250,236,116);}
|
|
.bg-yellow07 {background-color: rgb(249,233,93);}
|
|
.bg-yellow08 {background-color: rgb(249,230,69);}
|
|
.bg-yellow09 {background-color: rgb(248,227,46);}
|
|
.bg-yellow10 {background-color: rgb(247,224,23);}
|
|
|
|
.bg-blue01 {background-color: rgb(238,237,249);}
|
|
.bg-blue02 {background-color: rgb(219,230,241); padding: 2px;}
|
|
.bg-blue03 {background-color: rgb(205,202,236);}
|
|
.bg-blue04 {background-color: rgb(189,185,229);}
|
|
.bg-blue05 {background-color: rgb(172,167,223);}
|
|
.bg-blue06 {background-color: rgb(155,149,217);}
|
|
.bg-blue07 {background-color: rgb(139,132,210);}
|
|
.bg-blue08 {background-color: rgb(122,114,204);}
|
|
.bg-blue09 {background-color: rgb(106,97,197);}
|
|
.bg-blue10 {background-color: rgb(89,79,191);}
|
|
|
|
.bg-green01 {background-color: rgb(237,246,229);}
|
|
.bg-green02 {background-color: rgb(220,238,204);}
|
|
.bg-green03 {background-color: rgb(202,229,178);}
|
|
.bg-green04 {background-color: rgb(185,220,153);}
|
|
.bg-green05 {background-color: rgb(167,211,127);}
|
|
.bg-green06 {background-color: rgb(149,203,102);}
|
|
.bg-green07 {background-color: rgb(132,194,76);}
|
|
.bg-green08 {background-color: rgb(114,185,51);}
|
|
.bg-green09 {background-color: rgb(97,177,25);}
|
|
.bg-green10 {background-color: rgb(79,168,0);}
|
|
|
|
.bg-red01 {background-color: rgb(252,235,233);}
|
|
.bg-red02 {background-color: rgb(248,216,211);}
|
|
.bg-red03 {background-color: rgb(245,196,188);}
|
|
.bg-red04 {background-color: rgb(242,177,166);}
|
|
.bg-red05 {background-color: rgb(238,157,144);}
|
|
.bg-red06 {background-color: rgb(235,137,122);}
|
|
.bg-red07 {background-color: rgb(232,118,100);}
|
|
.bg-red08 {background-color: rgb(229,98,77);}
|
|
.bg-red09 {background-color: rgb(225,79,55);}
|
|
.bg-red10 {background-color: rgb(222,59,33);}
|
|
|
|
/*---------------------------*/
|
|
/* 7.5 Bottom border colors */
|
|
/*---------------------------*/
|
|
.box-blue {width:750px; padding: 15px 9px 5px 10px; margin:10 10 10 10;border-top:1px solid rgb(88,144,168);border-left:1px solid rgb(88,144,168);border-right:1px solid rgb(88,144,168);border-bottom:1px solid rgb(88,144,168);}
|
|
.line-box {width:769px; border-bottom: solid 1px rgb(200,200,200); padding-bottom: 7px; margin: 0px 0px 15px 0px;}
|
|
|
|
.line-white {border-bottom: solid 1px rgb(255,255,255); padding-bottom: 2px; margin: 0px 0px 1px 0px;}
|
|
.line-black {border-bottom: solid 1px rgb(0,0,0); padding-bottom: 2px; margin: 0px 0px 1px 0px;}
|
|
|
|
.line-grey01 {border-bottom: solid 1px rgb(242,242,242); padding-bottom: 2px; margin-bottom: 1px;}
|
|
.line-grey02 {border-bottom: solid 1px rgb(230,230,230); padding-bottom: 2px; margin-bottom: 1px;}
|
|
.line-grey03 {border-bottom: solid 1px rgb(217,217,217); padding-bottom: 2px; margin-bottom: 1px;}
|
|
.line-grey04 {border-bottom: solid 1px rgb(204,204,204); padding-bottom: 2px; margin-bottom: 1px;}
|
|
.line-grey05 {border-bottom: solid 1px rgb(191,191,191); padding-bottom: 2px; margin-bottom: 1px;}
|
|
.line-grey06 {border-bottom: solid 1px rgb(178,178,178); padding-bottom: 2px; margin-bottom: 1px;}
|
|
.line-grey07 {border-bottom: solid 1px rgb(153,153,153); padding-bottom: 2px; margin-bottom: 1px;}
|
|
.line-grey08 {border-bottom: solid 1px rgb(127,127,127); padding-bottom: 2px; margin-bottom: 1px;}
|
|
.line-grey09 {border-bottom: solid 1px rgb(89,89,89); padding-bottom: 2px; margin-bottom: 1px;}
|
|
.line-grey10 {border-bottom: solid 1px rgb(51,51,51); padding-bottom: 2px; margin-bottom: 1px;}
|
|
|
|
.line-yellow01 {border-bottom: solid 1px rgb(254,252,232); padding-bottom: 2px; margin-bottom: 1px;}
|
|
.line-yellow02 {border-bottom: solid 1px rgb(253,249,201); padding-bottom: 2px; margin-bottom: 1px;}
|
|
.line-yellow03 {border-bottom: solid 1px rgb(253,246,185); padding-bottom: 2px; margin-bottom: 1px;}
|
|
.line-yellow04 {border-bottom: solid 1px rgb(252,243,162); padding-bottom: 2px; margin-bottom: 1px;}
|
|
.line-yellow05 {border-bottom: solid 1px rgb(251,239,139); padding-bottom: 2px; margin-bottom: 1px;}
|
|
.line-yellow06 {border-bottom: solid 1px rgb(250,236,116); padding-bottom: 2px; margin-bottom: 1px;}
|
|
.line-yellow07 {border-bottom: solid 1px rgb(249,233,93); padding-bottom: 2px; margin-bottom: 1px;}
|
|
.line-yellow08 {border-bottom: solid 1px rgb(249,230,69); padding-bottom: 2px; margin-bottom: 1px;}
|
|
.line-yellow09 {border-bottom: solid 1px rgb(248,227,46); padding-bottom: 2px; margin-bottom: 1px;}
|
|
.line-yellow10 {border-bottom: solid 1px rgb(247,224,23); padding-bottom: 2px; margin-bottom: 1px;}
|
|
|
|
.line-blue01 {border-bottom: solid 1px rgb(238,237,249); padding-bottom: 2px; margin-bottom: 1px;}
|
|
.line-blue02 {border-bottom: solid 1px rgb(222,220,242); padding-bottom: 2px; margin-bottom: 1px;}
|
|
.line-blue03 {border-bottom: solid 1px rgb(205,202,236); padding-bottom: 2px; margin-bottom: 1px;}
|
|
.line-blue04 {border-bottom: solid 1px rgb(189,185,229); padding-bottom: 2px; margin-bottom: 1px;}
|
|
.line-blue05 {border-bottom: solid 1px rgb(172,167,223); padding-bottom: 2px; margin-bottom: 1px;}
|
|
.line-blue06 {border-bottom: solid 1px rgb(155,149,217); padding-bottom: 2px; margin-bottom: 1px;}
|
|
.line-blue07 {border-bottom: solid 1px rgb(139,132,210); padding-bottom: 2px; margin-bottom: 1px;}
|
|
.line-blue08 {border-bottom: solid 1px rgb(122,114,204); padding-bottom: 2px; margin-bottom: 1px;}
|
|
.line-blue09 {border-bottom: solid 1px rgb(106,97,197); padding-bottom: 2px; margin-bottom: 1px;}
|
|
.line-blue10 {border-bottom: solid 1px rgb(89,79,191); padding-bottom: 2px; margin-bottom: 1px;}
|
|
|
|
.line-green01 {border-bottom: solid 1px rgb(237,246,229); padding-bottom: 2px; margin-bottom: 1px;}
|
|
.line-green02 {border-bottom: solid 1px rgb(220,238,204); padding-bottom: 2px; margin-bottom: 1px;}
|
|
.line-green03 {border-bottom: solid 1px rgb(202,229,178); padding-bottom: 2px; margin-bottom: 1px;}
|
|
.line-green04 {border-bottom: solid 1px rgb(185,220,153); padding-bottom: 2px; margin-bottom: 1px;}
|
|
.line-green05 {border-bottom: solid 1px rgb(167,211,127); padding-bottom: 2px; margin-bottom: 1px;}
|
|
.line-green06 {border-bottom: solid 1px rgb(149,203,102); padding-bottom: 2px; margin-bottom: 1px;}
|
|
.line-green07 {border-bottom: solid 1px rgb(132,194,76); padding-bottom: 2px; margin-bottom: 1px;}
|
|
.line-green08 {border-bottom: solid 1px rgb(114,185,51); padding-bottom: 2px; margin-bottom: 1px;}
|
|
.line-green09 {border-bottom: solid 1px rgb(97,177,25); padding-bottom: 2px; margin-bottom: 1px;}
|
|
.line-green10 {border-bottom: solid 1px rgb(79,168,0); padding-bottom: 2px; margin-bottom: 1px;}
|
|
|
|
.line-red01 {border-bottom: solid 1px rgb(252,235,233); padding-bottom: 2px; margin-bottom: 1px;}
|
|
.line-red02 {border-bottom: solid 1px rgb(248,216,211); padding-bottom: 2px; margin-bottom: 1px;}
|
|
.line-red03 {border-bottom: solid 1px rgb(245,196,188); padding-bottom: 2px; margin-bottom: 1px;}
|
|
.line-red04 {border-bottom: solid 1px rgb(242,177,166); padding-bottom: 2px; margin-bottom: 1px;}
|
|
.line-red05 {border-bottom: solid 1px rgb(238,157,144); padding-bottom: 2px; margin-bottom: 1px;}
|
|
.line-red06 {border-bottom: solid 1px rgb(235,137,122); padding-bottom: 2px; margin-bottom: 1px;}
|
|
.line-red07 {border-bottom: solid 1px rgb(232,118,100); padding-bottom: 2px; margin-bottom: 1px;}
|
|
.line-red08 {border-bottom: solid 1px rgb(229,98,77); padding-bottom: 2px; margin-bottom: 1px;}
|
|
.line-red09 {border-bottom: solid 1px rgb(225,79,55); padding-bottom: 2px; margin-bottom: 1px;}
|
|
.line-red10 {border-bottom: solid 1px rgb(222,59,33); padding-bottom: 2px; margin-bottom: 1px;}
|
|
|
|
/*****************************/
|
|
/* SECTION 8 - MISCELLANEOUS */
|
|
/*****************************/
|
|
.showcode {font-family: monospace; font-weight: bold; font-size: 13px; color: rgb(255,0,0);}
|
|
.clear {clear: both;}
|
|
.hide {display: none;}
|
|
br {clear: none;}
|
|
|
|
|
|
/* styles for inputfields */
|
|
input { border:1px solid black; background-color:white; padding:1px; font-size:11px;color: black;}
|
|
|
|
*.input20 {width:20px;} /* day,month */
|
|
*.input30 {width:30px;}
|
|
*.input40 {width:40px;} /* year */
|
|
*.input50 {width:50px;}
|
|
*.input70 {width:70px;}
|
|
*.input100 {width:100px;} /* log-password */
|
|
*.input120 {width:120px;} /* emailadress */
|
|
*.input200 {width:200px;}
|
|
*.input300 {width:300px;}
|
|
*.input350 {width:350px;} /* overwrite saved query */
|
|
*.input400 {width:400px;} /* short cachedescription */
|
|
|
|
input.checkbox {width:12px; height:12px; font-size:12px; border:0;}
|
|
|
|
input.radio {border:0px; border-width: 0px; width:12px; height:12px; background-color: transparent;}
|
|
|
|
select {border:1px solid black; background-color:white; padding:1px; font-size:12px; color: black;}
|
|
|
|
|
|
input.formbuttons {background-color:rgb(219,230,241); width:120px; border:1px solid black; padding:0px; color: #000000; }
|
|
|
|
.menuBar
|
|
{
|
|
background-color:#F0F0EE;
|
|
margin:2px 2px 2px 2px;
|
|
padding:2px 2px 2px 2px;
|
|
border:solid 1px #CCCCCC;
|
|
font-size:smaller;
|
|
width:155px;
|
|
cursor:default;
|
|
}
|
|
|
|
.buttonNormal
|
|
{
|
|
padding:3px 4px 3px 4px;
|
|
cursor:default;
|
|
}
|
|
|
|
.buttonSplitter
|
|
{
|
|
color:#CCCCCC;
|
|
}
|
|
|
|
.filters
|
|
{
|
|
font-family:sans-serif;
|
|
border:1px solid black;
|
|
background:#DDDDDD;
|
|
padding-bottom:15px;
|
|
padding-top:15px;
|
|
text-align:left;
|
|
font-size:small;
|
|
vertical-align: top;
|
|
}
|
|
|
|
textarea.cachedesc {width:600px; height:500px; } /* only cacheeditor */
|
|
textarea.hint { width:600px; height:100px; } /* only cacheditor */
|
|
textarea.logs { width:600px; height:300px; } /* only logeditor */
|
|
|
|
.show_deleted { text-decoration: line-through; }
|
|
|
|
div#new-caches-area { width: 500px; }
|
|
div#new-events-area { width: 500px; }
|
|
|
|
div#cacheview-attributesinfo { }
|
|
|
|
div#viewlogs-end { font-weight: bold; font-size: 120%; margin-bottom: 10px;}
|
|
|
|
img#viewcache-cacheicon { float: left; }
|
|
|
|
div#viewcache-baseinfo { width:400px; text-align: left;}
|
|
div#viewcache-maptypes { width:360px; text-align: right;}
|
|
div#viewcache-maptypes .content2-container-2col-right{}
|
|
div#viewcache-numstats { width: 170px; height: 185px; text-align: left; }
|
|
div#viewcache-map { width: 185px; height: 185px; float: right;}
|
|
div#viewcache-map .img-shadow{ }
|
|
|
|
div.viewcache_log-content { margin-left: 20px }
|
|
div.viewlogs-logpictures span.info { font-weight: bold; font-size: 120%;display: block;}
|
|
div.viewlogs-logpictures div.logimage { float: left; }
|
|
div.viewlogs-logpictures div.allimages { background-color: rgb(219,230,241);padding: 5px; max-width: 750px; float: left;}
|
|
div.viewlogs-logpictures span.desc { vertical-align: center; display: block; float: right; width: 112px; margin-top: 5px; padding-left: 3px;font-size: 12px;} /* should fit 4 images */
|
|
div.viewlogs-logpictures img { max-width: 64px; max-height: 64px; vertical-align: top;}
|
|
div.viewlogs-logpictures span.removepic { display: block; font-size: 12px;}
|
|
|
|
div#viewcache-utility { margin: 0px 0px 0.5em 0px; padding: 0px; line-height: 1.6em; font-family: arial, sans serif; font-size: 120%; }
|
|
|
|
div.viewcache_log-content { font-family: arial, sans serif; line-height: 1.6em; font-size: 12px; margin-top: 5px;}
|
|
div#viewcache-description { font-family: arial, sans serif; line-height: 1.6em; font-size: 12px; margin-top: 5px;}
|
|
|
|
div#viewcache-description * { max-width: 770px; }
|
|
|
|
div#viewcache-description p { line-height: 1.6em; font-size: 13px; }
|
|
|
|
div.viewcache-pictureblock { float: left; }
|
|
|
|
div.viewcache-pictureblock span.title { display: block; max-width: 175px; padding-left: 10px; padding-right: 5px;clear: left; font-size: 125%;}
|
|
|
|
div#main-cachemap-block { width: 265px; margin-top: 80px; }
|
|
|
|
#viewprofile-table td {
|
|
width: 260px;
|
|
}
|
|
|
|
p.main-totalstats {
|
|
font-weight: bold;
|
|
}
|
|
|
|
div#fullscreen_map_filters * {
|
|
font-size: 11px;
|
|
}
|
|
|
|
.img-shadow {
|
|
float:left;
|
|
background: url(shadowAlpha.png) no-repeat bottom right !important;
|
|
/* background: url(shadow.gif) no-repeat bottom right;*/
|
|
/* background-color: red;*/
|
|
margin: 10px 0 0 10px !important;
|
|
margin: 10px 0 0 5px;
|
|
}
|
|
|
|
.img-shadow img {
|
|
display: block;
|
|
position: relative;
|
|
background-color: #fff;
|
|
border: 1px solid #a9a9a9;
|
|
margin: -4px 4px 4px -4px;
|
|
padding: 2px;
|
|
}
|
|
|
|
form#register label {
|
|
text-align: right;
|
|
width: 14em;
|
|
padding-right: 20px;
|
|
display: block;
|
|
float: left;
|
|
}
|
|
|
|
form#register div {
|
|
margin: 7px 0 5px 0;
|
|
}
|
|
|
|
form, input, textarea, button {
|
|
font-family: Arial, Tahoma, Verdana, sans-serif;
|
|
font-size: 8pt;
|
|
}
|
|
|
|
/* Inputbutton, Selectmenu */
|
|
|
|
#Print5, #PrintA, #PrintN, #send-to-gps, #SendToGPS, .wpdownload {
|
|
background: rgb(234,239,247);
|
|
border-right: #005e9d 2px outset;
|
|
border-top: #000000 1px outset;
|
|
font-weight: bold;
|
|
font-size: 8pt;
|
|
padding-bottom: 2px;
|
|
border-left: #000000 1px outset;
|
|
padding-top: 2px;
|
|
border-bottom: #005e9d 2px outset;
|
|
font-family: verdana, tahoma, sans-serif;
|
|
}
|
|
|
|
div.gsc-resultsRoot, div.gsc-branding-text, img.gsc-branding-img {
|
|
display: none;
|
|
}
|
|
|
|
#ext_search input.gsc-input {
|
|
font-size: 14px;
|
|
width: 150px;
|
|
}
|
|
|
|
#ext_search input.gsc-search-button {
|
|
font-size: 12px;
|
|
}
|
|
|
|
|
|
#map_canvas input.gsc-input {
|
|
font-size: 15px;
|
|
}
|
|
|
|
#map_canvas input.gsc-search-button {
|
|
font-size: 14px;
|
|
}
|
|
|
|
/* linki w recomendation cache sp2ong */
|
|
|
|
a.links:link {
|
|
font-weight:bold;
|
|
color: black;
|
|
text-decoration:none;
|
|
}
|
|
|
|
a.links:visited {
|
|
font-weight:bold;
|
|
color: purple;
|
|
text-decoration:none;
|
|
}
|
|
|
|
a.links:active {
|
|
background-color: yellow;
|
|
text-decoration:none;
|
|
}
|
|
|
|
a.links:hover {
|
|
font-weight:bold;
|
|
color:blue;
|
|
/* background-color:rgb(219,230,241); */
|
|
text-decoration: underline;
|
|
}
|
|
a.links2:link {
|
|
font-weight:bold;
|
|
color: black;
|
|
text-decoration:none;
|
|
}
|
|
|
|
a.links2:visited {
|
|
font-weight:bold;
|
|
color: black;
|
|
text-decoration:none;
|
|
}
|
|
|
|
a.links2:active {
|
|
background-color: yellow;
|
|
text-decoration:none;
|
|
}
|
|
|
|
a.links2:hover {
|
|
font-weight:bold;
|
|
color:blue;
|
|
/* background-color:rgb(219,230,241); */
|
|
text-decoration: none;
|
|
}
|
|
|
|
a.info{
|
|
position:relative; /*this is the key*/
|
|
z-index:24; background-color:#FFFFFF;
|
|
color:#000;
|
|
text-decoration:none;
|
|
}
|
|
|
|
a.info:visited {
|
|
color: black;
|
|
text-decoration:none;
|
|
}
|
|
|
|
a.info:hover{
|
|
z-index:25;
|
|
background-color:#FFFFFF;
|
|
}
|
|
|
|
a.info span{
|
|
display: none
|
|
}
|
|
|
|
a.info:hover span{ /*the span will display just on :hover state*/
|
|
display:block;
|
|
position:relative;
|
|
bottom:15em; left:0em; width:15em;
|
|
border:1px solid #000;
|
|
background-color:#FFFFCC; color:#000;
|
|
text-align: left; font-size: 11px;
|
|
}
|
|
|
|
/* DWJ-Logo */
|
|
|
|
#dwj {
|
|
line-height:0.8em;
|
|
font-size:small;
|
|
font-family:Verdana,Arial,Helvetica,sans-serif;
|
|
margin-right:5px;
|
|
}
|
|
|
|
/* Breadcrumb-Navigation */
|
|
|
|
#breadcrumb
|
|
{
|
|
position: absolute;
|
|
top:110px;
|
|
right: 250px;
|
|
left: 180px;
|
|
color:#505050;
|
|
font-size:x-small;
|
|
font-family:sans-serif;
|
|
border-bottom:1px solid #AAAAAA;
|
|
text-align:left;
|
|
margin-top:0.5ex;
|
|
margin-bottom:1ex;
|
|
line-height:3ex;
|
|
text-indent:1ex;
|
|
}
|
|
#breadcrumb_fullsize
|
|
{
|
|
position: absolute;
|
|
top:110px;
|
|
right: 20px;
|
|
left: 180px;
|
|
|
|
color:#505050;
|
|
font-size:x-small;
|
|
font-family:sans-serif;
|
|
border-bottom:1px solid #AAAAAA;
|
|
text-align:left;
|
|
margin-top:0.5ex;
|
|
margin-bottom:1ex;
|
|
line-height:3ex;
|
|
text-indent:1ex;
|
|
}
|
|
|
|
/* lists at hompage */
|
|
|
|
ul.nodot {
|
|
font-size: 11px;
|
|
}
|
|
|
|
ul.nodot li {
|
|
list-style-type: none;
|
|
}
|
|
|
|
/* small things */
|
|
|
|
#suchbox {
|
|
position: absolute;
|
|
top:112px;
|
|
right: 5px;
|
|
}
|
|
|
|
/* external links in Maindiv, decorated with ext-icon */
|
|
|
|
#ocmain a[href^="http:"], #ocmain a[href^="https:"]
|
|
{
|
|
padding-right: 14px;
|
|
background-image: url('../images/misc/linkicon.png');
|
|
background-repeat: no-repeat;
|
|
background-position: right center;
|
|
}
|
|
|
|
/* internal links without symbol */
|
|
|
|
#ocmain a[href^="http://www.opencaching"], #ocmain a[href^="http://blog.opencaching"],#ocmain a[href^="http://opencaching"], #ocmain a[href^="http://leute.geocaching.de"], #ocmain a[href^="http://geocaching.de"], #ocmain a[href^="http://cms.opencaching"], #ocmain a[href^="http://cms.geocaching.de"], #ocmain a[href^="http://oc-devel"], #ocmain a[href^="http://www.dietz"]
|
|
{
|
|
padding-right: 0;
|
|
background-image: none;
|
|
}
|
|
|
|
/* Attribute auf der Suchseite */
|
|
|
|
div#attribs1 {
|
|
width: 620px;
|
|
padding: 0;
|
|
margin: 0;
|
|
}
|
|
|
|
div#attribs2 {
|
|
width: 620px;
|
|
padding: 0;
|
|
margin: 0;
|
|
}
|
|
|
|
/* CSS-Hack for Firefox */
|
|
|
|
:root div.attribgroup {
|
|
display: inline-block;
|
|
margin: 0px;
|
|
padding-right: 0.6em;
|
|
padding-bottom: 0.6em;
|
|
}
|
|
/* CSS-Hack for Chrome & Safari */
|
|
|
|
@media screen and (-webkit-min-device-pixel-ratio:0) {
|
|
div.attribgroup {
|
|
display: inline-block;
|
|
margin: 0px;
|
|
padding-right: 0.6em;
|
|
padding-bottom: 0.6em;
|
|
}
|
|
}
|
|
/* CSS-Hack for IE */
|
|
|
|
*div.attribgroup {
|
|
display: inline;
|
|
margin: 0px;
|
|
padding-right: 0.6em;
|
|
}
|
|
|
|
div.attribgroup table {
|
|
border-spacing: 0px;
|
|
display: inline;
|
|
}
|
|
|
|
/* Debugfield for Developersystem */
|
|
|
|
#debugoc {
|
|
position: absolute;
|
|
left: 305px;
|
|
top: 4px;
|
|
border: solid 3px red;
|
|
padding: 15px;
|
|
z-index: 2;
|
|
background-color: white;
|
|
opacity: 0.6;
|
|
-moz-opacity: 0.6;
|
|
-khtml-opacity: 0.6;
|
|
filter: alpha(opacity=60);
|
|
}
|
|
|
|
.content-title-noshade-size3 img {
|
|
padding: 0;
|
|
margin-top: 0;
|
|
margin-bottom: 0;
|
|
}
|
|
|
|
|
|
.nodeflags {
|
|
padding-bottom: 10px;
|
|
}
|
|
.nodeflags img {
|
|
padding-top: 2px;
|
|
}
|
|
|
|
/* Searchfield Cachemap */
|
|
|
|
#ocmain div.mapform {
|
|
/*width: 570px;*/
|
|
height: 30px;
|
|
text-align: center;
|
|
vertical-align: middle;
|
|
margin-left: 100px;
|
|
margin-right: 100px;
|
|
}
|
|
|
|
#ocmain table.mapsearch {
|
|
border-collapse: collapse;
|
|
margin-left:auto;
|
|
margin-right:auto;
|
|
}
|
|
|
|
#ocmain table.mapsearch td {
|
|
padding: 0;
|
|
margin: 0;
|
|
border-collapse: collapse;
|
|
}
|
|
|
|
td.mapsearch-a {
|
|
width: 300px;
|
|
height: 30px;
|
|
margin: 0;
|
|
padding: 0;
|
|
text-align:left;
|
|
border-top: solid 2px grey;
|
|
border-left: solid 2px grey;
|
|
border-bottom: solid 2px grey;
|
|
-moz-border-radius-topleft: 6;
|
|
-moz-border-radius-bottomleft: 6;
|
|
}
|
|
|
|
td.mapsearch-b {
|
|
height: 30px;
|
|
margin: 0;
|
|
padding: 0;
|
|
border-top: solid 2px grey;
|
|
border-right: solid 2px grey;
|
|
border-bottom: solid 2px grey;
|
|
-moz-border-radius-topright: 6;
|
|
-moz-border-radius-bottomright: 6;
|
|
}
|
|
|
|
td.mapsearch-c {
|
|
width: 185px;
|
|
margin: 0;
|
|
padding: 0;
|
|
border: 0;
|
|
}
|
|
|
|
.mapfilter {
|
|
border: solid 1px rgb(219,230,241);
|
|
-webkit-border-radius: 5px;
|
|
-moz-border-radius: 5px;
|
|
margin: 3px;
|
|
}
|
|
|
|
.mapfiltertopic {
|
|
margin: 0px 0px 10px 0px;
|
|
padding: 3px 5px 2px 13px;
|
|
background-color: rgb(156,186,214);
|
|
color: rgb(255,255,255);
|
|
text-transform: uppercase;
|
|
font-weight: bold;
|
|
font-size: 120%;
|
|
width: 100%;
|
|
}
|
|
|
|
#ocmain input.searchfield {
|
|
font:15px arial, sans-serif;
|
|
background-position:bottom;
|
|
color:#000;
|
|
cursor:text;
|
|
width: 285px;
|
|
margin-left: 4px;
|
|
vertical-align:top;
|
|
border: none;
|
|
}
|
|
|
|
#ocmain input.searchbutton {
|
|
font:15px arial, sans-serif;
|
|
background-position:bottom;
|
|
background: #ccc;
|
|
color:#000;
|
|
cursor:pointer;
|
|
width: 70;
|
|
height:30px;
|
|
margin:0;
|
|
vertical-align:top;
|
|
border: none;
|
|
}
|
|
|
|
#ocmain input.searchbutton:hover {
|
|
background: rgb(217,217,217);
|
|
}
|
|
|
|
#ocmain div.mappermalink {
|
|
font-size:small;
|
|
position:absolute;
|
|
z-index:999;
|
|
background-color:white;
|
|
border:solid 1px darkblue;
|
|
padding:10px;
|
|
margin-left:375px;
|
|
margin-top:10px;
|
|
}
|
|
|
|
#ocmain div.mapselectgeocode {
|
|
position:absolute;
|
|
z-index:998;
|
|
margin-left:147px;
|
|
margin-top:5px;
|
|
width:376px;
|
|
background-color:white;
|
|
}
|
|
|
|
#ocmain select.mapselectlist {
|
|
display:none;
|
|
width:100%;
|
|
font-size:medium;
|
|
}
|
|
|
|
#ocmain option.resultitem {
|
|
color:red;
|
|
}
|
|
|
|
#ocmain div#maphidebox {
|
|
width: 770px;
|
|
border: solid 2px grey;
|
|
-moz-border-radius-topright: 6;
|
|
-moz-border-radius-bottomright: 6;
|
|
-moz-border-radius-topleft: 6;
|
|
-moz-border-radius-bottomleft: 6;
|
|
}
|
|
|
|
#ocmain div#maphidebox p {
|
|
margin-left: 40px;
|
|
}
|
|
|
|
#ocmain ul.maphidelist li {
|
|
list-style-type: none;
|
|
}
|
|
|
|
#ocmain table.maphideform td {
|
|
vertical-align: top;
|
|
width: 380px;
|
|
}
|
|
|
|
div.logs {
|
|
border: 1px solid #ccc;
|
|
margin: 0 0 10px 0;
|
|
padding: 3px 5px 5px 5px;
|
|
background: #fff url(../images/misc/bg-gradient-blue.png) repeat-x top left;
|
|
-webkit-border-radius: 5px;
|
|
-moz-border-radius: 5px;
|
|
}
|
|
|
|
td.odd {
|
|
background: #fff;
|
|
}
|
|
td.even {
|
|
background: #dbe6f1;
|
|
}
|
|
|
|
tr.searchresult td {
|
|
padding-top: 5px;
|
|
padding-bottom: 5px;
|
|
border-bottom: solid 1px black;
|
|
border-top: solid 1px black;
|
|
margin-bottom: 5px;
|
|
}
|
|
div.searchdiv {
|
|
width: 94%;
|
|
margin: 5px;
|
|
padding: 5px; border: solid 1px rgb(219,230,241);
|
|
-webkit-border-radius: 5px;
|
|
-moz-border-radius: 5px;
|
|
}
|
|
|
|
.pad5 { padding: 5px; }
|
|
.pad10 { padding: 10px; }
|
|
.pad15 { padding: 15px; }
|
|
.pad20 { padding: 20px; }
|
|
|
|
div.isarchived {
|
|
clear: both;
|
|
float: left;
|
|
width: 735px;
|
|
margin: 0px 0px 10px 0px;
|
|
padding: 15px;
|
|
border: solid 2px red;
|
|
-webkit-border-radius: 5px;
|
|
-moz-border-radius: 5px;
|
|
}
|
|
|
|
div#havefound {
|
|
position: absolute;
|
|
z-index: 25;
|
|
top: 180px;
|
|
right: 20px;
|
|
width: 35px;
|
|
padding: 5px 5px 5px 0px;
|
|
font-weight: bold;
|
|
height: 35px;
|
|
}
|
|
|
|
* html div#havefound {top: 160px;}
|
|
*+html div#havefound {top: 160px;}
|