Einchecken des OnlineStands
This commit is contained in:
634
css/svjf_l1.css
Normal file
634
css/svjf_l1.css
Normal file
@@ -0,0 +1,634 @@
|
||||
body
|
||||
{
|
||||
font-family : verdana;
|
||||
padding : 0px;
|
||||
height : 100%;
|
||||
}
|
||||
input , select , textarea
|
||||
{
|
||||
font-family : verdana;
|
||||
font-size : .625rem;
|
||||
line-height : 1rem;
|
||||
}
|
||||
b , strong
|
||||
{
|
||||
font-weight : bold;
|
||||
}
|
||||
i
|
||||
{
|
||||
font-style : italic;
|
||||
}
|
||||
a
|
||||
{
|
||||
color : #E3000B;
|
||||
}
|
||||
h1
|
||||
{
|
||||
font-size : 1.5rem;
|
||||
font-weight : bold;
|
||||
}
|
||||
h2
|
||||
{
|
||||
font-size : 1.25rem;
|
||||
font-weight : bold;
|
||||
border-bottom : 1px dotted #000000;
|
||||
}
|
||||
.uebersicht h2
|
||||
{
|
||||
border : 0px none;
|
||||
}
|
||||
|
||||
.uebersicht .datum
|
||||
{
|
||||
border : 0px none;
|
||||
}
|
||||
p
|
||||
{
|
||||
text-align : justify;
|
||||
}
|
||||
|
||||
.grid_1col
|
||||
{
|
||||
width : 24px;
|
||||
}
|
||||
.grid_2col
|
||||
{
|
||||
width : 48px;
|
||||
}
|
||||
.grid_3col
|
||||
{
|
||||
width : 72px;
|
||||
}
|
||||
.grid_4col
|
||||
{
|
||||
width : 96px;
|
||||
}
|
||||
.grid_5col
|
||||
{
|
||||
width : 120px;
|
||||
}
|
||||
.grid_6col
|
||||
{
|
||||
width : 144px;
|
||||
}
|
||||
.grid_7col
|
||||
{
|
||||
width : 168px;
|
||||
}
|
||||
.grid_8col
|
||||
{
|
||||
width : 192px;
|
||||
}
|
||||
.grid_9col
|
||||
{
|
||||
width : 216px;
|
||||
}
|
||||
.grid_10col
|
||||
{
|
||||
width : 240px;
|
||||
}
|
||||
.grid_11col
|
||||
{
|
||||
width : 264px;
|
||||
}
|
||||
.grid_12col
|
||||
{
|
||||
width : 288px;
|
||||
}
|
||||
.grid_13col
|
||||
{
|
||||
width : 312px;
|
||||
}
|
||||
.grid_14col
|
||||
{
|
||||
width : 336px;
|
||||
}
|
||||
.grid_15col
|
||||
{
|
||||
width : 360px;
|
||||
}
|
||||
.grid_16col
|
||||
{
|
||||
width : 384px;
|
||||
}
|
||||
.grid_17col
|
||||
{
|
||||
width : 408px;
|
||||
}
|
||||
.grid_18col
|
||||
{
|
||||
width : 432px;
|
||||
}
|
||||
.grid_19col
|
||||
{
|
||||
width : 456px;
|
||||
}
|
||||
.grid_20col
|
||||
{
|
||||
width : 480px;
|
||||
}
|
||||
.grid_21col
|
||||
{
|
||||
width : 504px;
|
||||
}
|
||||
.grid_22col
|
||||
{
|
||||
width : 528px;
|
||||
}
|
||||
.grid_23col
|
||||
{
|
||||
width : 552px;
|
||||
}
|
||||
.grid_24col
|
||||
{
|
||||
width : 576px;
|
||||
}
|
||||
.grid_25col
|
||||
{
|
||||
width : 600px;
|
||||
}
|
||||
.grid_26col
|
||||
{
|
||||
width : 624px;
|
||||
}
|
||||
.grid_27col
|
||||
{
|
||||
width : 648px;
|
||||
}
|
||||
.grid_28col
|
||||
{
|
||||
width : 672px;
|
||||
}
|
||||
.grid_29col
|
||||
{
|
||||
width : 696px;
|
||||
}
|
||||
.grid_30col
|
||||
{
|
||||
width : 720px;
|
||||
}
|
||||
.grid_31col
|
||||
{
|
||||
width : 744px;
|
||||
}
|
||||
.grid_32col
|
||||
{
|
||||
width : 768px;
|
||||
}
|
||||
.grid_33col
|
||||
{
|
||||
width : 792px;
|
||||
}
|
||||
.grid_34col
|
||||
{
|
||||
width : 816px;
|
||||
}
|
||||
.grid_35col
|
||||
{
|
||||
width : 840px;
|
||||
}
|
||||
.grid_36col
|
||||
{
|
||||
width : 864px;
|
||||
}
|
||||
.grid_37col
|
||||
{
|
||||
width : 888px;
|
||||
}
|
||||
.grid_38col
|
||||
{
|
||||
width : 912px;
|
||||
}
|
||||
.grid_39col
|
||||
{
|
||||
width : 936px;
|
||||
}
|
||||
.grid_40col
|
||||
{
|
||||
width : 960px;
|
||||
clear : both;
|
||||
}
|
||||
.grid_1col ,
|
||||
.grid_2col ,
|
||||
.grid_3col ,
|
||||
.grid_4col ,
|
||||
.grid_5col ,
|
||||
.grid_6col ,
|
||||
.grid_7col ,
|
||||
.grid_8col ,
|
||||
.grid_9col ,
|
||||
.grid_10col ,
|
||||
.grid_11col ,
|
||||
.grid_12col ,
|
||||
.grid_13col ,
|
||||
.grid_14col ,
|
||||
.grid_15col ,
|
||||
.grid_16col ,
|
||||
.grid_17col ,
|
||||
.grid_18col ,
|
||||
.grid_19col ,
|
||||
.grid_20col ,
|
||||
.grid_21col ,
|
||||
.grid_22col ,
|
||||
.grid_23col ,
|
||||
.grid_24col ,
|
||||
.grid_25col ,
|
||||
.grid_26col ,
|
||||
.grid_27col ,
|
||||
.grid_28col ,
|
||||
.grid_29col ,
|
||||
.grid_30col ,
|
||||
.grid_31col ,
|
||||
.grid_32col ,
|
||||
.grid_33col ,
|
||||
.grid_34col ,
|
||||
.grid_35col ,
|
||||
.grid_36col ,
|
||||
.grid_37col ,
|
||||
.grid_38col ,
|
||||
.grid_39col
|
||||
{
|
||||
float : left;
|
||||
display : inline-block;
|
||||
min-height : 1px;
|
||||
text-align : justify;
|
||||
}
|
||||
.spacer
|
||||
{
|
||||
height : 12px;
|
||||
}
|
||||
.full_width
|
||||
{
|
||||
float : none;
|
||||
width : 100%;
|
||||
}
|
||||
.fix
|
||||
{
|
||||
clear : both;
|
||||
float : none;
|
||||
}
|
||||
.left
|
||||
{
|
||||
text-align : left;
|
||||
}
|
||||
#content .floatleft
|
||||
{
|
||||
float : left;
|
||||
}
|
||||
.right
|
||||
{
|
||||
text-align : right;
|
||||
}
|
||||
#content .floatright
|
||||
{
|
||||
float : right;
|
||||
margin-left : 24px;
|
||||
}
|
||||
.content
|
||||
{
|
||||
text-align : justify;
|
||||
}
|
||||
.wrapper
|
||||
{
|
||||
margin : 0px auto;
|
||||
position : relative;
|
||||
}
|
||||
.background
|
||||
{
|
||||
background-image: linear-gradient(#E3000B 0%, #000000 100%);
|
||||
}
|
||||
.datum
|
||||
{
|
||||
font-size : 1.25rem;
|
||||
font-weight : bold;
|
||||
border-bottom : 1px dotted #000000;
|
||||
}
|
||||
.box
|
||||
{
|
||||
border : 1px solid #cccccc;
|
||||
padding : 0px 23px;
|
||||
box-shadow : 2px 2px 2px #cccccc;
|
||||
}
|
||||
.box > .box-header
|
||||
{
|
||||
background-color : #cccccc;
|
||||
padding : 12px 23px;
|
||||
margin-left : -24px;
|
||||
font-weight : bold;
|
||||
}
|
||||
.sliderLeft, .sliderRight
|
||||
{
|
||||
height : 24px;
|
||||
position : absolute;
|
||||
z-index : 3;
|
||||
background-color : inherit;
|
||||
cursor : pointer;
|
||||
}
|
||||
.sliderLeft
|
||||
{
|
||||
left : 0px;
|
||||
}
|
||||
.sliderLeft_inner , .sliderRight_inner
|
||||
{
|
||||
color : #999999;
|
||||
}
|
||||
.sliderRight_inner
|
||||
{
|
||||
float : right;
|
||||
}
|
||||
.sliderLeft_inner:hover, .sliderRight_inner:hover
|
||||
{
|
||||
color : #ffffff;
|
||||
}
|
||||
.sliderLeft_inner:before
|
||||
{
|
||||
content : '<';
|
||||
}
|
||||
.sliderRight
|
||||
{
|
||||
right : 0px;
|
||||
text-align : right;
|
||||
}
|
||||
.sliderRight_inner:before
|
||||
{
|
||||
content : '>';
|
||||
}
|
||||
.uebersicht > div
|
||||
{
|
||||
padding-bottom : 24px;
|
||||
border-bottom : 1px solid #aaaaaa;
|
||||
margin-bottom : 24px;
|
||||
}
|
||||
.uebersicht .link
|
||||
{
|
||||
color : #000000;
|
||||
display : block;
|
||||
}
|
||||
.uebersicht .link:hover
|
||||
{
|
||||
text-decoration : underline;
|
||||
color : #e3000b;
|
||||
}
|
||||
|
||||
.custom-tooltip
|
||||
{
|
||||
background-color : #ffffff;
|
||||
color : #000000;
|
||||
border : 1px solid #cccccc;
|
||||
}
|
||||
#navi_main_outer
|
||||
{
|
||||
position : fixed;
|
||||
z-index : 50;
|
||||
border-bottom : 2px solid #E3000B;
|
||||
background-color : #ffffff;
|
||||
}
|
||||
#navi_main > ul > li
|
||||
{
|
||||
display : inline-block;
|
||||
position : relative;
|
||||
padding : 0px 12px;
|
||||
border : 1px solid #999999;
|
||||
border-right : 0px none;
|
||||
z-index : 5;
|
||||
min-width : 100px;
|
||||
}
|
||||
#navi_main > ul > li:last-of-type
|
||||
{
|
||||
border-right : 1px solid #999999;
|
||||
}
|
||||
#navi_main > ul > li:hover
|
||||
{
|
||||
border-bottom : 1px solid #ffffff;
|
||||
}
|
||||
#navi_main > ul > li > ul
|
||||
{
|
||||
position : absolute;
|
||||
display : none;
|
||||
border : 1px solid #999999;
|
||||
box-shadow : 2px 2px 2px #999999;
|
||||
min-width : 120px;
|
||||
margin-left : -13px;
|
||||
background-color : #ffffff;
|
||||
border-top : 0px none;
|
||||
z-index : -1;
|
||||
}
|
||||
#navi_main > ul > li:hover ul
|
||||
{
|
||||
display : block;
|
||||
}
|
||||
#navi_main a
|
||||
{
|
||||
padding : 6px 0px;
|
||||
width : 100%;
|
||||
color : #000000;
|
||||
text-decoration : none;
|
||||
font-size : .75rem;
|
||||
line-height : .75rem;
|
||||
display : inline-block;
|
||||
white-space : nowrap;
|
||||
}
|
||||
#navi_main a.active
|
||||
{
|
||||
font-weight : bold;
|
||||
}
|
||||
#navi_main li li > a
|
||||
{
|
||||
padding : 6px 12px;
|
||||
}
|
||||
#navi_main li li li > a
|
||||
{
|
||||
padding : 6px 24px;
|
||||
}
|
||||
#navi_main a:before
|
||||
{
|
||||
content : ">";
|
||||
color : #e3000b;
|
||||
display : inline-block;
|
||||
margin-right : 6px;
|
||||
font-weight : bold;
|
||||
}
|
||||
#navi_main a.active:before , #navi_main a:hover:before
|
||||
{
|
||||
content : ">";
|
||||
color : #e3000b;
|
||||
-webkit-transform : rotate(90deg);
|
||||
-moz-transform : rotate(90deg);
|
||||
-ms-transform : rotate(90deg);
|
||||
transform : rotate(90deg);
|
||||
}
|
||||
#logo
|
||||
{
|
||||
position : absolute;
|
||||
text-align : right;
|
||||
z-index : 5;
|
||||
right : 0px;
|
||||
}
|
||||
#page
|
||||
{
|
||||
position : relative;
|
||||
z-index : 1;
|
||||
padding-top : 76px;
|
||||
padding-bottom : 96px;
|
||||
}
|
||||
#headline_wrapper
|
||||
{
|
||||
height : 288px;
|
||||
overflow : hidden;
|
||||
position : relative;
|
||||
}
|
||||
.keyvisual
|
||||
{
|
||||
height : 288px;
|
||||
}
|
||||
.keyvisual img
|
||||
{
|
||||
width : 864px;
|
||||
height : 288px;
|
||||
}
|
||||
#headline_site
|
||||
{
|
||||
position : absolute;
|
||||
}
|
||||
#navi_sub_outer
|
||||
{
|
||||
background-color : #000000;
|
||||
color : #ffffff;
|
||||
height : 48px;
|
||||
}
|
||||
#navi_last_outer
|
||||
{
|
||||
height : 50px;
|
||||
border-bottom : 2px solid #E3000B;
|
||||
background-color : #ffffff;
|
||||
}
|
||||
#navi_sub
|
||||
{
|
||||
background-color : #000000;
|
||||
}
|
||||
#navi_sub , #navi_last
|
||||
{
|
||||
overflow : hidden;
|
||||
position : relative;
|
||||
min-height : 24px;
|
||||
}
|
||||
#navi_sub ul , #navi_last ul
|
||||
{
|
||||
height : 24px;
|
||||
line-height : 24px;
|
||||
overflow : hidden;
|
||||
z-index : 1;
|
||||
}
|
||||
#navi_sub ul li , #navi_last ul li
|
||||
{
|
||||
float : left;
|
||||
padding-right : 24px;
|
||||
}
|
||||
#navi_sub ul li:last-of-type , #navi_sub_ul li:last-of-type
|
||||
{
|
||||
padding-right : 0px;
|
||||
}
|
||||
#navi_sub a , #navi_last a
|
||||
{
|
||||
color : #ffffff;
|
||||
text-decoration : none;
|
||||
font-size : .75rem;
|
||||
}
|
||||
#navi_last a
|
||||
{
|
||||
color : #E3000B;
|
||||
}
|
||||
#navi_sub a:before , #navi_last a:before
|
||||
{
|
||||
content : ">";
|
||||
color : #ffffff;
|
||||
display : inline-block;
|
||||
margin-right : 6px;
|
||||
font-weight : bold;
|
||||
}
|
||||
#navi_last a:before
|
||||
{
|
||||
color : #E3000B;
|
||||
}
|
||||
#navi_sub a.active:before , #navi_sub a:hover:before , #navi_last a.active:before , #navi_last a:hover:before
|
||||
{
|
||||
color : #E3000B;
|
||||
-webkit-transform : rotate(90deg);
|
||||
-moz-transform : rotate(90deg);
|
||||
-ms-transform : rotate(90deg);
|
||||
transform : rotate(90deg);
|
||||
font-weight : bold;
|
||||
}
|
||||
#content
|
||||
{
|
||||
padding-top : 24px;
|
||||
}
|
||||
#footer
|
||||
{
|
||||
position : fixed;
|
||||
z-index : 50;
|
||||
bottom : 0px;
|
||||
left : 0px;
|
||||
height : 48px;
|
||||
background-color : #999999;
|
||||
}
|
||||
#galeryslider
|
||||
{
|
||||
position : fixed;
|
||||
z-index : 999;
|
||||
width : 100%;
|
||||
height : 100%;
|
||||
padding : 48px 72px;
|
||||
background-color : rgba( 0 , 0 , 0 , .9 );
|
||||
display : none;
|
||||
}
|
||||
#galeryslider .slider
|
||||
{
|
||||
width : 100%;
|
||||
height : 100%;
|
||||
position : static;
|
||||
}
|
||||
#galeryslider img
|
||||
{
|
||||
object-fit : contain;
|
||||
max-width : 100%;
|
||||
max-height : 100%;
|
||||
width : 100%;
|
||||
}
|
||||
#galeryslider .nivo-prevNav
|
||||
{
|
||||
left : 12px;
|
||||
}
|
||||
#galeryslider .nivo-nextNav
|
||||
{
|
||||
right : 12px;
|
||||
}
|
||||
#galeryslider .nivo-caption
|
||||
{
|
||||
opacity : .9;
|
||||
background-color : transparent;
|
||||
}
|
||||
#galeryslider .nivo-slice
|
||||
{
|
||||
display : none;
|
||||
}
|
||||
#galeryslider .nivoSlider
|
||||
{
|
||||
position : static;
|
||||
}
|
||||
.close
|
||||
{
|
||||
position : absolute;
|
||||
top : 0px;
|
||||
left : 0px;
|
||||
color : #ffffff;
|
||||
font-size : 2rem;
|
||||
font-weight : bold;
|
||||
}
|
||||
.close span
|
||||
{
|
||||
float : right;
|
||||
cursor : pointer;
|
||||
margin-right : 24px;
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user