mirror of
https://gitlab.com/t6353/sharee.bike.git
synced 2024-11-14 14:46:27 +01:00
699 lines
12 KiB
CSS
Executable file
699 lines
12 KiB
CSS
Executable file
<!--
|
|
|
|
html,body {
|
|
background-color: white;
|
|
background-repeat:repeat-x;
|
|
background-position: top left;
|
|
background-attachment:fixed;
|
|
color: #3f3f3f;
|
|
line-height:1.4;
|
|
font-family:'Arial';
|
|
font-size:14px;
|
|
line-height:1.0;
|
|
margin: 0;
|
|
padding: 0;
|
|
text-align:left;
|
|
}
|
|
|
|
.bgheader{
|
|
background: linear-gradient(top, #eaeaea 0%, #008dd2 25%, #008dd2 100%);
|
|
background: -moz-linear-gradient(top, #eaeaea 0%, #008dd2 25%, #008dd2 100%);
|
|
background: -webkit-linear-gradient(top, #eaeaea 0%, #008dd2 25%, #008dd2 100%);
|
|
background: -ms-linear-gradient(top, #eaeaea 0%, #008dd2 25%, #008dd2 100%);
|
|
background: -o-linear-gradient(top, #eaeaea 0%, #008dd2 25%, #008dd2 100%);
|
|
|
|
}
|
|
|
|
|
|
|
|
#scroll-top-wrapper {
|
|
position: fixed;
|
|
right: 20px;
|
|
bottom: 20px;
|
|
|
|
opacity: 0;
|
|
visibility: hidden;
|
|
overflow: hidden;
|
|
z-index: 999;
|
|
-webkit-transition: all 0.5s ease-in-out;
|
|
-moz-transition: all 0.5s ease-in-out;
|
|
-ms-transition: all 0.5s ease-in-out;
|
|
-o-transition: all 0.5s ease-in-out;
|
|
transition: all 0.5s ease-in-out;
|
|
}
|
|
#scroll-top-wrapper a:hover {
|
|
color: gray;
|
|
}
|
|
#scroll-top-wrapper.show {
|
|
visibility:visible;
|
|
cursor:pointer;
|
|
opacity: 1.0;
|
|
}
|
|
|
|
|
|
#map a{
|
|
text-decoration:underline;
|
|
}
|
|
|
|
#google-maps {
|
|
position: relative;
|
|
padding-bottom: 75%; // This is the aspect ratio
|
|
height: 0;
|
|
overflow: hidden;
|
|
}
|
|
#google-maps iframe {
|
|
position: absolute;
|
|
top: 0;
|
|
left: 0;
|
|
width: 100% !important;
|
|
height: 100% !important;
|
|
}
|
|
|
|
th {
|
|
padding:0.3em 0.5em;
|
|
text-align:center;
|
|
font-weight: normal;
|
|
background-color: silver;
|
|
border-right: solid thin gray;
|
|
border-bottom: solid thin gray;
|
|
}
|
|
|
|
.tdint {
|
|
padding:0.3em 0.5em;
|
|
vertical-align: top;
|
|
text-align: right;
|
|
|
|
}
|
|
.tdtxt {
|
|
padding:0.3em 0.5em;
|
|
vertical-align: top;
|
|
text-align: left;
|
|
}
|
|
|
|
select,input {
|
|
border: 1px solid #c7c8ca;
|
|
color:black;
|
|
}
|
|
.ebutton {
|
|
font-size:1em;
|
|
font-weight:normal;
|
|
border: 1px solid #fff;
|
|
color:black;
|
|
background-color:#c7c8ca;
|
|
width:160px;
|
|
text-align:center;
|
|
cursor:pointer;
|
|
}
|
|
.ebutton:hover {
|
|
color:#464433;
|
|
background-color:#e2dcd4;
|
|
}
|
|
.ebutton2 {
|
|
font-size:1em;
|
|
font-weight:normal;
|
|
border: 0px solid #fff;
|
|
color:black;
|
|
background-color:#c7c8ca;
|
|
width:160px;
|
|
text-align:right;
|
|
cursor:pointer;
|
|
}
|
|
.ebutton2:hover {
|
|
color:#464433;
|
|
}
|
|
|
|
.ebutton3 {
|
|
font-size:0.91em;
|
|
font-weight:normal;
|
|
height:100%;
|
|
border: 1px solid silver;
|
|
color:black;
|
|
background-color:#ca7044;
|
|
width:100px;
|
|
margin:0 10px;
|
|
text-align:center;
|
|
cursor:pointer;
|
|
}
|
|
.ebutton3:hover {
|
|
color:#464433;
|
|
background-color:#e2dcd4;
|
|
}
|
|
|
|
|
|
.etxt {
|
|
font-size:100%;
|
|
border: 0px solid #c7c8ca;
|
|
background-color: #fff;
|
|
padding:0px;
|
|
margin:0px;
|
|
width:100%;
|
|
box-sizing:border-box;
|
|
-moz-box-sizing:border-box;
|
|
}
|
|
.etxt2 {
|
|
color:black;
|
|
font-size:14px;
|
|
border: 0px solid #c7c8ca;
|
|
background-color: #fff;
|
|
padding:0 1px;
|
|
}
|
|
.stxt {
|
|
font-size:100%;
|
|
border: 0px solid silver;
|
|
background-color: #ffffff;
|
|
width:100%;
|
|
box-sizing:border-box;
|
|
-moz-box-sizing:border-box;
|
|
}
|
|
|
|
.eimg {
|
|
height: 20px;
|
|
width: 200px;
|
|
border: 1px solid #c7c8ca;
|
|
background-color: #fff;
|
|
}
|
|
.eselect {
|
|
font-size:100%;
|
|
border: 1px solid #c7c8ca;
|
|
background-color: #fff;
|
|
color:black;
|
|
}
|
|
|
|
|
|
.hide {display: all;}
|
|
|
|
img {border:0px solid black;}
|
|
|
|
div a {
|
|
color:#3f3f3f;
|
|
text-decoration: underline;
|
|
}
|
|
div a:hover {
|
|
color: grey;
|
|
text-decoration: underline;
|
|
}
|
|
.content_teaser2 {
|
|
padding:3px 5px 0 0;
|
|
}
|
|
.content_img2 {
|
|
float:left;
|
|
vertical-align: top;
|
|
padding:3px 14px 3px 14px;
|
|
}
|
|
.content_img3 {
|
|
vertical-align: bottom;
|
|
padding:14px 5px;
|
|
}
|
|
.content_img4 {
|
|
float:right;
|
|
vertical-align: top;
|
|
padding:2px 15px;
|
|
}
|
|
.chron_underlined3 {
|
|
font-weight:normal;
|
|
text-decoration: underline;
|
|
font-size:12px;
|
|
color:white;
|
|
padding:14px 15px 0 15px;
|
|
}
|
|
.chron_direct3 {
|
|
color: white;
|
|
padding:0 15px 0 15px;
|
|
}
|
|
/*end*/
|
|
|
|
|
|
/*---a basic box ---*/
|
|
.box{
|
|
width: 200px;
|
|
height: 200px;
|
|
position: relative;
|
|
margin: 10px;
|
|
float: left;
|
|
border: 1px solid #333;
|
|
background: #999;
|
|
|
|
}
|
|
|
|
div#botlogic {
|
|
background-color: #f1f1f1;
|
|
text-align: left;
|
|
margin: 0 auto;
|
|
padding:1em 0.1em 0em 0.1em;
|
|
border: 1px solid silver;
|
|
min-width: 30em;
|
|
max-width: 53em;
|
|
}
|
|
|
|
|
|
div#retm {
|
|
position:fixed;
|
|
right:0;
|
|
top:15px;;
|
|
border:1px solid #007700;
|
|
padding:5px;
|
|
width:150px;
|
|
text-align:left;
|
|
color:white;
|
|
background-color:#7ec43b;
|
|
cursor:pointer;
|
|
z-index:11;
|
|
}
|
|
|
|
div#cody {
|
|
position:fixed;
|
|
width: 100%;
|
|
height:100%;
|
|
//background: transparent url(/img/overlay2.png) repeat 0 0;
|
|
}
|
|
|
|
|
|
.tdmenu {
|
|
font-size:13px;
|
|
border:3px solid white;
|
|
padding:0 2px;
|
|
width:170px;
|
|
height:20px;
|
|
text-align: right;
|
|
}
|
|
|
|
|
|
.editnav {
|
|
color: #000000;
|
|
font-size: 1em;
|
|
background-image: url(/img/linkpfeil.gif);
|
|
background-position: 3px 5px;
|
|
background-repeat: no-repeat;
|
|
padding:1px 1px 1px 17px;
|
|
text-decoration: none;
|
|
}
|
|
|
|
.editnav_menu {
|
|
position:absolute;
|
|
z-index:2;
|
|
color: #000000;
|
|
font-size: 1em;
|
|
background-image: url(/img/linkpfeil.gif);
|
|
background-position: 3px 5px;
|
|
background-repeat: no-repeat;
|
|
padding:1px 1px 1px 17px;
|
|
text-decoration: none;
|
|
}
|
|
.elinkbutton {
|
|
font-weight: normal;
|
|
font-size: 0.91em;
|
|
border: 1px solid silver;
|
|
color: #000000;
|
|
background-color: #eaeaea;
|
|
text-decoration: none;
|
|
padding:0.2em 0.5em;
|
|
}
|
|
.elinkbutton:hover { color: #000000;}
|
|
|
|
.elinkbutton1 {
|
|
padding:0 0.1em;
|
|
color:black;
|
|
font-size: 1em;
|
|
text-decoration: none;
|
|
}
|
|
.elinkbutton1:hover { color:silver;}
|
|
|
|
|
|
.elinkbutton2 {
|
|
font-weight: normal;
|
|
font-size: 0.91em;
|
|
border: 1px solid white;
|
|
color: #000000;
|
|
background-image:url(/img/bg_main_bottom.gif);
|
|
text-decoration: none;
|
|
padding:0.1em 0.5em;
|
|
}
|
|
.elinkbutton2:link {color: #000000;}
|
|
.elinkbutton2:visited { color: #000000;}
|
|
.elinkbutton2:hover { color: #000000;}
|
|
|
|
.link {
|
|
text-decoration: none;
|
|
color:black;
|
|
}
|
|
|
|
.linknav {
|
|
margin:0px;
|
|
text-decoration: none;
|
|
}
|
|
.linknav:hover { color:silver;}
|
|
|
|
.linknav1 {
|
|
text-decoration: none;
|
|
}
|
|
.linknav1:hover { color:silver;}
|
|
|
|
.linknav5 {
|
|
margin:0px;
|
|
color:white;
|
|
text-decoration: none;
|
|
}
|
|
.linknav5:hover { color:silver;}
|
|
|
|
|
|
|
|
.linknav2 {
|
|
margin:2px;
|
|
padding:1px 5px;
|
|
border:1px solid gray;
|
|
color:blue;
|
|
background-color:white;
|
|
background-image:url(http://www.copri.eu/img/bg_main_top.gif);
|
|
font-size:12px;
|
|
text-decoration: none;
|
|
}
|
|
.linknav2:hover { color:silver;}
|
|
|
|
.linknav3 {
|
|
position:static;
|
|
float:left;
|
|
color:black;
|
|
margin-right:1px;
|
|
padding:1px 3px;
|
|
text-decoration: none;
|
|
font-size:17px;
|
|
font-weight: normal;
|
|
}
|
|
|
|
.linknav4 {
|
|
position:static;
|
|
float:left;
|
|
color:white;
|
|
background-color:black;
|
|
margin-right:0px;
|
|
padding:0px 3px;
|
|
text-decoration: none;
|
|
font-size:17px;
|
|
font-weight: normal;
|
|
}
|
|
|
|
|
|
.headnav {
|
|
color: #d0a6a6;
|
|
background-color: gray;
|
|
border: 0px solid red;
|
|
text-decoration: none;
|
|
font-size: 16px;
|
|
}
|
|
.headnav:hover { color: #DEC3A9;}
|
|
|
|
.headnav2 {color: #000000; text-decoration: none; font-size: 14px;}
|
|
.headnav2:link {color: #000000;}
|
|
.headnav2:visited { color: #000000;}
|
|
.headnav2:hover { color: #DEC3A9;}
|
|
|
|
|
|
.leftnav {margin:0px; color: #000000; text-decoration: none;}
|
|
.leftnav:link {color: #000000;}
|
|
.leftnav:visited { color: #000000;}
|
|
.leftnav:hover { color:white;}
|
|
|
|
.leftnav1 {margin:0px; color:#000000; text-decoration: none;}
|
|
.leftnav2 {margin:0px; color:#666666; text-decoration: none;}
|
|
|
|
div#Contenttxt {
|
|
font-size: 14px;
|
|
min-height:300px;
|
|
padding-left:0px;
|
|
border:0px solid silver;
|
|
text-align: left;
|
|
}
|
|
|
|
div#ContentLogin {
|
|
text-align:center;
|
|
max-width:425px;
|
|
width:100%;
|
|
padding:20px;
|
|
margin:10px 0;
|
|
border: 0px solid #cccccc;
|
|
}
|
|
|
|
div#Mlogic {
|
|
display:none;
|
|
}
|
|
|
|
div#fish {
|
|
position:fixed;
|
|
margin:0 auto;
|
|
border:0px solid black;
|
|
bottom:5px;
|
|
left:30px;
|
|
z-index:2;
|
|
}
|
|
div#bottom_text {
|
|
display:none;
|
|
}
|
|
|
|
#pic-serial { display:inline; height:auto;width:100%;padding:0; }
|
|
#pic-contact { display:inline; float:left; height:300px;padding:96px 14px 10px 0; }
|
|
#pic-float { display:inline; float:left; height:188px;padding:15px 10px 0px 0px; }
|
|
#pic-payment { height:40px;padding-left:10px; }
|
|
|
|
.title2 {
|
|
font-weight:300;
|
|
padding:0;
|
|
}
|
|
|
|
.content_title2 {
|
|
font-size:16px;
|
|
}
|
|
|
|
.content_title3 {
|
|
font-size:24px;
|
|
padding-top:24px;
|
|
}
|
|
.content_title3teaser {
|
|
font-weight:normal;
|
|
padding:0;
|
|
}
|
|
|
|
.content1 {
|
|
font-size:18px;
|
|
line-height:1.2;
|
|
font-weight:bold;
|
|
padding-bottom:7px;
|
|
}
|
|
.content12 {
|
|
font-size:17px;
|
|
line-height:1.2;
|
|
font-weight:bold;
|
|
padding-top:22px;
|
|
}
|
|
.content13 {
|
|
font-size:16px;
|
|
line-height:1.2;
|
|
font-weight:bold;
|
|
}
|
|
.content2 {
|
|
font-size:16px;
|
|
line-height:1.2;
|
|
padding-top:22px;
|
|
max-width:750px;
|
|
}
|
|
.content2_legende {
|
|
font-size:16px;
|
|
line-height:2.0;
|
|
max-width:750px;
|
|
text-align:left;
|
|
}
|
|
.content23 {
|
|
font-size:16px;
|
|
line-height:1.2;
|
|
padding-bottom:22px;
|
|
max-width:750px;
|
|
}
|
|
.content2_contact {
|
|
font-size:14px;
|
|
line-height:1.5;
|
|
max-width:750px;
|
|
}
|
|
.footer {
|
|
font-size:11px;
|
|
padding:15px 5%;
|
|
}
|
|
|
|
@media (max-width: 768px){
|
|
|
|
div#Contenttxt {
|
|
border:0px solid silver;
|
|
padding:0px;
|
|
text-align: left;
|
|
}
|
|
.container_img {
|
|
text-align:left;
|
|
padding: 3% 0%;
|
|
width:100%;
|
|
}
|
|
|
|
.footer {
|
|
padding:10px 15px;
|
|
}
|
|
|
|
.container_imgcontact {
|
|
text-align:left;
|
|
padding: 3% 3%;
|
|
width:100%;
|
|
}
|
|
.content2_contact {
|
|
text-align:left;
|
|
width:100%;
|
|
}
|
|
|
|
div#Contenttxt1 {
|
|
position:relative;
|
|
margin:0;
|
|
padding: 0 14px;
|
|
width:100%;
|
|
}
|
|
div#Contenttxt2 {
|
|
position:relative;
|
|
margin:0;
|
|
padding: 10px 15px;
|
|
width:100%;
|
|
}
|
|
|
|
div#fish {
|
|
position:fixed;
|
|
margin:5px 15px;
|
|
border:0px solid black;
|
|
bottom:3px;
|
|
left:0px;
|
|
z-index:0;
|
|
}
|
|
|
|
div#fish img {
|
|
width:35px;
|
|
}
|
|
div#bottom_text {
|
|
position:fixed;
|
|
display:inline;
|
|
background-color:white;
|
|
opacity:0.90;
|
|
margin:0 auto;
|
|
border:0px solid black;
|
|
padding:3px 15px;
|
|
bottom:0px;
|
|
right:0px;
|
|
z-index:5;
|
|
}
|
|
}
|
|
|
|
div#navtop {
|
|
vertical-align:top;
|
|
border: 0px solid white;
|
|
}
|
|
div#navtop a {
|
|
color: white;
|
|
margin: 0; padding: 10px 15px 0 7px;
|
|
text-decoration: none;
|
|
font-weight: normal;
|
|
font-size:1.4em;
|
|
}
|
|
div#navtop a:hover {
|
|
color: #cccccc;
|
|
}
|
|
div#navtop a:active {
|
|
color: white;
|
|
}
|
|
|
|
|
|
div#navfoo {
|
|
vertical-align:top;
|
|
border: 0px solid white;
|
|
}
|
|
div#navfoo a {
|
|
color: white;
|
|
margin: 0; padding: 30px 15px 0 7px;
|
|
text-decoration: none;
|
|
font-weight: normal;
|
|
font-size:1.4em;
|
|
}
|
|
div#navfoo a:hover {
|
|
color: #cccccc;
|
|
}
|
|
div#navfoo a:active {
|
|
color: white;
|
|
}
|
|
|
|
|
|
ul#Navi li#bold {
|
|
color: black;
|
|
font-size:14px;
|
|
list-style: none;
|
|
margin: 0;
|
|
padding: 1px 1px 1px 5px;
|
|
}
|
|
ul#Navi li#thin {
|
|
color: white;
|
|
font-size:14px;
|
|
list-style: none;
|
|
margin: 0;
|
|
padding: 1px 5px 1px 15px;
|
|
text-align:right;
|
|
}
|
|
|
|
|
|
|
|
div#Container_cms {
|
|
font-size: 12px;
|
|
border: 0px solid gray;
|
|
margin: 0 auto;
|
|
padding: 0;
|
|
min-width: 100%;
|
|
min-height: 200px;
|
|
}
|
|
|
|
.tdescr2 {
|
|
padding:1px 10px;
|
|
vertical-align: top;
|
|
text-align: right;
|
|
width:130px;
|
|
}
|
|
.tdval2 {
|
|
padding:1px 10px;
|
|
vertical-align: top;
|
|
text-align: left;
|
|
}
|
|
|
|
.left_italic_cms {
|
|
padding:5px;
|
|
min-width:80px;
|
|
max-width:100px;
|
|
padding-right: 15px;
|
|
vertical-align: top;
|
|
text-align: right;
|
|
font-style:italic;
|
|
border-right: solid thin silver;
|
|
border-bottom: solid thin silver;
|
|
}
|
|
|
|
.content1_cms {
|
|
padding:0 5px 5px 5px;
|
|
min-width:100px;
|
|
vertical-align: top;
|
|
text-align: left;
|
|
border-right: solid thin silver;
|
|
border-bottom: solid thin silver;
|
|
}
|
|
.editnav {
|
|
color:black;
|
|
background-color:silver;
|
|
background-image: url(/img/linkpfeil.gif);
|
|
background-position: 3px 6px;
|
|
background-repeat: no-repeat;
|
|
padding:1px 10px 1px 17px;
|
|
text-decoration: none;
|
|
}
|
|
.editnav:hover {
|
|
color:black;
|
|
background-color:#f0f1da;
|
|
}
|
|
|
|
//-->
|
|
|
|
|