[CLEANUP] move files to src/
This commit is contained in:
Executable
+91
@@ -0,0 +1,91 @@
|
||||
html {
|
||||
height: 100%;
|
||||
overflow-y: scroll;
|
||||
}
|
||||
|
||||
body#page_gallery {
|
||||
background-image: url('../img/backgrounds/bg_restaurant.jpg');
|
||||
background-position: 50%;
|
||||
background-attachment: fixed;
|
||||
background-repeat: no-repeat;
|
||||
background-size: cover;
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
#scroll {
|
||||
overflow: hidden;
|
||||
position: absolute;
|
||||
right: 48px;
|
||||
border-radius: 50px;
|
||||
z-index: 1000;
|
||||
transform-style: preserve-3d;
|
||||
}
|
||||
|
||||
#navi {
|
||||
list-style: none;
|
||||
padding: 0;
|
||||
transition: transform .3s ease-in-out;
|
||||
}
|
||||
|
||||
#navi li {
|
||||
padding: 10px;
|
||||
background: linear-gradient(45deg, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0.5));
|
||||
border-radius: 50%;
|
||||
width: 110px;
|
||||
height: 110px;
|
||||
margin: 10px 0;
|
||||
transition: all .5s linear;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
#navi li:hover {
|
||||
cursor: pointer;
|
||||
background: linear-gradient(45deg, rgba(0, 0, 0, .5), rgba(0, 10, 190, 0.5));
|
||||
}
|
||||
|
||||
#navi li a {
|
||||
display: block;
|
||||
background-position: center;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
border-radius: 50%;
|
||||
transition: transform .35s linear;
|
||||
}
|
||||
|
||||
#navi li:hover:nth-child(2n+1) a {
|
||||
transform: scale(1.05) rotate(2deg);
|
||||
}
|
||||
|
||||
#navi li:hover:nth-child(2n) a {
|
||||
transform: scale(1.05) rotate(-2deg);
|
||||
}
|
||||
|
||||
#prev {
|
||||
width: 69px;
|
||||
height: 37px;
|
||||
background: url(../gfx/btn_gallery.png) no-repeat left top;
|
||||
position: absolute;
|
||||
top: 55px;
|
||||
right: 77px;
|
||||
z-index: 1001;
|
||||
}
|
||||
|
||||
#prev:hover {
|
||||
background-position: -69px top;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
#next {
|
||||
width: 69px;
|
||||
height: 37px;
|
||||
background: url(../gfx/btn_gallery.png) no-repeat left -37px;
|
||||
position: absolute;
|
||||
bottom: 55px;
|
||||
right: 77px;
|
||||
z-index: 1001;
|
||||
}
|
||||
|
||||
#next:hover {
|
||||
background-position: -69px -37px;
|
||||
cursor: pointer;
|
||||
}
|
||||
Executable
+120
@@ -0,0 +1,120 @@
|
||||
/*
|
||||
* CSS Styles that are needed by jScrollPane for it to operate correctly.
|
||||
*
|
||||
* Include this stylesheet in your site or copy and paste the styles below into your stylesheet - jScrollPane
|
||||
* may not operate correctly without them.
|
||||
*/
|
||||
|
||||
.jspContainer
|
||||
{
|
||||
overflow: hidden;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.jspPane
|
||||
{
|
||||
position: absolute;
|
||||
margin-left:30px !important;
|
||||
}
|
||||
|
||||
.jspVerticalBar
|
||||
{
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0px;
|
||||
width: 11px;
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
.jspHorizontalBar
|
||||
{
|
||||
position: absolute;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
height: 16px;
|
||||
background: red;
|
||||
}
|
||||
|
||||
.jspVerticalBar *,
|
||||
.jspHorizontalBar *
|
||||
{
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
.jspCap
|
||||
{
|
||||
display: none;
|
||||
}
|
||||
|
||||
.jspHorizontalBar .jspCap
|
||||
{
|
||||
float: left;
|
||||
}
|
||||
|
||||
.jspTrack
|
||||
{
|
||||
position: relative;
|
||||
background:url(../gfx/bg_scrollpane.png) repeat-y center top
|
||||
}
|
||||
|
||||
.jspDrag
|
||||
{
|
||||
background:url(../gfx/dot_scrollpane.png) no-repeat center top;
|
||||
position: relative;
|
||||
top: 0;
|
||||
left: 0;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.jspHorizontalBar .jspTrack,
|
||||
.jspHorizontalBar .jspDrag
|
||||
{
|
||||
float: left;
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
.jspArrow
|
||||
{
|
||||
background: #50506d;
|
||||
text-indent: -20000px;
|
||||
display: block;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.jspArrow.jspDisabled
|
||||
{
|
||||
cursor: default;
|
||||
background: #80808d;
|
||||
}
|
||||
|
||||
.jspVerticalBar .jspArrow
|
||||
{
|
||||
height: 16px;
|
||||
}
|
||||
|
||||
.jspHorizontalBar .jspArrow
|
||||
{
|
||||
width: 16px;
|
||||
float: left;
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
.jspVerticalBar .jspArrow:focus
|
||||
{
|
||||
outline: none;
|
||||
}
|
||||
|
||||
.jspCorner
|
||||
{
|
||||
background: #eeeef4;
|
||||
float: left;
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
/* Yuk! CSS Hack for IE6 3 pixel bug :( */
|
||||
* html .jspCorner
|
||||
{
|
||||
margin: 0 -3px 0 0;
|
||||
}
|
||||
Executable
+126
@@ -0,0 +1,126 @@
|
||||
/*
|
||||
* CSS Styles that are needed by jScrollPane for it to operate correctly.
|
||||
*
|
||||
* Include this stylesheet in your site or copy and paste the styles below into your stylesheet - jScrollPane
|
||||
* may not operate correctly without them.
|
||||
*/
|
||||
|
||||
.jspContainer
|
||||
{
|
||||
overflow: hidden;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.jspPane
|
||||
{
|
||||
position: absolute;
|
||||
margin-left:30px !important;
|
||||
line-break: auto;
|
||||
word-wrap: break-word;
|
||||
text-align: justify;
|
||||
max-width: 90%;
|
||||
}
|
||||
|
||||
.jspVerticalBar
|
||||
{
|
||||
height: 100%;
|
||||
position: absolute;
|
||||
right: 0;
|
||||
top: 0;
|
||||
width: 16px;
|
||||
}
|
||||
|
||||
.jspHorizontalBar
|
||||
{
|
||||
bottom: 0;
|
||||
height: 16px;
|
||||
left: 0;
|
||||
position: absolute;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.jspVerticalBar *,
|
||||
.jspHorizontalBar *
|
||||
{
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
.jspCap
|
||||
{
|
||||
display: none;
|
||||
}
|
||||
|
||||
.jspHorizontalBar .jspCap
|
||||
{
|
||||
float: left;
|
||||
}
|
||||
|
||||
.jspTrack
|
||||
{
|
||||
background:url(../gfx/bg_scrollpane.png) repeat-y center top;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.jspDrag
|
||||
{
|
||||
background:url(../gfx/dot_scrollpane.png) no-repeat center top;
|
||||
cursor: pointer;
|
||||
left: 0;
|
||||
position: relative;
|
||||
top: 0;
|
||||
}
|
||||
|
||||
.jspHorizontalBar .jspTrack,
|
||||
.jspHorizontalBar .jspDrag
|
||||
{
|
||||
float: left;
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
.jspArrow
|
||||
{
|
||||
background: #50506d;
|
||||
cursor: pointer;
|
||||
direction: ltr;
|
||||
display: block;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
text-indent: -20000px;
|
||||
}
|
||||
|
||||
.jspDisabled
|
||||
{
|
||||
background: #80808d;
|
||||
cursor: default;
|
||||
}
|
||||
|
||||
.jspVerticalBar .jspArrow
|
||||
{
|
||||
height: 16px;
|
||||
}
|
||||
|
||||
.jspHorizontalBar .jspArrow
|
||||
{
|
||||
float: left;
|
||||
height: 100%;
|
||||
width: 16px;
|
||||
}
|
||||
|
||||
.jspVerticalBar .jspArrow:focus
|
||||
{
|
||||
outline: none;
|
||||
}
|
||||
|
||||
.jspCorner
|
||||
{
|
||||
background: #eeeef4;
|
||||
float: left;
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
/* Yuk! CSS Hack for IE6 3 pixel bug :( */
|
||||
* html .jspCorner
|
||||
{
|
||||
margin: 0 -3px 0 0;
|
||||
}
|
||||
Executable
+204
@@ -0,0 +1,204 @@
|
||||
body.lb-disable-scrolling {
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.lightboxOverlay {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
z-index: 9999;
|
||||
background-color: black;
|
||||
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
|
||||
opacity: 0.8;
|
||||
display: none;
|
||||
}
|
||||
|
||||
.lightbox {
|
||||
position: absolute;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
z-index: 10000;
|
||||
text-align: center;
|
||||
line-height: 0;
|
||||
font-weight: normal;
|
||||
outline: none;
|
||||
}
|
||||
|
||||
.lightbox .lb-image {
|
||||
display: block;
|
||||
height: auto;
|
||||
max-width: inherit;
|
||||
max-height: none;
|
||||
border-radius: 3px;
|
||||
|
||||
/* Image border */
|
||||
border: 4px solid white;
|
||||
}
|
||||
|
||||
.lightbox a img {
|
||||
border: none;
|
||||
}
|
||||
|
||||
.lb-outerContainer {
|
||||
position: relative;
|
||||
*zoom: 1;
|
||||
width: 250px;
|
||||
height: 250px;
|
||||
margin: 0 auto;
|
||||
border-radius: 4px;
|
||||
|
||||
/* Background color behind image.
|
||||
This is visible during transitions. */
|
||||
background-color: white;
|
||||
}
|
||||
|
||||
.lb-outerContainer:after {
|
||||
content: "";
|
||||
display: table;
|
||||
clear: both;
|
||||
}
|
||||
|
||||
.lb-loader {
|
||||
position: absolute;
|
||||
top: 43%;
|
||||
left: 0;
|
||||
height: 25%;
|
||||
width: 100%;
|
||||
text-align: center;
|
||||
line-height: 0;
|
||||
}
|
||||
|
||||
.lb-cancel {
|
||||
display: block;
|
||||
width: 32px;
|
||||
height: 32px;
|
||||
margin: 0 auto;
|
||||
background: url(../images/loading.gif) no-repeat;
|
||||
}
|
||||
|
||||
.lb-nav {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
height: 100%;
|
||||
width: 100%;
|
||||
z-index: 10;
|
||||
}
|
||||
|
||||
.lb-container > .nav {
|
||||
left: 0;
|
||||
}
|
||||
|
||||
.lb-nav a {
|
||||
outline: none;
|
||||
background-image: url('data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==');
|
||||
}
|
||||
|
||||
.lb-prev, .lb-next {
|
||||
height: 100%;
|
||||
cursor: pointer;
|
||||
display: block;
|
||||
}
|
||||
|
||||
.lb-nav a.lb-prev {
|
||||
width: 34%;
|
||||
left: 0;
|
||||
float: left;
|
||||
background: url(../images/prev.png) left 48% no-repeat;
|
||||
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
|
||||
opacity: 0;
|
||||
-webkit-transition: opacity 0.6s;
|
||||
-moz-transition: opacity 0.6s;
|
||||
-o-transition: opacity 0.6s;
|
||||
transition: opacity 0.6s;
|
||||
}
|
||||
|
||||
.lb-nav a.lb-prev:hover {
|
||||
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
.lb-nav a.lb-next {
|
||||
width: 64%;
|
||||
right: 0;
|
||||
float: right;
|
||||
background: url(../images/next.png) right 48% no-repeat;
|
||||
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
|
||||
opacity: 0;
|
||||
-webkit-transition: opacity 0.6s;
|
||||
-moz-transition: opacity 0.6s;
|
||||
-o-transition: opacity 0.6s;
|
||||
transition: opacity 0.6s;
|
||||
}
|
||||
|
||||
.lb-nav a.lb-next:hover {
|
||||
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
.lb-dataContainer {
|
||||
margin: 0 auto;
|
||||
padding-top: 5px;
|
||||
*zoom: 1;
|
||||
width: 100%;
|
||||
border-bottom-left-radius: 4px;
|
||||
border-bottom-right-radius: 4px;
|
||||
}
|
||||
|
||||
.lb-dataContainer:after {
|
||||
content: "";
|
||||
display: table;
|
||||
clear: both;
|
||||
}
|
||||
|
||||
.lb-data {
|
||||
padding: 0 4px;
|
||||
color: #ccc;
|
||||
}
|
||||
|
||||
.lb-data .lb-details {
|
||||
width: 85%;
|
||||
float: left;
|
||||
text-align: left;
|
||||
line-height: 1.1em;
|
||||
}
|
||||
|
||||
.lb-data .lb-caption {
|
||||
font-size: 13px;
|
||||
font-weight: bold;
|
||||
line-height: 1em;
|
||||
}
|
||||
|
||||
.lb-data .lb-caption a {
|
||||
color: #4ae;
|
||||
}
|
||||
|
||||
.lb-data .lb-number {
|
||||
display: block;
|
||||
clear: left;
|
||||
padding-bottom: 1em;
|
||||
font-size: 12px;
|
||||
color: #999999;
|
||||
}
|
||||
|
||||
.lb-data .lb-close {
|
||||
display: block;
|
||||
float: right;
|
||||
width: 30px;
|
||||
height: 30px;
|
||||
background: url(../images/close.png) top right no-repeat;
|
||||
text-align: right;
|
||||
outline: none;
|
||||
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
|
||||
opacity: 0.7;
|
||||
-webkit-transition: opacity 0.2s;
|
||||
-moz-transition: opacity 0.2s;
|
||||
-o-transition: opacity 0.2s;
|
||||
transition: opacity 0.2s;
|
||||
}
|
||||
|
||||
.lb-data .lb-close:hover {
|
||||
cursor: pointer;
|
||||
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
|
||||
opacity: 1;
|
||||
}
|
||||
+1
@@ -0,0 +1 @@
|
||||
.lb-loader,.lightbox{text-align:center;line-height:0;position:absolute;left:0}body.lb-disable-scrolling{overflow:hidden}.lightboxOverlay{position:absolute;top:0;left:0;z-index:9999;background-color:#000;filter:alpha(Opacity=80);opacity:.8;display:none}.lightbox{width:100%;z-index:10000;font-weight:400;outline:0}.lightbox .lb-image{display:block;height:auto;max-width:inherit;max-height:none;border-radius:3px;border:4px solid #fff}.lightbox a img{border:none}.lb-outerContainer{position:relative;width:250px;height:250px;margin:0 auto;border-radius:4px;background-color:#fff}.lb-outerContainer:after{content:"";display:table;clear:both}.lb-loader{top:43%;height:25%;width:100%}.lb-cancel{display:block;width:32px;height:32px;margin:0 auto;background:url(../images/loading.gif) no-repeat}.lb-nav{position:absolute;top:0;left:0;height:100%;width:100%;z-index:10}.lb-container>.nav{left:0}.lb-nav a{outline:0;background-image:url(data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==)}.lb-next,.lb-prev{height:100%;cursor:pointer;display:block}.lb-nav a.lb-prev{width:34%;left:0;float:left;background:url(../images/prev.png) left 48% no-repeat;filter:alpha(Opacity=0);opacity:0;-webkit-transition:opacity .6s;-moz-transition:opacity .6s;-o-transition:opacity .6s;transition:opacity .6s}.lb-nav a.lb-prev:hover{filter:alpha(Opacity=100);opacity:1}.lb-nav a.lb-next{width:64%;right:0;float:right;background:url(../images/next.png) right 48% no-repeat;filter:alpha(Opacity=0);opacity:0;-webkit-transition:opacity .6s;-moz-transition:opacity .6s;-o-transition:opacity .6s;transition:opacity .6s}.lb-nav a.lb-next:hover{filter:alpha(Opacity=100);opacity:1}.lb-dataContainer{margin:0 auto;padding-top:5px;width:100%;border-bottom-left-radius:4px;border-bottom-right-radius:4px}.lb-dataContainer:after{content:"";display:table;clear:both}.lb-data{padding:0 4px;color:#ccc}.lb-data .lb-details{width:85%;float:left;text-align:left;line-height:1.1em}.lb-data .lb-caption{font-size:13px;font-weight:700;line-height:1em}.lb-data .lb-caption a{color:#4ae}.lb-data .lb-number{display:block;clear:left;padding-bottom:1em;font-size:12px;color:#999}.lb-data .lb-close{display:block;float:right;width:30px;height:30px;background:url(../images/close.png) top right no-repeat;text-align:right;outline:0;filter:alpha(Opacity=70);opacity:.7;-webkit-transition:opacity .2s;-moz-transition:opacity .2s;-o-transition:opacity .2s;transition:opacity .2s}.lb-data .lb-close:hover{cursor:pointer;filter:alpha(Opacity=100);opacity:1}
|
||||
Executable
+162
@@ -0,0 +1,162 @@
|
||||
@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;
|
||||
}
|
||||
Reference in New Issue
Block a user