163 lines
7.2 KiB
CSS
Executable File
163 lines
7.2 KiB
CSS
Executable File
@charset "utf-8";
|
|
/*
|
|
*
|
|
* 2nd-CSS-Reset
|
|
* Last-Update: 29.03.2011
|
|
*
|
|
*/
|
|
#gallery_nav>li>a>img {
|
|
width: 100px;
|
|
height: 100px;
|
|
object-fit: cover;
|
|
border-radius: 50%;
|
|
}
|
|
|
|
|
|
#head{
|
|
clip-path: circle(90% at 25% 160%);
|
|
}
|
|
#head>img{
|
|
height: 150px;
|
|
}
|
|
|
|
* { padding:0; margin:0}
|
|
*:focus { outline:none }
|
|
|
|
html, body { height:100%; width:100%;overflow:hidden;}
|
|
p,ul,ol { margin-bottom:12px;}
|
|
|
|
ul {padding-left:23px;}
|
|
ul li {}
|
|
|
|
ul.navi { margin:0; padding:0}
|
|
ul.navi li { float:left; list-style:none;}
|
|
|
|
ol { padding-left:23px;}
|
|
ol li{}
|
|
|
|
a,button, img {
|
|
-webkit-transition: color .13s ease-in-out, border-color .13s ease-in-out, background-color .13s ease-in-out, opacity .15s ease-in-out;
|
|
-o-transition: color .13s ease-in-out, border-color .13s ease-in-out, background-color .13s ease-in-out, opacity .15s ease-in-out;
|
|
-moz-transition: color .13s ease-in-out, border-color .13s ease-in-out, background-color .13s ease-in-out, opacity .15s ease-in-out;
|
|
transition: color .13s ease-in-out, border-color .13s ease-in-out, background-color .13s ease-in-out, opacity .15s ease-in-out;
|
|
}
|
|
a {color:#fff;text-decoration:underline;}
|
|
a:hover {}
|
|
a img {border:0;}
|
|
a:hover, button:hover {}
|
|
|
|
table {
|
|
border-collapse: collapse;
|
|
border-spacing: 0;
|
|
}
|
|
.clear {
|
|
clear:both;
|
|
height:0;
|
|
font-size: 1px;
|
|
line-height: 0px;
|
|
}
|
|
|
|
body {overflow:hidden;font-family:'Galatia',Georgia,'Times New Roman',Arial;color:#fff;font-size:17px;}
|
|
|
|
body#page_start {}
|
|
body#page_restaurant {}
|
|
body#page_gallery {background:#333}
|
|
|
|
@font-face {
|
|
font-family: 'Bentham';
|
|
src: url('../font/bentham-webfont.eot');
|
|
src: url('../font/bentham-webfont.eot%3F') format('embedded-opentype'),
|
|
url('../font/bentham-webfont.woff') format('woff'),
|
|
url('../font/bentham-webfont.ttf') format('truetype'),
|
|
url('../font/bentham-webfont.svg') format('svg');
|
|
font-weight: normal;
|
|
font-style: normal;
|
|
|
|
}
|
|
|
|
@font-face {
|
|
font-family: 'Galatia';
|
|
src: url('../font/galsilr-webfont.eot');
|
|
src: url('../font/galsilr-webfont.eot%3F') format('embedded-opentype'),
|
|
url('../font/galsilr-webfont.woff') format('woff'),
|
|
url('../font/galsilr-webfont.ttf') format('truetype'),
|
|
url('../font/galsilr-webfont.svg') format('svg');
|
|
font-weight: normal;
|
|
font-style: normal;
|
|
|
|
}
|
|
|
|
div#overlay {background:url(../gfx/bg_overlay.png) center;width:100%;height:100%;position:absolute;z-index:1;top:0;left:0;}
|
|
|
|
ul#nav {width:242px;height:691px;position:absolute;top:50%;left:-230px;;margin-top:-533px;background:url(../gfx/bg_nav.png) no-repeat top left;z-index:2;padding:339px 0 0 410px;list-style-type:none;}
|
|
#page_gallery ul#nav {width:223px;height:446px;position:absolute;top:50%;left:0px;;margin-top:-330px;background:url(../gfx/bg_nav_gallery.png) no-repeat top left;padding:215px 0 0 30px;list-style-type:none;}
|
|
|
|
ul#nav li {margin-bottom:20px;}
|
|
ul#nav li a {background:url(../gfx/bg_nav_li.png) no-repeat top left;display:block;width:80px;height:80px;}
|
|
|
|
ul#nav li#home a {background-position:0 0;}
|
|
ul#nav li#home a:hover {background-position:-80px 0;}
|
|
ul#nav li#restaurant a {background-position:0 -80px;}
|
|
ul#nav li#restaurant a:hover {background-position:-80px -80px;}
|
|
ul#nav li#gallery a {background-position:0 -160px;}
|
|
ul#nav li#gallery a:hover {background-position:-80px -160px;}
|
|
|
|
div#content_wrap {width:647px;height:997px;position:absolute;top:50%;left:422px;margin-top:-500px;background:url(../gfx/bg_content.png) no-repeat top left;z-index:3;overflow:hidden;}
|
|
div#content {width:647px;height:782px;padding:215px 0 0 0;position:relative;}
|
|
#page_restaurant div#content {width:647px;height:870px;padding:127px 0 0 0;position:relative;}
|
|
#page_restaurant div#content #head {margin-top:30px;}
|
|
|
|
div#content ul#sidebar {list-style-type:none;float:right;width:150px;padding:0;font-size:19px;margin:0 45px 0 0;}
|
|
div#content ul#sidebar li {background:url(../gfx/bg_sidebar_dot.png) no-repeat left -296px;padding:0 0 25px 20px}
|
|
div#content ul#sidebar li a {color:#fff;text-decoration:none;}
|
|
div#content ul#sidebar li a:hover {color:#fff}
|
|
div#content ul#sidebar li.first {background-position:left 6px;}
|
|
div#content ul#sidebar li.last {background-position:left -658px;}
|
|
div#content ul#sidebar li:hover {background-position:left -477px;}
|
|
div#content ul#sidebar li.first:hover {background-position:left -115px;}
|
|
div#content ul#sidebar li.last:hover {background-position:left -779px;}
|
|
div#content ul#sidebar li.active {cursor:pointer;background-position:left -477px;}
|
|
div#content ul#sidebar li.first.active {background-position:left -115px;}
|
|
div#content ul#sidebar li.last.active {background-position:left -779px;}
|
|
|
|
|
|
div#content a#logo_1894 {display:block;width:245px;height:150px;background:url(../gfx/logo_1894.png) no-repeat top left;}
|
|
#page_restaurant div#content a#logo_1894 {width:161px;height:99px;background:url(../gfx/logo_1894_small.png) no-repeat top left;}
|
|
|
|
div#content a#logo_theater {display:block;width:166px;height:70px;background:url(../gfx/logo_theater_erfurt.png) no-repeat top left;position:absolute;bottom:52px;left:82px;}
|
|
div#content h1 {font-family:'Bentham',Georgia,'Times New Roman',Arial;color:#fff;font-size:72px;font-weight:lighter;letter-spacing:1px;border-top:1px solid #fff;width:558px;margin:20px 0 0 -4px;padding:20px 0 0 0;}
|
|
|
|
#page_restaurant div#content h1 {border:none;}
|
|
|
|
div#content div#maincontent {width:440px;line-height:130%;height:325px;overflow:auto;}
|
|
div#content div#maincontent.jspScrollable {width:470px;position:relative;left:-30px;}
|
|
div#content div#maincontent h2 {font-family:'Galatia',Georgia,'Times New Roman',Arial;color:#fff;font-size:24px;font-weight:lighter;letter-spacing:1px;margin-bottom:15px;}
|
|
|
|
ul#service {list-style-type:none;position:absolute;bottom:30px;right:30px;z-index:4;}
|
|
ul#service li {float:right;}
|
|
ul#service li a {font-size:17px;color:#fff;margin-left:20px;}
|
|
ul#service li a:hover {text-decoration:underline}
|
|
|
|
div#gallery_scroll {width:120px;position:relative;overflow:hidden;z-index:5;float:right;margin:110px 50px 0 0;}
|
|
ul#gallery_nav {width:120px;height:100000px;;list-style-type:none;padding:0;position:absolute;}
|
|
ul#gallery_nav li {margin-bottom:20px;}
|
|
ul#gallery_nav li a{display:block;width:100px;height:100px;background:url(../gfx/bg_gallery_thumb.png) no-repeat left -120px;padding:10px;}
|
|
ul#gallery_nav li a:hover, ul#gallery_nav li a.active {background-position:left 0;}
|
|
|
|
|
|
.gallery_wrap {width:100%;height:100%;position:absolute;z-index:0;top:0;background-size: cover !important;}
|
|
.gallery_wrap img {position:absolute;}
|
|
|
|
#gallery_prev {width:69px;height:37px;background:url(../gfx/btn_gallery.png) no-repeat left top;position:absolute;top:55px;right:77px;z-index:1001;}
|
|
#gallery_prev:hover {background-position: -69px top;cursor:pointer;}
|
|
#gallery_next {width:69px;height:37px;background:url(../gfx/btn_gallery.png) no-repeat left -37px;position:absolute;bottom:55px;right:77px;z-index:1001;}
|
|
#gallery_next:hover {background-position: -69px -37px;cursor:pointer;}
|
|
#gallery_scroll * {
|
|
-webkit-touch-callout: none;
|
|
-webkit-user-select: none;
|
|
-khtml-user-select: none;
|
|
-moz-user-select: none;
|
|
-ms-user-select: none;
|
|
user-select: none;
|
|
}
|