Anfänglicher Commit: Producion Version Stand: Oktober 2014
This commit is contained in:
Christian Berg
BIN
htdocs/css/background.png
Normal file
BIN
htdocs/css/background.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 116 KiB |
385
htdocs/css/common.css
Normal file
385
htdocs/css/common.css
Normal file
@@ -0,0 +1,385 @@
|
||||
@font-face {
|
||||
font-family: 'Philosopher';
|
||||
font-weight: normal;
|
||||
font-style: normal;
|
||||
src: url('../fonts/philosopher.woff') format('woff'), url('../fonts/philosopher.ttf') format('truetype');
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family: 'Amerika Sans';
|
||||
font-weight: normal;
|
||||
font-style: normal;
|
||||
src: url('../fonts/amerikasans.woff') format('woff'), url('../fonts/amerikasans.ttf') format('truetype');
|
||||
}
|
||||
|
||||
.clear {
|
||||
clear: both;
|
||||
display: block;
|
||||
height: 0;
|
||||
overflow: hidden;
|
||||
visibility: hidden;
|
||||
width: 0;
|
||||
}
|
||||
#display {position:relative;top:0px; text-align: center;}
|
||||
.clearfix {
|
||||
clear: both;
|
||||
}
|
||||
.grid_1,.grid_2,.grid_3,.grid_4,.grid_5,.grid_6,.grid_7,.grid_8,.grid_9,.grid_10,.grid_11,.grid_12
|
||||
{
|
||||
display: inline;
|
||||
float: left;
|
||||
margin-left: 10px;
|
||||
margin-right: 10px;
|
||||
position: relative;
|
||||
box-sizing: border-box;
|
||||
-moz-box-sizing: border-box;
|
||||
}
|
||||
|
||||
.grid_1 {
|
||||
width: 60px;
|
||||
}
|
||||
|
||||
.grid_2 {
|
||||
width: 140px;
|
||||
}
|
||||
|
||||
.grid_3 {
|
||||
width: 220px;
|
||||
}
|
||||
|
||||
.grid_4 {
|
||||
width: 300px;
|
||||
}
|
||||
|
||||
.grid_5 {
|
||||
width: 380px;
|
||||
}
|
||||
|
||||
.more_link {
|
||||
text-align: right;
|
||||
clear: left;
|
||||
}
|
||||
.error, ul.errorlist li {
|
||||
color: #a40000;
|
||||
}
|
||||
|
||||
a:hover {
|
||||
color: #a40000;
|
||||
text-decoration: underline;
|
||||
}
|
||||
|
||||
a:link {
|
||||
color: #204a87;
|
||||
font-weight: 700;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
a:visited {
|
||||
color: #5c3566;
|
||||
}
|
||||
|
||||
button, a.button {
|
||||
display: inline-block;
|
||||
color: #2e3436;
|
||||
padding: 0.2em;
|
||||
font: bold 12pt Philosopher, sans-serif;
|
||||
margin: 0.2em;
|
||||
border: 1px solid #d3d7cf;
|
||||
border-radius: 5px;
|
||||
background-color: #f9f9f9;
|
||||
box-shadow: inset 0px 1px 0px 0px #ffffff;
|
||||
text-decoration: none;
|
||||
text-shadow: 1px 1px 0px #ffffff;
|
||||
background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #f9f9f9), color-stop(1, #e9e9e9) );
|
||||
background: -moz-linear-gradient(center top, #f9f9f9 5%, #e9e9e9 100%);
|
||||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9f9f9', endColorstr='#e9e9e9');
|
||||
}
|
||||
a.button img, button img {
|
||||
vertical-align: middle;
|
||||
}
|
||||
|
||||
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
|
||||
display: block;
|
||||
}
|
||||
|
||||
h1 a:link, h2 a:link, h3 a:link, h4 a:link, h5 a:link, h6 a:link, h1 a:visited, h2 a:visited, h3 a:visited, h4 a:visited, h5 a:visited, h6 a:visited {
|
||||
color: #bc0a19;
|
||||
font-weight: 400;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
h1, h2, h3, h4, h5, h6 {
|
||||
color: #bc0a19;
|
||||
font-family: 'Amerika Sans', sans-serif;
|
||||
font-variant: small-caps;
|
||||
font-weight: 400;
|
||||
letter-spacing: -1px;
|
||||
margin: 1em 0 0.5em 0;
|
||||
text-shadow: 2px 2px 2px #888;
|
||||
vertical-align: baseline;
|
||||
}
|
||||
|
||||
html, div, span, applet, object, iframe, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
|
||||
border: 0;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
vertical-align: baseline;
|
||||
}
|
||||
|
||||
p {
|
||||
margin-bottom: 0.5em
|
||||
}
|
||||
|
||||
img.partner, img.posting_image {
|
||||
border: 1px solid #babdb6;
|
||||
display:block;
|
||||
float: left;
|
||||
height: 120px;
|
||||
margin: 0 20px 0 0;
|
||||
padding: 4px;
|
||||
width: 200px;
|
||||
}
|
||||
|
||||
img.partner:nth-of-type(odd) {
|
||||
float: right;
|
||||
}
|
||||
|
||||
input {font: normal 12pt Philosopher, sans-serif;}
|
||||
|
||||
input[type=number] {text-align: right;}
|
||||
|
||||
li {
|
||||
margin-bottom: .2em;
|
||||
}
|
||||
|
||||
li.category {
|
||||
background: url(../icons/newspaper.png) left center no-repeat;
|
||||
padding-left: 20px;
|
||||
}
|
||||
.thumbnail {
|
||||
display: block;
|
||||
position: relative;
|
||||
float: left;
|
||||
height: 140px;
|
||||
width: 140px;
|
||||
padding: 5px;
|
||||
border: 0;
|
||||
margin: 5px;
|
||||
background: transparent url('../img/thumbnail-bg.png') top left no-repeat;
|
||||
}
|
||||
|
||||
|
||||
li.comment {
|
||||
background: url(../icons/comment.png) left center no-repeat;
|
||||
padding-left: 20px;
|
||||
}
|
||||
|
||||
li.date, li.event {
|
||||
background: url(../icons/date.png) left center no-repeat;
|
||||
padding-left: 20px;
|
||||
}
|
||||
|
||||
li.photo {
|
||||
background: url(../icons/camera.png) left center no-repeat;
|
||||
padding-left: 20px;
|
||||
}
|
||||
|
||||
li.hanchan {
|
||||
background: url(../icons/table.png) left center no-repeat;
|
||||
padding-left: 20px;
|
||||
}
|
||||
|
||||
li.django_view {
|
||||
background: url(../icons/page_white_lightning.png) left center no-repeat;
|
||||
padding-left: 20px;
|
||||
}
|
||||
|
||||
li.html {
|
||||
background: url(../icons/page_white_text.png) left center no-repeat;
|
||||
padding-left: 20px;
|
||||
}
|
||||
|
||||
li.location {
|
||||
background: url(../icons/map.png) left center no-repeat;
|
||||
padding-left: 20px;
|
||||
}
|
||||
|
||||
li.pdf {
|
||||
background: url(../icons/page_white_acrobat.png) left center no-repeat;
|
||||
padding-left: 20px;
|
||||
}
|
||||
|
||||
li.season {
|
||||
background: url(../icons/star.png) left center no-repeat;
|
||||
padding-left: 20px;
|
||||
}
|
||||
|
||||
li.user {
|
||||
background: url(../icons/user_red.png) left center no-repeat;
|
||||
padding-left: 20px;
|
||||
}
|
||||
|
||||
ol {
|
||||
list-style: cjk-ideographic;
|
||||
padding-left: 2em;
|
||||
}
|
||||
|
||||
table {
|
||||
border-collapse: collapse;
|
||||
border-spacing: 0;
|
||||
margin-bottom: 1em;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
table td {
|
||||
border-bottom: 1px solid #d3d7cf;
|
||||
border-top: 1px solid #d3d7cf;
|
||||
padding: 2px;
|
||||
vertical-align: middle;
|
||||
}
|
||||
|
||||
table th {
|
||||
background: #a40000;
|
||||
color: #fff;
|
||||
padding: 2px;
|
||||
vertical-align: middle;
|
||||
}
|
||||
|
||||
table th a:link, table th a:visited {
|
||||
color: #FFF;
|
||||
}
|
||||
|
||||
table tr:hover {
|
||||
background-color: #eedcdc;
|
||||
}
|
||||
|
||||
table tr:nth-child(2n+1) {
|
||||
background-color: #eeeeec;
|
||||
}
|
||||
|
||||
ul {
|
||||
list-style: circle outside;
|
||||
padding-left: 30px;
|
||||
}
|
||||
|
||||
ul.comment_list {
|
||||
font-size: small;
|
||||
list-style: none;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
ul.event_list, ul.list {
|
||||
list-style: none;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
ul.info {
|
||||
list-style: none;
|
||||
margin-bottom: 0.5em;
|
||||
padding-left: 0;
|
||||
}
|
||||
|
||||
ul.info li {
|
||||
display: inline-block;
|
||||
margin-right: 10px;
|
||||
}
|
||||
|
||||
.buttonbar {
|
||||
text-align: right;
|
||||
border-radius: 10px;
|
||||
background: #000000; /* Old browsers */
|
||||
background: linear-gradient(to bottom, #45484d 0%,#000000 100%); /* W3C */
|
||||
background: -moz-linear-gradient(top, #45484d 0%, #000000 100%); /* FF3.6+ */
|
||||
background: -webkit-linear-gradient(top, #45484d 0%,#000000 100%); /* Chrome10+,Safari5.1+ */
|
||||
background: -o-linear-gradient(top, #45484d 0%,#000000 100%); /* Opera 11.10+ */
|
||||
background: -ms-linear-gradient(top, #45484d 0%,#000000 100%); /* IE10+ */
|
||||
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#45484d', endColorstr='#000000',GradientType=0 ); /* IE6-9 */
|
||||
}
|
||||
|
||||
/** PAGINATOR **/
|
||||
.paginator {
|
||||
clear: both;
|
||||
border: 1px solid #d3d7cf;
|
||||
border-radius: 10px;
|
||||
text-align: center;
|
||||
background-color: #f9f9f9;
|
||||
box-shadow: inset 0px 1px 0px 0px #ffffff;
|
||||
background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #f9f9f9
|
||||
), color-stop(1, #e9e9e9) );
|
||||
background: -moz-linear-gradient(center top, #f9f9f9 5%, #e9e9e9 100%);
|
||||
padding: 4px 10px 2px 10px;
|
||||
}
|
||||
|
||||
.paginator a, .paginator .current {
|
||||
display: inline-block;
|
||||
margin: 0px 2px;
|
||||
padding: 2px;
|
||||
min-width: 17px;
|
||||
color: #2e3436;
|
||||
text-decoration: none;
|
||||
border-radius: 5px;
|
||||
}
|
||||
|
||||
.paginator .current {
|
||||
border: none;
|
||||
color: #a40000;
|
||||
background: #fff;
|
||||
border-radius: 5px;
|
||||
}
|
||||
|
||||
.paginator .next {
|
||||
display: inline-block;
|
||||
float: right;
|
||||
}
|
||||
|
||||
.paginator .prev {
|
||||
display: inline-block;
|
||||
float: left;
|
||||
}
|
||||
|
||||
.center {
|
||||
text-align: center;
|
||||
}
|
||||
.right {
|
||||
text-align: right;
|
||||
}
|
||||
|
||||
.red_box {
|
||||
color: white;
|
||||
/*background: #a40000 url('../img/red-swoop.png') top left no-repeat;*/
|
||||
border-radius: 10px;
|
||||
padding: 10px 5px 5px 5px;
|
||||
background: #a90329; /* Old browsers */
|
||||
background: -moz-linear-gradient(-45deg, #a90329 0%, #8f0222 44%, #6d0019 100%); /* FF3.6+ */
|
||||
background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#a90329), color-stop(44%,#8f0222), color-stop(100%,#6d0019)); /* Chrome,Safari4+ */
|
||||
background: -webkit-linear-gradient(-45deg, #a90329 0%,#8f0222 44%,#6d0019 100%); /* Chrome10+,Safari5.1+ */
|
||||
background: -o-linear-gradient(-45deg, #a90329 0%,#8f0222 44%,#6d0019 100%); /* Opera 11.10+ */
|
||||
background: -ms-linear-gradient(-45deg, #a90329 0%,#8f0222 44%,#6d0019 100%); /* IE10+ */
|
||||
background: linear-gradient(135deg, #a90329 0%,#8f0222 44%,#6d0019 100%); /* W3C */
|
||||
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a90329', endColorstr='#6d0019',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
|
||||
}
|
||||
.red_box h2 {
|
||||
margin: -1em 10px 0 0;
|
||||
color: black;
|
||||
}
|
||||
.red_box h3 {
|
||||
color: white;
|
||||
}
|
||||
|
||||
.red_box a:link, .red_box a:visited {
|
||||
color: white;
|
||||
font-weight: normal;
|
||||
text-decoration: underline;
|
||||
}
|
||||
.red_box a.button:link, .red_box a.button:visited {
|
||||
color: #2e3436;
|
||||
font-weight: bold;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
ul.tabs {text-align: center}
|
||||
ul.tabs li {display: inline-block}
|
||||
ul.tabs li:after {content: " | "}
|
||||
ul.tabs li:last-child:after {content: ""}
|
||||
ul.tabs li a {color: #2e3436;}
|
||||
ul.tabs li.active a {border-bottom: 3px solid #bc0a19; color: #bc0a19}
|
||||
585
htdocs/css/desktop-backup.css
Normal file
585
htdocs/css/desktop-backup.css
Normal file
@@ -0,0 +1,585 @@
|
||||
ul.info {
|
||||
padding-left: 0px;
|
||||
list-style: none;
|
||||
margin-bottom: 1em;
|
||||
}
|
||||
|
||||
ul.info li {
|
||||
display: inline-block;
|
||||
margin-right: 10px
|
||||
}
|
||||
|
||||
ul.event_list,ul.list {
|
||||
list-style: none;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
ul.comment_list {
|
||||
list-style: none;
|
||||
padding: 0;
|
||||
font-size: small;
|
||||
}
|
||||
|
||||
li.category {
|
||||
background: url("../icons/newspaper.png") left center no-repeat;
|
||||
padding-left: 20px;
|
||||
}
|
||||
|
||||
li.comment {
|
||||
background: url("../icons/comment.png") left center no-repeat;
|
||||
padding-left: 20px;
|
||||
}
|
||||
|
||||
li.PDF {
|
||||
background: url("../icons/page_white_acrobat.png") left center no-repeat;
|
||||
padding-left: 20px;
|
||||
}
|
||||
|
||||
li.HTML {
|
||||
background: url("../icons/page_white_text.png") left center no-repeat;
|
||||
padding-left: 20px;
|
||||
}
|
||||
|
||||
li.date {
|
||||
background: url("../icons/date.png") left center no-repeat;
|
||||
padding-left: 20px;
|
||||
}
|
||||
|
||||
li.season {
|
||||
background: url("../icons/star.png") left center no-repeat;
|
||||
padding-left: 20px;
|
||||
}
|
||||
|
||||
li.event {
|
||||
background: url("../icons/date.png") left center no-repeat;
|
||||
padding-left: 20px;
|
||||
}
|
||||
|
||||
li.hanchan {
|
||||
background: url("../icons/table.png") left center no-repeat;
|
||||
padding-left: 20px;
|
||||
}
|
||||
|
||||
li.location {
|
||||
background: url("../icons/map.png") left center no-repeat;
|
||||
padding-left: 20px;
|
||||
}
|
||||
|
||||
li.user {
|
||||
background: url("../icons/user_red.png") left center no-repeat;
|
||||
padding-left: 20px;
|
||||
}
|
||||
|
||||
table {
|
||||
border-collapse: collapse;
|
||||
border-spacing: 0;
|
||||
margin-bottom: 1em;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
table th {
|
||||
color: #ffffff;
|
||||
background: #a40000;
|
||||
vertical-align: middle;
|
||||
padding: 2px;
|
||||
}
|
||||
|
||||
table td {
|
||||
vertical-align: middle;
|
||||
padding: 2px;
|
||||
border-bottom: 1px solid #d3d7cf;
|
||||
border-top: 1px solid #d3d7cf
|
||||
}
|
||||
|
||||
table tr:nth-child(2n+1) {
|
||||
background-color: #eeeeec;
|
||||
}
|
||||
|
||||
table tr:hover {
|
||||
background-color: #eedcdc
|
||||
}
|
||||
|
||||
|
||||
#sitelogo {
|
||||
position: absolute;
|
||||
background: url('../img/logo.png') no-repeat;
|
||||
height: 110px;
|
||||
left: 5px;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
text-indent: -9999px;
|
||||
top: 5px;
|
||||
width: 233px;
|
||||
z-index: 20;
|
||||
}
|
||||
|
||||
#sitelogo a {
|
||||
display: block;
|
||||
height: 110px;
|
||||
left: 0;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
width: 233px;
|
||||
}
|
||||
|
||||
#teaser {
|
||||
border: none;
|
||||
padding: 0;
|
||||
position: relative;
|
||||
vertical-align: bottom;
|
||||
width: 620px;
|
||||
height: 300px;
|
||||
position: relative;
|
||||
border-radius: 10px 0 0 0;
|
||||
}
|
||||
|
||||
#teaser_text {
|
||||
position: absolute;
|
||||
bottom: 0;
|
||||
display: block;
|
||||
font-size: 10pt;
|
||||
color: #FFF;
|
||||
background: #000;
|
||||
padding: 0px 10px 5px 10px;
|
||||
background: url("../img/teaser_bg.png");
|
||||
width: 600px;
|
||||
}
|
||||
#usernav {
|
||||
position: absolute;
|
||||
top: 0px;
|
||||
right: 0px;
|
||||
color: #FFF;
|
||||
background: url('../img/usernav-bg.png') top left no-repeat;
|
||||
height: 50px;
|
||||
padding: 5px 10px 4px 20px;
|
||||
text-align: right;
|
||||
z-index: 50;
|
||||
}
|
||||
|
||||
#usernav img {
|
||||
vertical-align: top;
|
||||
}
|
||||
|
||||
#usernav a {
|
||||
color: white;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
#facebook_login,#google_login {
|
||||
display: inline-block;
|
||||
width: 150px;
|
||||
height: 50px;
|
||||
background-image: url('../img/login_buttons.png');
|
||||
text-indent: -9999px;
|
||||
margin: 5px auto;
|
||||
}
|
||||
|
||||
#facebook_login {
|
||||
background-position: 0px 0px;
|
||||
margin: 0px 10px
|
||||
}
|
||||
|
||||
#facebook_login:hover {
|
||||
background-position: 150px 0px;
|
||||
}
|
||||
|
||||
#google_login {
|
||||
background-position: 0px 250px;
|
||||
margin: 0px 10px
|
||||
}
|
||||
|
||||
#google_login:hover {
|
||||
background-position: 150px 250px;
|
||||
}
|
||||
|
||||
|
||||
.center {
|
||||
margin: 0px auto;
|
||||
}
|
||||
|
||||
|
||||
a.user {
|
||||
color: #2e3436;
|
||||
font-weight: 700;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
.userinfo .submit_date {
|
||||
border-top: 1px solid silver;
|
||||
display: block;
|
||||
font-size: small;
|
||||
}
|
||||
|
||||
#display .next {
|
||||
background: transparent url(../img/right-arrow.png) no-repeat center
|
||||
center;
|
||||
display: block;
|
||||
float: left;
|
||||
height: 100%;
|
||||
margin: 10px;
|
||||
min-height: 300px;
|
||||
text-indent: 9999px;
|
||||
vertical-align: bottom;
|
||||
width: 60px;
|
||||
}
|
||||
|
||||
#display .previous {
|
||||
background: transparent url(../img/left-arrow.png) no-repeat center
|
||||
center;
|
||||
display: block;
|
||||
float: left;
|
||||
height: 100%;
|
||||
margin: 10px;
|
||||
min-height: 300px;
|
||||
text-indent: 9999px;
|
||||
vertical-align: bottom;
|
||||
width: 60px;
|
||||
}
|
||||
|
||||
{
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.gallery .thumbnail {
|
||||
display: block;
|
||||
float: none;
|
||||
margin: 5px auto;
|
||||
}
|
||||
|
||||
html {
|
||||
margin: 0;
|
||||
padding: 0
|
||||
}
|
||||
|
||||
.alpha {
|
||||
margin-left: 0;
|
||||
}
|
||||
|
||||
.article_header {
|
||||
font-size: small;
|
||||
}
|
||||
|
||||
.article_header a {
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
.article_header h3 {
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
|
||||
.callout {
|
||||
border: 0;
|
||||
border-radius: 0 10px 10px 0;
|
||||
}
|
||||
|
||||
.clear {
|
||||
clear: both;
|
||||
display: block;
|
||||
height: 0;
|
||||
overflow: hidden;
|
||||
visibility: hidden;
|
||||
width: 0;
|
||||
}
|
||||
|
||||
.clearfix {
|
||||
zoom: 1px;
|
||||
}
|
||||
|
||||
.clearfix:after {
|
||||
clear: both;
|
||||
}
|
||||
|
||||
.clearfix:before,.clearfix:after {
|
||||
content: '\0020';
|
||||
display: block;
|
||||
height: 0;
|
||||
overflow: hidden;
|
||||
visibility: hidden;
|
||||
width: 0;
|
||||
}
|
||||
|
||||
.thumbnail {
|
||||
display: block;
|
||||
position: relative;
|
||||
float: left;
|
||||
height: 140px;
|
||||
width: 140px;
|
||||
padding: 5px;
|
||||
border: 0;
|
||||
margin: 5px;
|
||||
background: transparent url('../img/thumbnail-bg.png') top left
|
||||
no-repeat;
|
||||
}
|
||||
|
||||
h1 a:link,h2 a:link,h3 a:link,h4 a:link,h5 a:link,h6 a:link,h1 a:visited,h2 a:visited,h3 a:visited,h4 a:visited,h5 a:visited,h6 a:visited
|
||||
{
|
||||
color: #bc0a19;
|
||||
font-weight: 400;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
|
||||
|
||||
input,textarea,select {
|
||||
margin: 0px;
|
||||
vertical-align: top;
|
||||
}
|
||||
|
||||
textarea,input[maxlength="255"] {
|
||||
width: 690px;
|
||||
}
|
||||
|
||||
textarea {
|
||||
font-family: "courier-new", monospace;
|
||||
}
|
||||
|
||||
table.form_table tr:hover,table.form_table tr,table.form_table tr:nth-child(2n+1)
|
||||
{
|
||||
background: none;
|
||||
}
|
||||
|
||||
table.form_table th {
|
||||
background: none;
|
||||
color: #2E3436;
|
||||
text-align: right;
|
||||
width: 140px;
|
||||
vertical-align: top;
|
||||
padding: 5px 20px 5px 0px
|
||||
}
|
||||
|
||||
table.form_table td {
|
||||
background: none;
|
||||
border: none;
|
||||
}
|
||||
|
||||
|
||||
p.help_text {
|
||||
font-size: 8pt
|
||||
}
|
||||
|
||||
ul.errorlist {
|
||||
font-size: small;
|
||||
list-style: square inside;
|
||||
margin-left: 160px;
|
||||
}
|
||||
|
||||
p {
|
||||
margin: 0 0 1em;
|
||||
text-align: justify;
|
||||
}
|
||||
|
||||
|
||||
img {
|
||||
border: none;
|
||||
vertical-align: text-top;
|
||||
}
|
||||
|
||||
img.posting_image,img.partner {
|
||||
float: left;
|
||||
width: 210px;
|
||||
height: 130px;
|
||||
padding: 4px;
|
||||
margin: 0px 20px 0px 0px;
|
||||
border: 1px solid #babdb6;
|
||||
}
|
||||
|
||||
img.partner_right {
|
||||
float: right;
|
||||
width: 210px;
|
||||
height: 130px;
|
||||
padding: 4px;
|
||||
margin: 0px 00px 0px 20px;
|
||||
border: 1px solid #babdb6;
|
||||
}
|
||||
|
||||
.small {
|
||||
font-size: small;
|
||||
}
|
||||
|
||||
table.layout tr {
|
||||
background: none;
|
||||
border: none;
|
||||
}
|
||||
|
||||
table.layout td {
|
||||
vertical-align: top;
|
||||
padding: 10px;
|
||||
border: none;
|
||||
}
|
||||
|
||||
td.right {
|
||||
text-align: right;
|
||||
}
|
||||
|
||||
td.center {
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
a.button, button {
|
||||
display: inline-block;
|
||||
padding: 3px;
|
||||
margin: 2px;
|
||||
color: #2e3436;
|
||||
border: 1px solid #d3d7cf;
|
||||
border-radius: 5px;
|
||||
background-color: #f9f9f9;
|
||||
font: bold 16px Philosopher, sans-serif;
|
||||
box-shadow: inset 0px 1px 0px 0px #ffffff;
|
||||
text-decoration: none;
|
||||
text-shadow: 1px 1px 0px #ffffff;
|
||||
background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #f9f9f9
|
||||
), color-stop(1, #e9e9e9) );
|
||||
background: -moz-linear-gradient(center top, #f9f9f9 5%, #e9e9e9 100%);
|
||||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9f9f9',
|
||||
endColorstr='#e9e9e9' );
|
||||
}
|
||||
|
||||
a.button:hover,button:hover {
|
||||
background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #e9e9e9
|
||||
), color-stop(1, #f9f9f9) );
|
||||
background: -moz-linear-gradient(center top, #e9e9e9 5%, #f9f9f9 100%);
|
||||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e9e9e9',
|
||||
endColorstr='#f9f9f9' );
|
||||
background-color: #e9e9e9;
|
||||
}
|
||||
|
||||
.button:active,button:active {
|
||||
position: relative;
|
||||
top: 1px;
|
||||
}
|
||||
|
||||
#navigation {
|
||||
width: 920px;
|
||||
height: 56px;
|
||||
margin: 0px auto;
|
||||
padding: 8px 0 0 30px;
|
||||
background: url(../img/navigation-bg.png) no-repeat left top;
|
||||
list-style: none;
|
||||
}
|
||||
|
||||
#navigation li {
|
||||
display: inline;
|
||||
margin: 0px;
|
||||
}
|
||||
|
||||
#navigation a {
|
||||
height: 33px;
|
||||
display: block;
|
||||
float: left;
|
||||
padding: 17px 15px 0 15px;
|
||||
font: bold 12px Arial;
|
||||
color: #FFF;
|
||||
text-decoration: none;
|
||||
background: url(../img/navigation-separator.png) no-repeat right center;
|
||||
}
|
||||
|
||||
#navigation a:hover {
|
||||
color: #3B3B3B;
|
||||
background: url(../img/navigation-hover.png) repeat-x left top;
|
||||
}
|
||||
|
||||
#navigation a.active {
|
||||
color: #3B3B3B;
|
||||
background: url(../img/navigation-hover.png) repeat-x left top;
|
||||
}
|
||||
|
||||
.left {
|
||||
float: left;
|
||||
margin-right: 20px;
|
||||
}
|
||||
|
||||
.push_1,.pull_1,.push_2,.pull_2,.push_3,.pull_3,.push_4,.pull_4,.push_5,.pull_5,.push_6,.pull_6,.push_7,.pull_7,.push_8,.pull_8,.push_9,.pull_9,.push_10,.pull_10,.push_11,.pull_11,.push_12,.pull_12
|
||||
{
|
||||
position: relative;
|
||||
}
|
||||
.pull_1 {
|
||||
left: -80px;
|
||||
}
|
||||
.pull_2 {
|
||||
left: -160px;
|
||||
}
|
||||
.pull_3 {
|
||||
left: -240px;
|
||||
}
|
||||
.pull_4 {
|
||||
left: -320px;
|
||||
}
|
||||
.pull_5 {
|
||||
left: -400px;
|
||||
}
|
||||
.pull_6 {
|
||||
left: -480px;
|
||||
}
|
||||
.pull_7 {
|
||||
left: -560px;
|
||||
}
|
||||
.pull_8 {
|
||||
left: -640px;
|
||||
}
|
||||
.pull_9 {
|
||||
left: -720px;
|
||||
}
|
||||
.pull_10 {
|
||||
left: -800px;
|
||||
}
|
||||
.pull_11 {
|
||||
left: -880px;
|
||||
}
|
||||
.push_1 {
|
||||
left: 80px;
|
||||
}
|
||||
.push_2 {
|
||||
left: 160px;
|
||||
}
|
||||
.push_3 {
|
||||
left: 240px;
|
||||
}
|
||||
.push_4 {
|
||||
left: 320px;
|
||||
}
|
||||
.push_5 {
|
||||
left: 400px;
|
||||
}
|
||||
.push_6 {
|
||||
left: 480px;
|
||||
}
|
||||
.push_7 {
|
||||
left: 560px;
|
||||
}
|
||||
.push_8 {
|
||||
left: 640px;
|
||||
}
|
||||
.push_9 {
|
||||
left: 720px;
|
||||
}
|
||||
.push_10 {
|
||||
left: 800px;
|
||||
}
|
||||
.push_11 {
|
||||
left: 880px;
|
||||
}
|
||||
|
||||
#footer_bg {
|
||||
margin-top: -350px;
|
||||
height: 500px;
|
||||
background: url('../img/footer-bg.png') top center no-repeat;
|
||||
z-index: 2;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
#footer {
|
||||
position: relative;
|
||||
top: 0px;
|
||||
z-index: 30;
|
||||
width:920px;
|
||||
margin:-120px auto 0px auto;
|
||||
}
|
||||
#footer p {text-align:center;}
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
#toggle, .toggle { display: none; }
|
||||
|
||||
448
htdocs/css/desktop.css
Normal file
448
htdocs/css/desktop.css
Normal file
@@ -0,0 +1,448 @@
|
||||
#content {
|
||||
width: 700px;
|
||||
display: inline;
|
||||
float: left;
|
||||
margin: 0px 10px;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
#display .next, #display .previous {
|
||||
display: block;
|
||||
position: absolute;
|
||||
top: 0px;
|
||||
width: 60px;
|
||||
height: 100%;
|
||||
margin: 0px;
|
||||
padding:0;
|
||||
text-indent: 9999px;
|
||||
overflow: hidden;
|
||||
opacity: .5;
|
||||
}
|
||||
|
||||
#display .next:hover, #display .previous:hover {
|
||||
opacity: 1;
|
||||
transition: all 0.2s ease-out;
|
||||
}
|
||||
#display .next {
|
||||
background: transparent url(../img/right-arrow.png) no-repeat center
|
||||
center;
|
||||
right: 10px;
|
||||
z-index:3;
|
||||
}
|
||||
|
||||
#display .previous {
|
||||
background: transparent url(../img/left-arrow.png) no-repeat center
|
||||
center;
|
||||
left: 10px;
|
||||
z-index:2
|
||||
}
|
||||
#display img {box-shadow: 1px 1px 5px 1px #444;}
|
||||
|
||||
#sidebar {
|
||||
width: 220px;
|
||||
display: inline;
|
||||
float: left;
|
||||
margin: 0px 10px;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
#footer {
|
||||
margin: -170px auto 0;
|
||||
position: relative;
|
||||
top: 0;
|
||||
width: 920px;
|
||||
z-index: 30;
|
||||
}
|
||||
|
||||
#footer p {
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
#footer_bg {
|
||||
background: url(../img/footer_bg.png) top center no-repeat;
|
||||
height: 477px;
|
||||
margin-top: -286px;
|
||||
position: relative;
|
||||
z-index: 2;
|
||||
}
|
||||
|
||||
#header {
|
||||
height: 100px;
|
||||
margin: 0 auto;
|
||||
padding: 0;
|
||||
position: relative;
|
||||
width: 960px;
|
||||
z-index: 50;
|
||||
}
|
||||
|
||||
#header_bg {
|
||||
background: url(../img/header_bg.png) top center no-repeat;
|
||||
height: 400px;
|
||||
left: 0;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
position: absolute;
|
||||
text-align: center;
|
||||
top: 0;
|
||||
width: 100%;
|
||||
z-index: 5;
|
||||
}
|
||||
|
||||
#maincontent {
|
||||
margin: 0 auto;
|
||||
min-height: 639px;
|
||||
padding: 10px 0 0 0;
|
||||
position: relative;
|
||||
width: 960px;
|
||||
z-index: 19;
|
||||
}
|
||||
|
||||
#mainnav {
|
||||
left: 233px;
|
||||
position: absolute;
|
||||
top: 65px;
|
||||
}
|
||||
|
||||
#mainnav a {
|
||||
color: #000;
|
||||
text-decoration: none;
|
||||
font-weight: normal;
|
||||
}
|
||||
|
||||
#mainnav a.active {
|
||||
color: #bc0a19;
|
||||
}
|
||||
|
||||
#mainnav a:hover {
|
||||
color: #FFF;
|
||||
}
|
||||
|
||||
#mainnav li {
|
||||
display: inline-block;
|
||||
font: normal small-caps 18px 'Amerika Sans', sans-serif;
|
||||
min-width: 50px;
|
||||
padding: 8px;
|
||||
text-align: center;
|
||||
text-shadow: 2px 2px 2px #2e3436;
|
||||
}
|
||||
#mainnav li:first-child {padding-left: 0;}
|
||||
#mainnav li:last-child {padding-right: 0;}
|
||||
ul.main_menu {padding:0px;}
|
||||
|
||||
#navigation {
|
||||
background: url(../img/navigation-bg.png) no-repeat left top;
|
||||
height: 56px;
|
||||
list-style: none;
|
||||
margin: 0 auto;
|
||||
padding: 8px 0 0 30px;
|
||||
width: 920px;
|
||||
}
|
||||
|
||||
#navigation a {
|
||||
background: url(../img/navigation-separator.png) no-repeat right center;
|
||||
color: #FFF;
|
||||
display: block;
|
||||
float: left;
|
||||
font-weight: bold;
|
||||
height: 33px;
|
||||
padding: 17px 15px 0;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
#navigation a:hover,#navigation a.active {
|
||||
background: url(../img/navigation-hover.png) repeat-x left top;
|
||||
color: #3B3B3B;
|
||||
}
|
||||
|
||||
#navigation li {
|
||||
display: inline;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
#sitelogo {
|
||||
background: url(../img/logo.png) no-repeat;
|
||||
height: 110px;
|
||||
left: 5px;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
position: absolute;
|
||||
text-indent: -9999px;
|
||||
top: 5px;
|
||||
width: 233px;
|
||||
z-index: 99;
|
||||
}
|
||||
|
||||
#sitelogo a {
|
||||
display: block;
|
||||
height: 110px;
|
||||
left: 0;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
width: 233px;
|
||||
}
|
||||
|
||||
#teaser {
|
||||
border: none;
|
||||
border-radius: 10px 0px 0px 10px;
|
||||
margin-top:10px;
|
||||
height: 300px;
|
||||
position: relative;
|
||||
vertical-align: bottom;
|
||||
width: 620px;
|
||||
}
|
||||
|
||||
#teaser_text {
|
||||
background: url(../img/teaser_bg.png);
|
||||
bottom: 0;
|
||||
color: #FFF;
|
||||
display: block;
|
||||
font-size: 10pt;
|
||||
padding: 0 10px 5px;
|
||||
position: absolute;
|
||||
width: 600px;
|
||||
border-radius: 0px 0px 0px 10px;
|
||||
}
|
||||
|
||||
.red_box {
|
||||
margin-top: 10px;
|
||||
height: 300px;
|
||||
border-radius: 0px 10px 10px 0px;
|
||||
}
|
||||
|
||||
#toggle, .toggle {display: none;}
|
||||
|
||||
#usernav {
|
||||
background: url(../img/usernav-bg.png) top left no-repeat;
|
||||
color: #FFF;
|
||||
height: 50px;
|
||||
padding: 5px 10px 4px 20px;
|
||||
position: absolute;
|
||||
right: 0;
|
||||
text-align: right;
|
||||
top: 0;
|
||||
z-index: 50;
|
||||
}
|
||||
|
||||
#usernav a {
|
||||
color: #FFF;
|
||||
font-weight: 700;
|
||||
}
|
||||
|
||||
#usernav img {
|
||||
vertical-align: middle;
|
||||
}
|
||||
|
||||
.clearfix {
|
||||
zoom: 1px;
|
||||
}
|
||||
|
||||
.clearfix:after {
|
||||
clear: both;
|
||||
}
|
||||
|
||||
.gallery {
|
||||
display: inline;
|
||||
float: left;
|
||||
height: 200px;
|
||||
margin: 10px;
|
||||
overflow: hidden;
|
||||
text-align: center;
|
||||
width: 300px;
|
||||
}
|
||||
|
||||
.gallery .thumbnail {
|
||||
display: block;
|
||||
float: none;
|
||||
margin: 5px auto;
|
||||
}
|
||||
|
||||
.player {
|
||||
display: inline;
|
||||
float: left;
|
||||
margin-left: 10px;
|
||||
margin-right: 10px;
|
||||
position: relative;
|
||||
box-sizing: border-box;
|
||||
-moz-box-sizing: border-box;
|
||||
width: 220px;
|
||||
}
|
||||
|
||||
div.thumbnail a.delete_image {
|
||||
position: absolute;
|
||||
right: 4px;
|
||||
bottom: 0px;
|
||||
}
|
||||
|
||||
|
||||
body {
|
||||
background: #fff url(../img/background.png) repeat-y center top;
|
||||
font: 12pt Philosopher, Georgia, serif;
|
||||
line-height: 1;
|
||||
margin: 0;
|
||||
min-width: 960px;
|
||||
padding: 0;
|
||||
vertical-align: baseline;
|
||||
}
|
||||
|
||||
fieldset {
|
||||
border: none;
|
||||
color: #2e3436;
|
||||
border-radius: 10px;
|
||||
margin: 10px 0 0 0;
|
||||
padding: 0 10px 0 160px;
|
||||
background: linear-gradient(135deg, #f2f5f6 0%, #e3eaed 37%, #c8d7dc 100%);
|
||||
background: -moz-linear-gradient(-45deg, #f2f5f6 0%, #e3eaed 37%, #c8d7dc 100%);
|
||||
background: -webkit-linear-gradient(-45deg, #f2f5f6 0%, #e3eaed 37%, #c8d7dc 100%);
|
||||
background: -o-linear-gradient(-45deg, #f2f5f6 0%, #e3eaed 37%, #c8d7dc 100%);
|
||||
background: -ms-linear-gradient(-45deg, #f2f5f6 0%, #e3eaed 37%, #c8d7dc 100%);
|
||||
vertical-align:top;
|
||||
}
|
||||
|
||||
fieldset legend {
|
||||
margin-top: -.1em;
|
||||
margin-left: -150px;
|
||||
color: #a40000;
|
||||
font-family: 'Amerika Sans', sans-serif;
|
||||
font-variant: small-caps;
|
||||
font-weight: 400;
|
||||
font-size: 16pt;
|
||||
text-shadow: 2px 2px 2px #888;
|
||||
}
|
||||
|
||||
fieldset div {margin:5px 0px;}
|
||||
|
||||
fieldset .required {font-weight: bold;}
|
||||
|
||||
fieldset .buttonbar {
|
||||
border-radius: 0px 0px 10px 10px;
|
||||
margin: 0 -10px 0 -160px;
|
||||
}
|
||||
|
||||
fieldset .help_text {font-size: small;}
|
||||
|
||||
fieldset .field_name {
|
||||
text-align: right;
|
||||
width: 140px;
|
||||
margin: 0 20px 0 -160px;
|
||||
padding-top: 3px;
|
||||
display: inline-block;
|
||||
clear: left;
|
||||
vertical-align:top;
|
||||
}
|
||||
|
||||
fieldset input,fieldset textarea {
|
||||
border: 1px solid #999999;
|
||||
border-radius: 5px;
|
||||
padding: 2px;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
fieldset input[maxlength="255"], fieldset textarea {
|
||||
box-sizing: border-box;
|
||||
width: 100%;
|
||||
max-width: 760px;
|
||||
}
|
||||
|
||||
fieldset ul {
|
||||
display: inline-block;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
fieldset ul li {
|
||||
list-style: none;
|
||||
display: inline;
|
||||
}
|
||||
|
||||
fieldset table {display: inline-table;max-width: 760px;}
|
||||
|
||||
img.partner,img.partner_right,img.posting_image {
|
||||
border: 1px solid #babdb6;
|
||||
float: left;
|
||||
height: 120px;
|
||||
margin: 0 20px 0 0;
|
||||
padding: 4px;
|
||||
width: 200px;
|
||||
}
|
||||
|
||||
img.partner:nth-of-type(odd) {float: right;}
|
||||
|
||||
ul.tabs {
|
||||
margin: 10px;
|
||||
padding: 0;
|
||||
border-radius: 10px;
|
||||
background: #bc0a19 url(../img/buttonbar.gif) repeat-x;
|
||||
text-align: left;
|
||||
list-style: none;
|
||||
}
|
||||
|
||||
ul.tabs li {display: inline-block;}
|
||||
ul.tabs li:after {content: ''}
|
||||
ul.tabs li a {
|
||||
display: inline-block;
|
||||
border: 1px solid #d3d7cf;
|
||||
border-radius: 5px;
|
||||
background-color: #f9f9f9;
|
||||
color: #2e3436;
|
||||
font: bold 14px Philosopher sans-serif;
|
||||
box-shadow: inset 0px 1px 0px 0px #ffffff;
|
||||
background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #f9f9f9), color-stop(1, #e9e9e9) );
|
||||
background: -moz-linear-gradient(center top, #f9f9f9 5%, #e9e9e9 100%);
|
||||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9f9f9', endColorstr='#e9e9e9' );
|
||||
display: inline-block;
|
||||
padding: 4px 10px 2px 10px;
|
||||
margin: 3px 0px 0px 15px;
|
||||
text-decoration: none;
|
||||
text-shadow: 1px 1px 0px #ffffff;
|
||||
}
|
||||
|
||||
ul.tabs li.active a {
|
||||
background-color: #fa665a;
|
||||
background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #fa665a), color-stop(1, #d34639) );
|
||||
background: -moz-linear-gradient(center top, #fa665a 5%, #d34639 100%);
|
||||
color: #ffffff;
|
||||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fa665a', endColorstr='#d34639' );
|
||||
border: 1px solid #d83526;
|
||||
box-shadow: inset 0px 1px 0px 0px #ffffff;
|
||||
text-shadow: 1px 1px 0px #98231a;
|
||||
}
|
||||
|
||||
#comments {clear: both; width: 960px;}
|
||||
|
||||
#comments td.avatar {height: 60px; width: 60px;}
|
||||
|
||||
#comments td.avatar img, img.avatar {
|
||||
border: none;
|
||||
box-shadow: 2px 2px 2px #888;
|
||||
width: 60px;
|
||||
height: 60px;
|
||||
}
|
||||
|
||||
.userinfo {width: 140px;}
|
||||
|
||||
.grid_6 {
|
||||
width: 460px;
|
||||
}
|
||||
|
||||
.grid_7 {
|
||||
width: 540px;
|
||||
}
|
||||
|
||||
.grid_8 {
|
||||
width: 620px;
|
||||
}
|
||||
|
||||
.grid_9 {
|
||||
width: 700px;
|
||||
}
|
||||
|
||||
.grid_10 {
|
||||
width: 780px;
|
||||
}
|
||||
|
||||
.grid_11 {
|
||||
width: 860px;
|
||||
}
|
||||
|
||||
.grid_12 {
|
||||
width: 940px;
|
||||
}
|
||||
411
htdocs/css/jquery-ui-1.8.16.custom.css
vendored
Normal file
411
htdocs/css/jquery-ui-1.8.16.custom.css
vendored
Normal file
@@ -0,0 +1,411 @@
|
||||
/*
|
||||
* jQuery UI CSS Framework 1.8.16
|
||||
*
|
||||
* Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
|
||||
* Dual licensed under the MIT or GPL Version 2 licenses.
|
||||
* http://jquery.org/license
|
||||
*
|
||||
* http://docs.jquery.com/UI/Theming/API
|
||||
*/
|
||||
|
||||
/* Layout helpers
|
||||
----------------------------------*/
|
||||
.ui-helper-hidden { display: none; }
|
||||
.ui-helper-hidden-accessible { position: absolute !important; clip: rect(1px 1px 1px 1px); clip: rect(1px,1px,1px,1px); }
|
||||
.ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; }
|
||||
.ui-helper-clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
|
||||
.ui-helper-clearfix { display: inline-block; }
|
||||
/* required comment for clearfix to work in Opera \*/
|
||||
* html .ui-helper-clearfix { height:1%; }
|
||||
.ui-helper-clearfix { display:block; }
|
||||
/* end clearfix */
|
||||
.ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter:Alpha(Opacity=0); }
|
||||
|
||||
|
||||
/* Interaction Cues
|
||||
----------------------------------*/
|
||||
.ui-state-disabled { cursor: default !important; }
|
||||
|
||||
|
||||
/* Icons
|
||||
----------------------------------*/
|
||||
|
||||
/* states and images */
|
||||
.ui-icon { display: block; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; }
|
||||
|
||||
|
||||
/* Misc visuals
|
||||
----------------------------------*/
|
||||
|
||||
/* Overlays */
|
||||
.ui-widget-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
|
||||
|
||||
|
||||
/*
|
||||
* jQuery UI CSS Framework 1.8.16
|
||||
*
|
||||
* Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
|
||||
* Dual licensed under the MIT or GPL Version 2 licenses.
|
||||
* http://jquery.org/license
|
||||
*
|
||||
* http://docs.jquery.com/UI/Theming/API
|
||||
*
|
||||
* To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Trebuchet%20MS,%20Tahoma,%20Verdana,%20Arial,%20sans-serif&fwDefault=bold&fsDefault=1.1em&cornerRadius=4px&bgColorHeader=f6a828&bgTextureHeader=12_gloss_wave.png&bgImgOpacityHeader=35&borderColorHeader=e78f08&fcHeader=ffffff&iconColorHeader=ffffff&bgColorContent=eeeeee&bgTextureContent=03_highlight_soft.png&bgImgOpacityContent=100&borderColorContent=dddddd&fcContent=333333&iconColorContent=222222&bgColorDefault=f6f6f6&bgTextureDefault=02_glass.png&bgImgOpacityDefault=100&borderColorDefault=cccccc&fcDefault=1c94c4&iconColorDefault=ef8c08&bgColorHover=fdf5ce&bgTextureHover=02_glass.png&bgImgOpacityHover=100&borderColorHover=fbcb09&fcHover=c77405&iconColorHover=ef8c08&bgColorActive=ffffff&bgTextureActive=02_glass.png&bgImgOpacityActive=65&borderColorActive=fbd850&fcActive=eb8f00&iconColorActive=ef8c08&bgColorHighlight=ffe45c&bgTextureHighlight=03_highlight_soft.png&bgImgOpacityHighlight=75&borderColorHighlight=fed22f&fcHighlight=363636&iconColorHighlight=228ef1&bgColorError=b81900&bgTextureError=08_diagonals_thick.png&bgImgOpacityError=18&borderColorError=cd0a0a&fcError=ffffff&iconColorError=ffd27a&bgColorOverlay=666666&bgTextureOverlay=08_diagonals_thick.png&bgImgOpacityOverlay=20&opacityOverlay=50&bgColorShadow=000000&bgTextureShadow=01_flat.png&bgImgOpacityShadow=10&opacityShadow=20&thicknessShadow=5px&offsetTopShadow=-5px&offsetLeftShadow=-5px&cornerRadiusShadow=5px
|
||||
*/
|
||||
|
||||
|
||||
/* Component containers
|
||||
----------------------------------*/
|
||||
.ui-widget { font-family: Trebuchet MS, Tahoma, Verdana, Arial, sans-serif; font-size: 13px; }
|
||||
.ui-widget-content { border: 1px solid #dddddd; background: #eeeeee url(../img/ui-bg_highlight-soft_100_eeeeee_1x100.png) 50% top repeat-x; color: #333333; }
|
||||
.ui-widget-content a { color: #333333; }
|
||||
.ui-widget-header { border: 1px solid #e78f08; background: #f6a828 url(../img/ui-bg_gloss-wave_35_f6a828_500x100.png) 50% 50% repeat-x; color: #ffffff; font-weight: bold; }
|
||||
.ui-widget-header a { color: #ffffff; }
|
||||
|
||||
/* Interaction states
|
||||
----------------------------------*/
|
||||
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { border: 1px solid #cccccc; background: #f6f6f6 url(../img/ui-bg_glass_100_f6f6f6_1x400.png) 50% 50% repeat-x; font-weight: bold; color: #1c94c4; }
|
||||
.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited { color: #1c94c4; text-decoration: none; }
|
||||
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus { border: 1px solid #fbcb09; background: #fdf5ce url(../img/ui-bg_glass_100_fdf5ce_1x400.png) 50% 50% repeat-x; font-weight: bold; color: #c77405; }
|
||||
.ui-state-hover a, .ui-state-hover a:hover { color: #c77405; text-decoration: none; }
|
||||
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active { border: 1px solid #fbd850; background: #ffffff url(../img/ui-bg_glass_65_ffffff_1x400.png) 50% 50% repeat-x; font-weight: bold; color: #eb8f00; }
|
||||
.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #eb8f00; text-decoration: none; }
|
||||
.ui-widget :active { outline: none; }
|
||||
|
||||
/* Interaction Cues
|
||||
----------------------------------*/
|
||||
.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {border: 1px solid #fed22f; background: #ffe45c url(../img/ui-bg_highlight-soft_75_ffe45c_1x100.png) 50% top repeat-x; color: #363636; }
|
||||
.ui-state-highlight a, .ui-widget-content .ui-state-highlight a,.ui-widget-header .ui-state-highlight a { color: #363636; }
|
||||
.ui-state-error, .ui-widget-content .ui-state-error, .ui-widget-header .ui-state-error {border: 1px solid #cd0a0a; background: #b81900 url(../img/ui-bg_diagonals-thick_18_b81900_40x40.png) 50% 50% repeat; color: #ffffff; }
|
||||
.ui-state-error a, .ui-widget-content .ui-state-error a, .ui-widget-header .ui-state-error a { color: #ffffff; }
|
||||
.ui-state-error-text, .ui-widget-content .ui-state-error-text, .ui-widget-header .ui-state-error-text { color: #ffffff; }
|
||||
.ui-priority-primary, .ui-widget-content .ui-priority-primary, .ui-widget-header .ui-priority-primary { font-weight: bold; }
|
||||
.ui-priority-secondary, .ui-widget-content .ui-priority-secondary, .ui-widget-header .ui-priority-secondary { opacity: .7; filter:Alpha(Opacity=70); font-weight: normal; }
|
||||
.ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled { opacity: .35; filter:Alpha(Opacity=35); background-image: none; }
|
||||
|
||||
/* Icons
|
||||
----------------------------------*/
|
||||
|
||||
/* states and images */
|
||||
.ui-icon { width: 16px; height: 16px; background-image: url(../img/ui-icons_222222_256x240.png); }
|
||||
.ui-widget-content .ui-icon {background-image: url(../img/ui-icons_222222_256x240.png); }
|
||||
.ui-widget-header .ui-icon {background-image: url(../img/ui-icons_ffffff_256x240.png); }
|
||||
.ui-state-default .ui-icon { background-image: url(../img/ui-icons_ef8c08_256x240.png); }
|
||||
.ui-state-hover .ui-icon, .ui-state-focus .ui-icon {background-image: url(../img/ui-icons_ef8c08_256x240.png); }
|
||||
.ui-state-active .ui-icon {background-image: url(../img/ui-icons_ef8c08_256x240.png); }
|
||||
.ui-state-highlight .ui-icon {background-image: url(../img/ui-icons_228ef1_256x240.png); }
|
||||
.ui-state-error .ui-icon, .ui-state-error-text .ui-icon {background-image: url(../img/ui-icons_ffd27a_256x240.png); }
|
||||
|
||||
/* positioning */
|
||||
.ui-icon-carat-1-n { background-position: 0 0; }
|
||||
.ui-icon-carat-1-ne { background-position: -16px 0; }
|
||||
.ui-icon-carat-1-e { background-position: -32px 0; }
|
||||
.ui-icon-carat-1-se { background-position: -48px 0; }
|
||||
.ui-icon-carat-1-s { background-position: -64px 0; }
|
||||
.ui-icon-carat-1-sw { background-position: -80px 0; }
|
||||
.ui-icon-carat-1-w { background-position: -96px 0; }
|
||||
.ui-icon-carat-1-nw { background-position: -112px 0; }
|
||||
.ui-icon-carat-2-n-s { background-position: -128px 0; }
|
||||
.ui-icon-carat-2-e-w { background-position: -144px 0; }
|
||||
.ui-icon-triangle-1-n { background-position: 0 -16px; }
|
||||
.ui-icon-triangle-1-ne { background-position: -16px -16px; }
|
||||
.ui-icon-triangle-1-e { background-position: -32px -16px; }
|
||||
.ui-icon-triangle-1-se { background-position: -48px -16px; }
|
||||
.ui-icon-triangle-1-s { background-position: -64px -16px; }
|
||||
.ui-icon-triangle-1-sw { background-position: -80px -16px; }
|
||||
.ui-icon-triangle-1-w { background-position: -96px -16px; }
|
||||
.ui-icon-triangle-1-nw { background-position: -112px -16px; }
|
||||
.ui-icon-triangle-2-n-s { background-position: -128px -16px; }
|
||||
.ui-icon-triangle-2-e-w { background-position: -144px -16px; }
|
||||
.ui-icon-arrow-1-n { background-position: 0 -32px; }
|
||||
.ui-icon-arrow-1-ne { background-position: -16px -32px; }
|
||||
.ui-icon-arrow-1-e { background-position: -32px -32px; }
|
||||
.ui-icon-arrow-1-se { background-position: -48px -32px; }
|
||||
.ui-icon-arrow-1-s { background-position: -64px -32px; }
|
||||
.ui-icon-arrow-1-sw { background-position: -80px -32px; }
|
||||
.ui-icon-arrow-1-w { background-position: -96px -32px; }
|
||||
.ui-icon-arrow-1-nw { background-position: -112px -32px; }
|
||||
.ui-icon-arrow-2-n-s { background-position: -128px -32px; }
|
||||
.ui-icon-arrow-2-ne-sw { background-position: -144px -32px; }
|
||||
.ui-icon-arrow-2-e-w { background-position: -160px -32px; }
|
||||
.ui-icon-arrow-2-se-nw { background-position: -176px -32px; }
|
||||
.ui-icon-arrowstop-1-n { background-position: -192px -32px; }
|
||||
.ui-icon-arrowstop-1-e { background-position: -208px -32px; }
|
||||
.ui-icon-arrowstop-1-s { background-position: -224px -32px; }
|
||||
.ui-icon-arrowstop-1-w { background-position: -240px -32px; }
|
||||
.ui-icon-arrowthick-1-n { background-position: 0 -48px; }
|
||||
.ui-icon-arrowthick-1-ne { background-position: -16px -48px; }
|
||||
.ui-icon-arrowthick-1-e { background-position: -32px -48px; }
|
||||
.ui-icon-arrowthick-1-se { background-position: -48px -48px; }
|
||||
.ui-icon-arrowthick-1-s { background-position: -64px -48px; }
|
||||
.ui-icon-arrowthick-1-sw { background-position: -80px -48px; }
|
||||
.ui-icon-arrowthick-1-w { background-position: -96px -48px; }
|
||||
.ui-icon-arrowthick-1-nw { background-position: -112px -48px; }
|
||||
.ui-icon-arrowthick-2-n-s { background-position: -128px -48px; }
|
||||
.ui-icon-arrowthick-2-ne-sw { background-position: -144px -48px; }
|
||||
.ui-icon-arrowthick-2-e-w { background-position: -160px -48px; }
|
||||
.ui-icon-arrowthick-2-se-nw { background-position: -176px -48px; }
|
||||
.ui-icon-arrowthickstop-1-n { background-position: -192px -48px; }
|
||||
.ui-icon-arrowthickstop-1-e { background-position: -208px -48px; }
|
||||
.ui-icon-arrowthickstop-1-s { background-position: -224px -48px; }
|
||||
.ui-icon-arrowthickstop-1-w { background-position: -240px -48px; }
|
||||
.ui-icon-arrowreturnthick-1-w { background-position: 0 -64px; }
|
||||
.ui-icon-arrowreturnthick-1-n { background-position: -16px -64px; }
|
||||
.ui-icon-arrowreturnthick-1-e { background-position: -32px -64px; }
|
||||
.ui-icon-arrowreturnthick-1-s { background-position: -48px -64px; }
|
||||
.ui-icon-arrowreturn-1-w { background-position: -64px -64px; }
|
||||
.ui-icon-arrowreturn-1-n { background-position: -80px -64px; }
|
||||
.ui-icon-arrowreturn-1-e { background-position: -96px -64px; }
|
||||
.ui-icon-arrowreturn-1-s { background-position: -112px -64px; }
|
||||
.ui-icon-arrowrefresh-1-w { background-position: -128px -64px; }
|
||||
.ui-icon-arrowrefresh-1-n { background-position: -144px -64px; }
|
||||
.ui-icon-arrowrefresh-1-e { background-position: -160px -64px; }
|
||||
.ui-icon-arrowrefresh-1-s { background-position: -176px -64px; }
|
||||
.ui-icon-arrow-4 { background-position: 0 -80px; }
|
||||
.ui-icon-arrow-4-diag { background-position: -16px -80px; }
|
||||
.ui-icon-extlink { background-position: -32px -80px; }
|
||||
.ui-icon-newwin { background-position: -48px -80px; }
|
||||
.ui-icon-refresh { background-position: -64px -80px; }
|
||||
.ui-icon-shuffle { background-position: -80px -80px; }
|
||||
.ui-icon-transfer-e-w { background-position: -96px -80px; }
|
||||
.ui-icon-transferthick-e-w { background-position: -112px -80px; }
|
||||
.ui-icon-folder-collapsed { background-position: 0 -96px; }
|
||||
.ui-icon-folder-open { background-position: -16px -96px; }
|
||||
.ui-icon-document { background-position: -32px -96px; }
|
||||
.ui-icon-document-b { background-position: -48px -96px; }
|
||||
.ui-icon-note { background-position: -64px -96px; }
|
||||
.ui-icon-mail-closed { background-position: -80px -96px; }
|
||||
.ui-icon-mail-open { background-position: -96px -96px; }
|
||||
.ui-icon-suitcase { background-position: -112px -96px; }
|
||||
.ui-icon-comment { background-position: -128px -96px; }
|
||||
.ui-icon-person { background-position: -144px -96px; }
|
||||
.ui-icon-print { background-position: -160px -96px; }
|
||||
.ui-icon-trash { background-position: -176px -96px; }
|
||||
.ui-icon-locked { background-position: -192px -96px; }
|
||||
.ui-icon-unlocked { background-position: -208px -96px; }
|
||||
.ui-icon-bookmark { background-position: -224px -96px; }
|
||||
.ui-icon-tag { background-position: -240px -96px; }
|
||||
.ui-icon-home { background-position: 0 -112px; }
|
||||
.ui-icon-flag { background-position: -16px -112px; }
|
||||
.ui-icon-calendar { background-position: -32px -112px; }
|
||||
.ui-icon-cart { background-position: -48px -112px; }
|
||||
.ui-icon-pencil { background-position: -64px -112px; }
|
||||
.ui-icon-clock { background-position: -80px -112px; }
|
||||
.ui-icon-disk { background-position: -96px -112px; }
|
||||
.ui-icon-calculator { background-position: -112px -112px; }
|
||||
.ui-icon-zoomin { background-position: -128px -112px; }
|
||||
.ui-icon-zoomout { background-position: -144px -112px; }
|
||||
.ui-icon-search { background-position: -160px -112px; }
|
||||
.ui-icon-wrench { background-position: -176px -112px; }
|
||||
.ui-icon-gear { background-position: -192px -112px; }
|
||||
.ui-icon-heart { background-position: -208px -112px; }
|
||||
.ui-icon-star { background-position: -224px -112px; }
|
||||
.ui-icon-link { background-position: -240px -112px; }
|
||||
.ui-icon-cancel { background-position: 0 -128px; }
|
||||
.ui-icon-plus { background-position: -16px -128px; }
|
||||
.ui-icon-plusthick { background-position: -32px -128px; }
|
||||
.ui-icon-minus { background-position: -48px -128px; }
|
||||
.ui-icon-minusthick { background-position: -64px -128px; }
|
||||
.ui-icon-close { background-position: -80px -128px; }
|
||||
.ui-icon-closethick { background-position: -96px -128px; }
|
||||
.ui-icon-key { background-position: -112px -128px; }
|
||||
.ui-icon-lightbulb { background-position: -128px -128px; }
|
||||
.ui-icon-scissors { background-position: -144px -128px; }
|
||||
.ui-icon-clipboard { background-position: -160px -128px; }
|
||||
.ui-icon-copy { background-position: -176px -128px; }
|
||||
.ui-icon-contact { background-position: -192px -128px; }
|
||||
.ui-icon-image { background-position: -208px -128px; }
|
||||
.ui-icon-video { background-position: -224px -128px; }
|
||||
.ui-icon-script { background-position: -240px -128px; }
|
||||
.ui-icon-alert { background-position: 0 -144px; }
|
||||
.ui-icon-info { background-position: -16px -144px; }
|
||||
.ui-icon-notice { background-position: -32px -144px; }
|
||||
.ui-icon-help { background-position: -48px -144px; }
|
||||
.ui-icon-check { background-position: -64px -144px; }
|
||||
.ui-icon-bullet { background-position: -80px -144px; }
|
||||
.ui-icon-radio-off { background-position: -96px -144px; }
|
||||
.ui-icon-radio-on { background-position: -112px -144px; }
|
||||
.ui-icon-pin-w { background-position: -128px -144px; }
|
||||
.ui-icon-pin-s { background-position: -144px -144px; }
|
||||
.ui-icon-play { background-position: 0 -160px; }
|
||||
.ui-icon-pause { background-position: -16px -160px; }
|
||||
.ui-icon-seek-next { background-position: -32px -160px; }
|
||||
.ui-icon-seek-prev { background-position: -48px -160px; }
|
||||
.ui-icon-seek-end { background-position: -64px -160px; }
|
||||
.ui-icon-seek-start { background-position: -80px -160px; }
|
||||
/* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */
|
||||
.ui-icon-seek-first { background-position: -80px -160px; }
|
||||
.ui-icon-stop { background-position: -96px -160px; }
|
||||
.ui-icon-eject { background-position: -112px -160px; }
|
||||
.ui-icon-volume-off { background-position: -128px -160px; }
|
||||
.ui-icon-volume-on { background-position: -144px -160px; }
|
||||
.ui-icon-power { background-position: 0 -176px; }
|
||||
.ui-icon-signal-diag { background-position: -16px -176px; }
|
||||
.ui-icon-signal { background-position: -32px -176px; }
|
||||
.ui-icon-battery-0 { background-position: -48px -176px; }
|
||||
.ui-icon-battery-1 { background-position: -64px -176px; }
|
||||
.ui-icon-battery-2 { background-position: -80px -176px; }
|
||||
.ui-icon-battery-3 { background-position: -96px -176px; }
|
||||
.ui-icon-circle-plus { background-position: 0 -192px; }
|
||||
.ui-icon-circle-minus { background-position: -16px -192px; }
|
||||
.ui-icon-circle-close { background-position: -32px -192px; }
|
||||
.ui-icon-circle-triangle-e { background-position: -48px -192px; }
|
||||
.ui-icon-circle-triangle-s { background-position: -64px -192px; }
|
||||
.ui-icon-circle-triangle-w { background-position: -80px -192px; }
|
||||
.ui-icon-circle-triangle-n { background-position: -96px -192px; }
|
||||
.ui-icon-circle-arrow-e { background-position: -112px -192px; }
|
||||
.ui-icon-circle-arrow-s { background-position: -128px -192px; }
|
||||
.ui-icon-circle-arrow-w { background-position: -144px -192px; }
|
||||
.ui-icon-circle-arrow-n { background-position: -160px -192px; }
|
||||
.ui-icon-circle-zoomin { background-position: -176px -192px; }
|
||||
.ui-icon-circle-zoomout { background-position: -192px -192px; }
|
||||
.ui-icon-circle-check { background-position: -208px -192px; }
|
||||
.ui-icon-circlesmall-plus { background-position: 0 -208px; }
|
||||
.ui-icon-circlesmall-minus { background-position: -16px -208px; }
|
||||
.ui-icon-circlesmall-close { background-position: -32px -208px; }
|
||||
.ui-icon-squaresmall-plus { background-position: -48px -208px; }
|
||||
.ui-icon-squaresmall-minus { background-position: -64px -208px; }
|
||||
.ui-icon-squaresmall-close { background-position: -80px -208px; }
|
||||
.ui-icon-grip-dotted-vertical { background-position: 0 -224px; }
|
||||
.ui-icon-grip-dotted-horizontal { background-position: -16px -224px; }
|
||||
.ui-icon-grip-solid-vertical { background-position: -32px -224px; }
|
||||
.ui-icon-grip-solid-horizontal { background-position: -48px -224px; }
|
||||
.ui-icon-gripsmall-diagonal-se { background-position: -64px -224px; }
|
||||
.ui-icon-grip-diagonal-se { background-position: -80px -224px; }
|
||||
|
||||
|
||||
/* Misc visuals
|
||||
----------------------------------*/
|
||||
|
||||
/* Corner radius */
|
||||
.ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl { -moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px; -khtml-border-top-left-radius: 4px; border-top-left-radius: 4px; }
|
||||
.ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr { -moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px; -khtml-border-top-right-radius: 4px; border-top-right-radius: 4px; }
|
||||
.ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl { -moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px; -khtml-border-bottom-left-radius: 4px; border-bottom-left-radius: 4px; }
|
||||
.ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br { -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px; -khtml-border-bottom-right-radius: 4px; border-bottom-right-radius: 4px; }
|
||||
|
||||
/* Overlays */
|
||||
.ui-widget-overlay { background: #666666 url(../img/ui-bg_diagonals-thick_20_666666_40x40.png) 50% 50% repeat; opacity: .50;filter:Alpha(Opacity=50); }
|
||||
.ui-widget-shadow { margin: -5px 0 0 -5px; padding: 5px; background: #000000 url(../img/ui-bg_flat_10_000000_40x100.png) 50% 50% repeat-x; opacity: .20;filter:Alpha(Opacity=20); -moz-border-radius: 5px; -khtml-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }/*
|
||||
* jQuery UI Button 1.8.16
|
||||
*
|
||||
* Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
|
||||
* Dual licensed under the MIT or GPL Version 2 licenses.
|
||||
* http://jquery.org/license
|
||||
*
|
||||
* http://docs.jquery.com/UI/Button#theming
|
||||
*/
|
||||
.ui-button { display: inline-block; position: relative; padding: 0; margin-right: .1em; text-decoration: none !important; cursor: pointer; text-align: center; zoom: 1; overflow: visible; } /* the overflow property removes extra width in IE */
|
||||
.ui-button-icon-only { width: 2.2em; } /* to make room for the icon, a width needs to be set here */
|
||||
button.ui-button-icon-only { width: 2.4em; } /* button elements seem to need a little more width */
|
||||
.ui-button-icons-only { width: 3.4em; }
|
||||
button.ui-button-icons-only { width: 3.7em; }
|
||||
|
||||
/*button text element */
|
||||
.ui-button .ui-button-text { display: block; line-height: 1.4; }
|
||||
.ui-button-text-only .ui-button-text { padding: .4em 1em; }
|
||||
.ui-button-icon-only .ui-button-text, .ui-button-icons-only .ui-button-text { padding: .4em; text-indent: -9999999px; }
|
||||
.ui-button-text-icon-primary .ui-button-text, .ui-button-text-icons .ui-button-text { padding: .4em 1em .4em 2.1em; }
|
||||
.ui-button-text-icon-secondary .ui-button-text, .ui-button-text-icons .ui-button-text { padding: .4em 2.1em .4em 1em; }
|
||||
.ui-button-text-icons .ui-button-text { padding-left: 2.1em; padding-right: 2.1em; }
|
||||
/* no icon support for input elements, provide padding by default */
|
||||
input.ui-button { padding: .4em 1em; }
|
||||
|
||||
/*button icon element(s) */
|
||||
.ui-button-icon-only .ui-icon, .ui-button-text-icon-primary .ui-icon, .ui-button-text-icon-secondary .ui-icon, .ui-button-text-icons .ui-icon, .ui-button-icons-only .ui-icon { position: absolute; top: 50%; margin-top: -8px; }
|
||||
.ui-button-icon-only .ui-icon { left: 50%; margin-left: -8px; }
|
||||
.ui-button-text-icon-primary .ui-button-icon-primary, .ui-button-text-icons .ui-button-icon-primary, .ui-button-icons-only .ui-button-icon-primary { left: .5em; }
|
||||
.ui-button-text-icon-secondary .ui-button-icon-secondary, .ui-button-text-icons .ui-button-icon-secondary, .ui-button-icons-only .ui-button-icon-secondary { right: .5em; }
|
||||
.ui-button-text-icons .ui-button-icon-secondary, .ui-button-icons-only .ui-button-icon-secondary { right: .5em; }
|
||||
|
||||
/*button sets*/
|
||||
.ui-buttonset { margin-right: 7px; }
|
||||
.ui-buttonset .ui-button { margin-left: 0; margin-right: -.3em; }
|
||||
|
||||
/* workarounds */
|
||||
button.ui-button::-moz-focus-inner { border: 0; padding: 0; } /* reset extra padding in Firefox */
|
||||
/*
|
||||
* jQuery UI Tabs 1.8.16
|
||||
*
|
||||
* Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
|
||||
* Dual licensed under the MIT or GPL Version 2 licenses.
|
||||
* http://jquery.org/license
|
||||
*
|
||||
* http://docs.jquery.com/UI/Tabs#theming
|
||||
*/
|
||||
.ui-tabs { position: relative; padding: .2em; zoom: 1; } /* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */
|
||||
.ui-tabs .ui-tabs-nav { margin: 0; padding: .2em .2em 0; }
|
||||
.ui-tabs .ui-tabs-nav li { list-style: none; float: left; position: relative; top: 1px; margin: 0 .2em 1px 0; border-bottom: 0 !important; padding: 0; white-space: nowrap; }
|
||||
.ui-tabs .ui-tabs-nav li a { float: left; padding: .5em 1em; text-decoration: none; }
|
||||
.ui-tabs .ui-tabs-nav li.ui-tabs-selected { margin-bottom: 0; padding-bottom: 1px; }
|
||||
.ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a { cursor: text; }
|
||||
.ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { cursor: pointer; } /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */
|
||||
.ui-tabs .ui-tabs-panel { display: block; border-width: 0; padding: 1em 1.4em; background: none; }
|
||||
.ui-tabs .ui-tabs-hide { display: none !important; }
|
||||
/*
|
||||
* jQuery UI Datepicker 1.8.16
|
||||
*
|
||||
* Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
|
||||
* Dual licensed under the MIT or GPL Version 2 licenses.
|
||||
* http://jquery.org/license
|
||||
*
|
||||
* http://docs.jquery.com/UI/Datepicker#theming
|
||||
*/
|
||||
.ui-datepicker { width: 17em; padding: .2em .2em 0; display: none; }
|
||||
.ui-datepicker .ui-datepicker-header { position:relative; padding:.2em 0; }
|
||||
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { position:absolute; top: 2px; width: 1.8em; height: 1.8em; }
|
||||
.ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover { top: 1px; }
|
||||
.ui-datepicker .ui-datepicker-prev { left:2px; }
|
||||
.ui-datepicker .ui-datepicker-next { right:2px; }
|
||||
.ui-datepicker .ui-datepicker-prev-hover { left:1px; }
|
||||
.ui-datepicker .ui-datepicker-next-hover { right:1px; }
|
||||
.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span { display: block; position: absolute; left: 50%; margin-left: -8px; top: 50%; margin-top: -8px; }
|
||||
.ui-datepicker .ui-datepicker-title { margin: 0 2.3em; line-height: 1.8em; text-align: center; }
|
||||
.ui-datepicker .ui-datepicker-title select { font-size:1em; margin:1px 0; }
|
||||
.ui-datepicker select.ui-datepicker-month-year {width: 100%;}
|
||||
.ui-datepicker select.ui-datepicker-month,
|
||||
.ui-datepicker select.ui-datepicker-year { width: 49%;}
|
||||
.ui-datepicker table {width: 100%; font-size: .9em; border-collapse: collapse; margin:0 0 .4em; }
|
||||
.ui-datepicker th { padding: .7em .3em; text-align: center; font-weight: bold; border: 0; }
|
||||
.ui-datepicker td { border: 0; padding: 1px; }
|
||||
.ui-datepicker td span, .ui-datepicker td a { display: block; padding: .2em; text-align: right; text-decoration: none; }
|
||||
.ui-datepicker .ui-datepicker-buttonpane { background-image: none; margin: .7em 0 0 0; padding:0 .2em; border-left: 0; border-right: 0; border-bottom: 0; }
|
||||
.ui-datepicker .ui-datepicker-buttonpane button { float: right; margin: .5em .2em .4em; cursor: pointer; padding: .2em .6em .3em .6em; width:auto; overflow:visible; }
|
||||
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current { float:left; }
|
||||
|
||||
/* with multiple calendars */
|
||||
.ui-datepicker.ui-datepicker-multi { width:auto; }
|
||||
.ui-datepicker-multi .ui-datepicker-group { float:left; }
|
||||
.ui-datepicker-multi .ui-datepicker-group table { width:95%; margin:0 auto .4em; }
|
||||
.ui-datepicker-multi-2 .ui-datepicker-group { width:50%; }
|
||||
.ui-datepicker-multi-3 .ui-datepicker-group { width:33.3%; }
|
||||
.ui-datepicker-multi-4 .ui-datepicker-group { width:25%; }
|
||||
.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header { border-left-width:0; }
|
||||
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header { border-left-width:0; }
|
||||
.ui-datepicker-multi .ui-datepicker-buttonpane { clear:left; }
|
||||
.ui-datepicker-row-break { clear:both; width:100%; font-size:0em; }
|
||||
|
||||
/* RTL support */
|
||||
.ui-datepicker-rtl { direction: rtl; }
|
||||
.ui-datepicker-rtl .ui-datepicker-prev { right: 2px; left: auto; }
|
||||
.ui-datepicker-rtl .ui-datepicker-next { left: 2px; right: auto; }
|
||||
.ui-datepicker-rtl .ui-datepicker-prev:hover { right: 1px; left: auto; }
|
||||
.ui-datepicker-rtl .ui-datepicker-next:hover { left: 1px; right: auto; }
|
||||
.ui-datepicker-rtl .ui-datepicker-buttonpane { clear:right; }
|
||||
.ui-datepicker-rtl .ui-datepicker-buttonpane button { float: left; }
|
||||
.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current { float:right; }
|
||||
.ui-datepicker-rtl .ui-datepicker-group { float:right; }
|
||||
.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header { border-right-width:0; border-left-width:1px; }
|
||||
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header { border-right-width:0; border-left-width:1px; }
|
||||
|
||||
/* IE6 IFRAME FIX (taken from datepicker 1.5.3 */
|
||||
.ui-datepicker-cover {
|
||||
display: none; /*sorry for IE5*/
|
||||
display/**/: block; /*sorry for IE5*/
|
||||
position: absolute; /*must have*/
|
||||
z-index: -1; /*must have*/
|
||||
filter: mask(); /*must have*/
|
||||
top: -4px; /*must have*/
|
||||
left: -4px; /*must have*/
|
||||
width: 200px; /*must have*/
|
||||
height: 200px; /*must have*/
|
||||
}
|
||||
329
htdocs/css/mobile.css
Normal file
329
htdocs/css/mobile.css
Normal file
@@ -0,0 +1,329 @@
|
||||
@-webkit-keyframes bugfix { from {padding:0;} to {padding:0;} }
|
||||
|
||||
body {
|
||||
background: url('../img/background_mobile.png') no-repeat top center;
|
||||
font: 12pt "Philosopher", Georgia, serif;
|
||||
-webkit-animation: bugfix infinite 1s;
|
||||
}
|
||||
|
||||
|
||||
#display .grid_10 {margin:0; position:relative; z-index:1}
|
||||
#display .next, #display .previous {
|
||||
display: block;
|
||||
position: absolute;
|
||||
top: 0px;
|
||||
width: 45px;
|
||||
height: 100%;
|
||||
margin: 0px;
|
||||
padding:0;
|
||||
text-indent: 9999px;
|
||||
overflow: hidden;
|
||||
opacity:.5;
|
||||
}
|
||||
#display .next:hover, #display .previous:hover {
|
||||
opacity: .9;
|
||||
transition: all 0.2s ease-out;
|
||||
}
|
||||
|
||||
#display .next {
|
||||
background: transparent url(../img/right-arrow.png) no-repeat center
|
||||
center;
|
||||
right: 0px;
|
||||
z-index:3;
|
||||
}
|
||||
|
||||
#display .previous {
|
||||
background: transparent url(../img/left-arrow.png) no-repeat center
|
||||
center;
|
||||
left: 0px;
|
||||
z-index:2
|
||||
}
|
||||
|
||||
|
||||
#footer_bg {display: none;}
|
||||
#top_bg {display: none;}
|
||||
#footer {border-top: 1px solid black; text-align: center;}
|
||||
#header {
|
||||
position: relative;
|
||||
min-height: 54px;
|
||||
height: 100%;
|
||||
padding: 0 20px;
|
||||
}
|
||||
|
||||
img.posting_image,img.partner {
|
||||
float: left;
|
||||
width: 99px;
|
||||
height: 59px;
|
||||
padding: 2px;
|
||||
margin: 1em 0.5em 0 0;
|
||||
border: 1px solid #babdb6;
|
||||
}
|
||||
|
||||
img {max-width: 100%; height: auto;}
|
||||
#topnav a {
|
||||
display: inline-block;
|
||||
color: #000;
|
||||
font: 400 small-caps 24pt 'Amerika Sans', sans-serif;
|
||||
min-width: 80px;
|
||||
text-align: center;
|
||||
text-decoration: none;
|
||||
text-shadow: 2px 2px 2px #2e3436;
|
||||
padding: 5px;
|
||||
}
|
||||
|
||||
#topnav a.active {
|
||||
color: #bc0a19;
|
||||
}
|
||||
|
||||
#topnav a:hover {
|
||||
color: #FFF;
|
||||
}
|
||||
|
||||
#sitelogo {
|
||||
background: url('../img/logo_mobile.png') no-repeat;
|
||||
width: 114px;
|
||||
height: 54px;
|
||||
left: 5px;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
text-indent: -9999px;
|
||||
top: 5px;
|
||||
z-index: 20;
|
||||
float: left;
|
||||
}
|
||||
|
||||
#teaser {background:none; margin-bottom: 1em;}
|
||||
|
||||
#teaser_text {
|
||||
background: rgba(255, 255, 255, 0.5);
|
||||
}
|
||||
|
||||
#navigation li {
|
||||
display: inline-block;
|
||||
background: #45484d url("../img/buttonbar.gif") top left repeat-x;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
#navigation a {
|
||||
display: inline-block;
|
||||
padding: 0.5em 1em;
|
||||
font: bold 12px Arial;
|
||||
color: #FFF;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
#sitelogo a {
|
||||
display: block;
|
||||
width: 114px;
|
||||
height: 54px;
|
||||
}
|
||||
|
||||
/* Dynamische Menü */
|
||||
#mainnav {
|
||||
display: block;
|
||||
float: right
|
||||
}
|
||||
|
||||
#toggle,.toggle {
|
||||
display: none;
|
||||
}
|
||||
|
||||
#toggle:checked ~ .main_menu {
|
||||
display: block;
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
#toggle:checked ~ .toggle, .toggle:hover {background: #45ABD6;}
|
||||
|
||||
|
||||
.toggle {
|
||||
z-index: 2;
|
||||
display: block;
|
||||
position: relative;
|
||||
cursor: pointer;
|
||||
-webkit-touch-callout: none;
|
||||
-webkit-user-select: none;
|
||||
user-select: none;
|
||||
}
|
||||
|
||||
.main_menu {
|
||||
display: none;
|
||||
opacity: 0;
|
||||
width: 100%;
|
||||
position: absolute;
|
||||
z-index: 999;
|
||||
right: 0;
|
||||
background: black;
|
||||
border-top: 1px solid #a40000;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
box-shadow: outset 0px 1px 0px 0px #ffffff;
|
||||
}
|
||||
|
||||
.main_menu>li {
|
||||
height: auto;
|
||||
list-style: none;
|
||||
float: left;
|
||||
z-index: 100;
|
||||
background: #eeeeec;
|
||||
display: block;
|
||||
width: 100%;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
.main_menu>li>a {
|
||||
display: block;
|
||||
width: 100%;
|
||||
height: auto;
|
||||
text-decoration: none;
|
||||
font: 400 small-caps 18px 'Amerika Sans', sans-serif;
|
||||
color: black;
|
||||
box-sizing: border-box;
|
||||
-webkit-box-sizing: border-box;
|
||||
-moz-box-sizing: border-box;
|
||||
float: right;
|
||||
padding: 1em;
|
||||
line-height: 1;
|
||||
-webkit-transition: all 0.25s linear;
|
||||
-moz-transition: all 0.25s linear;
|
||||
-o-transition: all 0.25s linear;
|
||||
transition: all 0.25s linear;
|
||||
}
|
||||
|
||||
.main_menu>li>a:hover,.menu>li>a:focus {
|
||||
box-shadow: inset 5px 0px #a40000;
|
||||
color: #a40000;
|
||||
}
|
||||
|
||||
.grid_6, .grid_7,.grid_8,.grid_9,.grid_10,.grid_11, .grid_12{clear: both; width:100%}
|
||||
|
||||
|
||||
.player {
|
||||
display: inline;
|
||||
float: left;
|
||||
margin-left: 10px;
|
||||
margin-right: 10px;
|
||||
position: relative;
|
||||
box-sizing: border-box;
|
||||
-moz-box-sizing: border-box;
|
||||
min-width: 60px;
|
||||
}
|
||||
|
||||
|
||||
.toggle {
|
||||
display: block;
|
||||
width: 150px;
|
||||
margin: 8px 0;
|
||||
padding: 10px;
|
||||
background: #a40000;
|
||||
text-align: center;
|
||||
color: #FFFFFF;
|
||||
content: 'Main Menu';
|
||||
border-radius: 2px;
|
||||
box-sizing: border-box;
|
||||
transition: all 0.5s linear;
|
||||
-webkit-border-radius: 2px;
|
||||
-webkit-transition: all 0.5s linear;
|
||||
-webkit-box-sizing: border-box;
|
||||
-moz-transition: all 0.5s linear;
|
||||
-moz-box-sizing: border-box;
|
||||
-o-transition: all 0.5s linear;
|
||||
}
|
||||
|
||||
.thumbnail {
|
||||
display: block;
|
||||
position: relative;
|
||||
float: left;
|
||||
height: 70px;
|
||||
padding: 0;
|
||||
width: 70px;
|
||||
margin: 5px;
|
||||
box-shadow: 2px 2px 5px #888;
|
||||
}
|
||||
|
||||
.thumbnail img {height: 70px; width: 70px;}
|
||||
.thumbnail a.delete_image {display:none}
|
||||
|
||||
img.thumbnail {display:block; float: left;height: 70px; width: 70px; margin:5px;box-shadow: 2px 2px 5px #888;}
|
||||
|
||||
fieldset {
|
||||
border: none;
|
||||
color: #2e3436;
|
||||
border-radius: 10px;
|
||||
margin: 10px 0 0 0;
|
||||
padding: 0 10px 0 160px;
|
||||
background: #f2f5f6; /* Old browsers */
|
||||
background: linear-gradient(135deg, #f2f5f6 0%, #e3eaed 37%, #c8d7dc 100%);
|
||||
background: -moz-linear-gradient(-45deg, #f2f5f6 0%, #e3eaed 37%, #c8d7dc 100%);
|
||||
background: -webkit-gradient(linear, left top, right bottom, color-stop(0%, #f2f5f6),
|
||||
color-stop(37%, #e3eaed), color-stop(100%, #c8d7dc) );
|
||||
background: -webkit-linear-gradient(-45deg, #f2f5f6 0%, #e3eaed 37%, #c8d7dc 100%);
|
||||
background: -o-linear-gradient(-45deg, #f2f5f6 0%, #e3eaed 37%, #c8d7dc 100%);
|
||||
background: -ms-linear-gradient(-45deg, #f2f5f6 0%, #e3eaed 37%, #c8d7dc 100%);
|
||||
|
||||
}
|
||||
|
||||
fieldset legend {
|
||||
margin-top: -.1em;
|
||||
margin-left: -150px;
|
||||
color: #a40000;
|
||||
font-family: 'Amerika Sans', sans-serif;
|
||||
font-variant: small-caps;
|
||||
font-weight: 400;
|
||||
font-size: 16pt;
|
||||
text-shadow: 2px 2px 2px #888;
|
||||
}
|
||||
|
||||
fieldset .required {
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
fieldset .error {
|
||||
color: #a40000
|
||||
}
|
||||
|
||||
fieldset .buttonbar {
|
||||
border-radius: 0px 0px 10px 10px;
|
||||
margin: 0 -10px 0 -160px;
|
||||
}
|
||||
|
||||
fieldset .help_text {
|
||||
font-size: small;
|
||||
}
|
||||
|
||||
fieldset .field_name {
|
||||
text-align: right;
|
||||
width: 140px;
|
||||
margin: 0 20px 0 -160px;
|
||||
padding-top: 3px;
|
||||
display: inline-block;
|
||||
clear: left;
|
||||
}
|
||||
|
||||
fieldset input,fieldset textarea {
|
||||
border: 1px solid #999999;
|
||||
border-radius: 5px;
|
||||
padding: 2px;
|
||||
margin: 0;
|
||||
font-size: 12pt;
|
||||
}
|
||||
|
||||
fieldset input[maxlength="255"],fieldset textarea {
|
||||
width: 99%;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
fieldset ul {
|
||||
display: inline-block;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
fieldset ul li {
|
||||
list-style: none;
|
||||
display: inline;
|
||||
}
|
||||
|
||||
ul.tabs {margin-top:1em;}
|
||||
.paginator {clear:both;}
|
||||
.gallery {float: left; width:150px; height:150px; margin: 10px;}
|
||||
.gallery h3 {font-size: 12pt;}
|
||||
157
htdocs/css/navigataur.css
Normal file
157
htdocs/css/navigataur.css
Normal file
@@ -0,0 +1,157 @@
|
||||
/*
|
||||
* Navigataur: A pure CSS responsive navigation menu
|
||||
* Author: Mike King (@micjamking)
|
||||
*/
|
||||
|
||||
/*
|
||||
Notes:
|
||||
|
||||
- Media queries should be edited in both style sections if you require
|
||||
a different breakpoint for your navigation.
|
||||
|
||||
- Toggle class & menu anchor tags in list items have box-sizing: border-box
|
||||
style property to allow padding inside the container without conflicting with layout.
|
||||
|
||||
*/
|
||||
|
||||
|
||||
/*--------------------------------
|
||||
Functional Styles (Required)
|
||||
---------------------------------*/
|
||||
/* Tim Pietrusky advanced checkbox hack (Android <= 4.1.2) */
|
||||
body{ -webkit-animation: bugfix infinite 1s; }
|
||||
@-webkit-keyframes bugfix { from {padding:0;} to {padding:0;} }
|
||||
|
||||
.header { position: relative; }
|
||||
#toggle, .toggle { display: none; }
|
||||
.menu > li { list-style: none; float:left; }
|
||||
|
||||
/* Nicolas Gallagher micro clearfix */
|
||||
.clearfix:before, .clearfix:after { display: table; content: ""; }
|
||||
.clearfix:after { clear: both; }
|
||||
|
||||
@media only screen and (max-width: 768px){
|
||||
.menu { display: none; opacity: 0; width: 100%; position: absolute; right: 0; }
|
||||
.menu > li { display: block; width: 100%; margin: 0; }
|
||||
.menu > li > a { display: block; width: 100%; text-decoration: none; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
|
||||
.toggle { display: block; position: relative; cursor: pointer; -webkit-touch-callout: none; -webkit-user-select: none; user-select: none; }
|
||||
#toggle:checked ~ .menu { display: block; opacity: 1;}
|
||||
}
|
||||
|
||||
|
||||
/*--------------------------------
|
||||
Presentation Styles (Editable)
|
||||
---------------------------------*/
|
||||
.header{
|
||||
min-height: 100px;
|
||||
height: 100%;
|
||||
padding: 0 20px;
|
||||
background: #FFFFFF;
|
||||
}
|
||||
|
||||
.header > h1 {
|
||||
float: left;
|
||||
padding: 30px 0 0;
|
||||
font-style: italic;
|
||||
font-family: Georgia;
|
||||
font-size: 28px;
|
||||
color: #DFDFDF;
|
||||
}
|
||||
|
||||
.nav{
|
||||
display: block;
|
||||
float: right;
|
||||
}
|
||||
|
||||
.nav, .menu, .menu > li, .menu > li > a{
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
.menu > li > a{
|
||||
display: block;
|
||||
padding: 42px 20px;
|
||||
text-decoration: none;
|
||||
font-weight: normal;
|
||||
font-size: 16px;
|
||||
line-height: 1;
|
||||
-webkit-box-sizing: border-box;
|
||||
-moz-box-sizing: border-box;
|
||||
box-sizing: border-box;
|
||||
-webkit-transition: all 0.25s linear;
|
||||
-moz-transition: all 0.25s linear;
|
||||
-o-transition: all 0.25s linear;
|
||||
transition: all 0.25s linear;
|
||||
}
|
||||
|
||||
.menu > li > a:hover, .menu > li > a:focus{
|
||||
background: #F2F2F2;
|
||||
box-shadow: inset 0px 5px #51C1F1;
|
||||
color: #51C1F1;
|
||||
padding: 50px 20px 34px;
|
||||
}
|
||||
|
||||
.toggle{
|
||||
z-index: 2;
|
||||
}
|
||||
|
||||
@media only screen and (max-width: 768px){
|
||||
.menu{
|
||||
background: #FFFFFF;
|
||||
border-top: 1px solid #51C1F1;
|
||||
}
|
||||
|
||||
.menu, .menu > li, .menu > li > a{
|
||||
height: auto;
|
||||
}
|
||||
|
||||
.menu > li > a{
|
||||
padding: 15px 15px;
|
||||
}
|
||||
|
||||
.menu > li > a:hover, .menu > li > a:focus{
|
||||
background: #F2F2F2;
|
||||
box-shadow: inset 5px 0px #51C1F1;
|
||||
padding: 15px 15px 15px 25px;
|
||||
}
|
||||
|
||||
.toggle:after {
|
||||
content: 'Main Menu';
|
||||
display: block;
|
||||
width: 200px;
|
||||
margin: 33px 0;
|
||||
padding: 10px 50px;
|
||||
background: #51C1F1;
|
||||
-webkit-border-radius: 2px;
|
||||
border-radius: 2px;
|
||||
text-align: center;
|
||||
font-size: 12px;
|
||||
color: #FFFFFF;
|
||||
-webkit-transition: all 0.5s linear;
|
||||
-moz-transition: all 0.5s linear;
|
||||
-o-transition: all 0.5s linear;
|
||||
transition: all 0.5s linear;
|
||||
-webkit-box-sizing: border-box;
|
||||
-moz-box-sizing: border-box;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
.toggle:hover:after{
|
||||
background: #45ABD6;
|
||||
}
|
||||
|
||||
#toggle:checked + .toggle:after{
|
||||
content: 'Close Menu';
|
||||
}
|
||||
}
|
||||
|
||||
@media only screen and (max-width: 479px){
|
||||
.header > h1 {
|
||||
text-align: center;
|
||||
}
|
||||
.header > h1, .nav, .toggle:after{
|
||||
float: none;
|
||||
}
|
||||
.toggle:after {
|
||||
text-align: center; width: 100%;
|
||||
}
|
||||
}
|
||||
71
htdocs/css/print.css
Normal file
71
htdocs/css/print.css
Normal file
@@ -0,0 +1,71 @@
|
||||
@page {
|
||||
size: portrait;
|
||||
margin: 0.5cm 1cm 0.6cm 2cm;
|
||||
orphans: 3;
|
||||
widows: 3;
|
||||
}
|
||||
|
||||
nav, aside, #comment_form, #navigation, #mainnav, #usernav, #bottom_buttonbar, #footer > form {
|
||||
display: none; !important
|
||||
}
|
||||
|
||||
#header {
|
||||
width: 100%;
|
||||
border-bottom: 1px solid black;
|
||||
}
|
||||
#footer {
|
||||
width: 100%;
|
||||
border-top: 1px solid black;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
* {
|
||||
-webkit-print-color-adjust: exact;
|
||||
/*print-color-adjust: exact;*/
|
||||
}
|
||||
|
||||
a:link, a:visited {
|
||||
color: black;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
#sitelogo {
|
||||
background: url(../img/logo.png) top right no-repeat;
|
||||
background-size: contain;
|
||||
left: 5px;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
line-height: 1cm;
|
||||
font-size: 16pt;
|
||||
top: 5px;
|
||||
z-index: 99;
|
||||
}
|
||||
|
||||
body, article {
|
||||
width: 100%;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
color: #000;
|
||||
background: #fff;
|
||||
}
|
||||
h1, h2, h3, h4, h5, h6 {
|
||||
text-shadow: none;
|
||||
page-break-after: avoid;
|
||||
}
|
||||
|
||||
img {
|
||||
max-width: 100% !important;
|
||||
}
|
||||
|
||||
ul, img {
|
||||
page-break-inside: avoid;
|
||||
}
|
||||
|
||||
#comment_form, #navigation, #mainnav, #usernav, #bottom_buttonbar, #footer > form {
|
||||
display: none;
|
||||
}
|
||||
.more_link {display: none}
|
||||
#maincontent nav {display: none}
|
||||
#maincontent aside {display: none}
|
||||
|
||||
.grid_6, grid_7, .grid_8, grid_9, .grid_10, .grid_11, .grid_12 {width:100%}
|
||||
954
htdocs/css/screen.css
Normal file
954
htdocs/css/screen.css
Normal file
@@ -0,0 +1,954 @@
|
||||
@font-face {
|
||||
font-family: 'Philosopher';
|
||||
font-weight: normal;
|
||||
font-style: normal;
|
||||
src: url('../fonts/philosopher.woff') format('woff'),
|
||||
url('../fonts/philosopher.ttf')
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family: 'Amerika Sans';
|
||||
font-weight: normal;
|
||||
font-style: normal;
|
||||
src: url('../fonts/amerikasans.eot');
|
||||
src: url('../fonts/amerikasans.woff') format('woff'),
|
||||
url('../fonts/amerikasans.ttf') format('truetype');
|
||||
}
|
||||
|
||||
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video
|
||||
{
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
border: 0;
|
||||
vertical-align: baseline;
|
||||
}
|
||||
/* HTML5 display-role reset for older browsers */
|
||||
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section
|
||||
{display: block;}
|
||||
|
||||
body {
|
||||
line-height: 1;
|
||||
text-rendering: optimizeLegibility;
|
||||
}
|
||||
|
||||
blockquote,q {
|
||||
quotes: none;
|
||||
}
|
||||
|
||||
blockquote:before,blockquote:after,q:before,q:after {
|
||||
content: '';
|
||||
content: none;
|
||||
}
|
||||
|
||||
a:link {
|
||||
color: #204a87;
|
||||
text-decoration: none;
|
||||
font-weight: 700;
|
||||
}
|
||||
|
||||
a:visited {
|
||||
color: #5c3566
|
||||
}
|
||||
|
||||
a:hover {
|
||||
color: #a40000;
|
||||
text-decoration: underline;
|
||||
}
|
||||
|
||||
ol {
|
||||
list-style: cjk-ideographic inside;
|
||||
padding-left: 2em;
|
||||
}
|
||||
|
||||
ul {
|
||||
list-style: circle outside;
|
||||
padding-left: 30px;
|
||||
}
|
||||
|
||||
li {
|
||||
margin-bottom: 0.2em;
|
||||
}
|
||||
|
||||
ul.info {
|
||||
padding-left: 0px;
|
||||
list-style: none;
|
||||
margin-bottom: 1em;
|
||||
}
|
||||
|
||||
ul.info li {
|
||||
display: inline-block;
|
||||
margin-right: 10px
|
||||
}
|
||||
|
||||
ul.event_list,ul.list {
|
||||
list-style: none;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
ul.comment_list {
|
||||
list-style: none;
|
||||
padding: 0;
|
||||
font-size: small;
|
||||
}
|
||||
|
||||
li.category {
|
||||
background: url("../icons/newspaper.png") left center no-repeat;
|
||||
padding-left: 20px;
|
||||
}
|
||||
|
||||
li.comment {
|
||||
background: url("../icons/comment.png") left center no-repeat;
|
||||
padding-left: 20px;
|
||||
}
|
||||
|
||||
li.PDF {
|
||||
background: url("../icons/page_white_acrobat.png") left center no-repeat;
|
||||
padding-left: 20px;
|
||||
}
|
||||
|
||||
li.HTML {
|
||||
background: url("../icons/page_white_text.png") left center no-repeat;
|
||||
padding-left: 20px;
|
||||
}
|
||||
|
||||
li.date {
|
||||
background: url("../icons/date.png") left center no-repeat;
|
||||
padding-left: 20px;
|
||||
}
|
||||
|
||||
li.season {
|
||||
background: url("../icons/star.png") left center no-repeat;
|
||||
padding-left: 20px;
|
||||
}
|
||||
|
||||
li.event {
|
||||
background: url("../icons/date.png") left center no-repeat;
|
||||
padding-left: 20px;
|
||||
}
|
||||
|
||||
li.hanchan {
|
||||
background: url("../icons/table.png") left center no-repeat;
|
||||
padding-left: 20px;
|
||||
}
|
||||
|
||||
li.location {
|
||||
background: url("../icons/map.png") left center no-repeat;
|
||||
padding-left: 20px;
|
||||
}
|
||||
|
||||
li.user {
|
||||
background: url("../icons/user_red.png") left center no-repeat;
|
||||
padding-left: 20px;
|
||||
}
|
||||
|
||||
table {
|
||||
border-collapse: collapse;
|
||||
border-spacing: 0;
|
||||
margin-bottom: 1em;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
table th {
|
||||
color: #ffffff;
|
||||
background: #a40000;
|
||||
vertical-align: middle;
|
||||
padding: 2px;
|
||||
}
|
||||
|
||||
table td {
|
||||
vertical-align: middle;
|
||||
padding: 2px;
|
||||
border-bottom: 1px solid #d3d7cf;
|
||||
border-top: 1px solid #d3d7cf
|
||||
}
|
||||
|
||||
table tr:nth-child(2n+1) {
|
||||
background-color: #eeeeec;
|
||||
}
|
||||
|
||||
table tr:hover {
|
||||
background-color: #eedcdc
|
||||
}
|
||||
|
||||
#next_event {
|
||||
background: #a40000 url('../img/red-swoop.png') top left no-repeat;
|
||||
color: white;
|
||||
border-radius: 10px;
|
||||
position: relative;
|
||||
padding: 10px 5px 5px 5px;
|
||||
width: 280px;
|
||||
margin-top: 1em;
|
||||
}
|
||||
|
||||
#next_event h2 {
|
||||
position: absolute;
|
||||
top: -30px;
|
||||
left: 10px;
|
||||
color: black;
|
||||
}
|
||||
|
||||
#next_event h3 {
|
||||
color: white;
|
||||
}
|
||||
|
||||
#next_event dl dt {
|
||||
display: block;
|
||||
float: left;
|
||||
clear: left;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
#next_event dl dd {
|
||||
margin-left: 70px;
|
||||
}
|
||||
|
||||
#sitelogo {
|
||||
position: absolute;
|
||||
background: url('../img/logo.png') no-repeat;
|
||||
height: 110px;
|
||||
left: 5px;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
text-indent: -9999px;
|
||||
top: 5px;
|
||||
width: 233px;
|
||||
z-index: 20;
|
||||
}
|
||||
|
||||
#sitelogo a {
|
||||
display: block;
|
||||
height: 110px;
|
||||
left: 0;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
width: 233px;
|
||||
}
|
||||
|
||||
#teaser {
|
||||
border: none;
|
||||
padding: 0;
|
||||
position: relative;
|
||||
vertical-align: bottom;
|
||||
width: 620px;
|
||||
height: 300px;
|
||||
position: relative;
|
||||
border-radius: 10px 0 0 0;
|
||||
}
|
||||
|
||||
#teaser_text {
|
||||
position: absolute;
|
||||
bottom: 0;
|
||||
display: block;
|
||||
font-size: 10pt;
|
||||
color: #FFF;
|
||||
background: #000;
|
||||
padding: 0px 10px 5px 10px;
|
||||
background: url("../img/teaser_bg.png");
|
||||
width: 600px;
|
||||
}
|
||||
#usernav {
|
||||
position: absolute;
|
||||
top: 0px;
|
||||
right: 0px;
|
||||
color: #FFF;
|
||||
background: url('../img/usernav-bg.png') top left no-repeat;
|
||||
height: 50px;
|
||||
padding: 5px 10px 4px 20px;
|
||||
text-align: right;
|
||||
z-index: 50;
|
||||
}
|
||||
|
||||
#usernav img {
|
||||
vertical-align: top;
|
||||
}
|
||||
|
||||
#usernav a {
|
||||
color: white;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
#facebook_login,#google_login {
|
||||
display: inline-block;
|
||||
width: 150px;
|
||||
height: 50px;
|
||||
background-image: url('../img/login_buttons.png');
|
||||
text-indent: -9999px;
|
||||
margin: 5px auto;
|
||||
}
|
||||
|
||||
#facebook_login {
|
||||
background-position: 0px 0px;
|
||||
margin: 0px 10px
|
||||
}
|
||||
|
||||
#facebook_login:hover {
|
||||
background-position: 150px 0px;
|
||||
}
|
||||
|
||||
#google_login {
|
||||
background-position: 0px 250px;
|
||||
margin: 0px 10px
|
||||
}
|
||||
|
||||
#google_login:hover {
|
||||
background-position: 150px 250px;
|
||||
}
|
||||
|
||||
/** PAGINATOR **/
|
||||
.paginator {
|
||||
border: 1px solid #d3d7cf;
|
||||
border-radius: 5px;
|
||||
text-align: center;
|
||||
background-color: #f9f9f9;
|
||||
box-shadow: inset 0px 1px 0px 0px #ffffff;
|
||||
background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #f9f9f9
|
||||
), color-stop(1, #e9e9e9) );
|
||||
background: -moz-linear-gradient(center top, #f9f9f9 5%, #e9e9e9 100%);
|
||||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9f9f9',
|
||||
endColorstr='#e9e9e9' );
|
||||
padding: 4px 10px 2px 10px;
|
||||
margin: 10px;
|
||||
}
|
||||
|
||||
.paginator a,.paginator .current {
|
||||
display: inline-block;
|
||||
margin: 0px 2px;
|
||||
padding: 2px;
|
||||
min-width: 17px;
|
||||
color: #2e3436;
|
||||
text-decoration: none;
|
||||
border-radius: 5px;
|
||||
}
|
||||
|
||||
.paginator .current {
|
||||
border: none;
|
||||
color: #a40000;
|
||||
background: #fff;
|
||||
border-radius: 5px;
|
||||
}
|
||||
|
||||
.paginator .next {
|
||||
display: inline-block;
|
||||
float: right;
|
||||
}
|
||||
|
||||
.paginator .prev {
|
||||
display: inline-block;
|
||||
float: left;
|
||||
}
|
||||
|
||||
.center {
|
||||
margin: 0px auto;
|
||||
}
|
||||
|
||||
#comments {
|
||||
clear: both;
|
||||
width: 960px;
|
||||
}
|
||||
|
||||
.avatar {
|
||||
height: 60px;
|
||||
width: 60px;
|
||||
}
|
||||
|
||||
.avatar img,img.avatar {
|
||||
border: none;
|
||||
box-shadow: 2px 2px 2px #888;
|
||||
width: 60px;
|
||||
height: 60px;
|
||||
}
|
||||
|
||||
.userinfo {
|
||||
width: 140px;
|
||||
}
|
||||
|
||||
a.user {
|
||||
color: #2e3436;
|
||||
font-weight: 700;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
.userinfo .submit_date {
|
||||
border-top: 1px solid silver;
|
||||
display: block;
|
||||
font-size: small;
|
||||
}
|
||||
|
||||
#display .next {
|
||||
background: transparent url(../img/right-arrow.png) no-repeat center
|
||||
center;
|
||||
display: block;
|
||||
float: left;
|
||||
height: 100%;
|
||||
margin: 10px;
|
||||
min-height: 300px;
|
||||
text-indent: 9999px;
|
||||
vertical-align: bottom;
|
||||
width: 60px;
|
||||
}
|
||||
|
||||
#display .previous {
|
||||
background: transparent url(../img/left-arrow.png) no-repeat center
|
||||
center;
|
||||
display: block;
|
||||
float: left;
|
||||
height: 100%;
|
||||
margin: 10px;
|
||||
min-height: 300px;
|
||||
text-indent: 9999px;
|
||||
vertical-align: bottom;
|
||||
width: 60px;
|
||||
}
|
||||
|
||||
body {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
min-width: 960px;
|
||||
font: 12pt "Philosopher", Georgia, serif;
|
||||
background: #fff url('../img/background.gif') repeat-y center top;
|
||||
}
|
||||
|
||||
.gallery {
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.gallery .thumbnail {
|
||||
display: block;
|
||||
float: none;
|
||||
margin: 5px auto;
|
||||
}
|
||||
|
||||
html {
|
||||
margin: 0;
|
||||
padding: 0
|
||||
}
|
||||
|
||||
.more_link {
|
||||
text-align: right;
|
||||
clear: left;
|
||||
}
|
||||
|
||||
.alpha {
|
||||
margin-left: 0;
|
||||
}
|
||||
|
||||
.article_header {
|
||||
font-size: small;
|
||||
}
|
||||
|
||||
.article_header a {
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
.article_header h3 {
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
.buttonbar {
|
||||
background: #000 url("../img/buttonbar.gif") top left repeat-x;
|
||||
margin: 0px;
|
||||
padding: 3px 10px;
|
||||
text-align: right;
|
||||
border-radius: 10px;
|
||||
}
|
||||
|
||||
.callout {
|
||||
border: 0;
|
||||
border-radius: 0 10px 10px 0;
|
||||
}
|
||||
|
||||
.clear {
|
||||
clear: both;
|
||||
display: block;
|
||||
height: 0;
|
||||
overflow: hidden;
|
||||
visibility: hidden;
|
||||
width: 0;
|
||||
}
|
||||
|
||||
.clearfix {
|
||||
zoom: 1px;
|
||||
}
|
||||
|
||||
.clearfix:after {
|
||||
clear: both;
|
||||
}
|
||||
|
||||
.clearfix:before,.clearfix:after {
|
||||
content: '\0020';
|
||||
display: block;
|
||||
height: 0;
|
||||
overflow: hidden;
|
||||
visibility: hidden;
|
||||
width: 0;
|
||||
}
|
||||
|
||||
.thumbnail {
|
||||
display: block;
|
||||
position: relative;
|
||||
float: left;
|
||||
height: 140px;
|
||||
width: 140px;
|
||||
padding: 5px;
|
||||
border: 0;
|
||||
margin: 5px;
|
||||
background: transparent url('../img/thumbnail-bg.png') top left
|
||||
no-repeat;
|
||||
}
|
||||
|
||||
h1 a:link,h2 a:link,h3 a:link,h4 a:link,h5 a:link,h6 a:link,h1 a:visited,h2 a:visited,h3 a:visited,h4 a:visited,h5 a:visited,h6 a:visited
|
||||
{
|
||||
color: #bc0a19;
|
||||
font-weight: 400;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
h1,h2,h3,h4,h5,h6 {
|
||||
color: #bc0a19;
|
||||
font-family: 'Amerika Sans', sans-serif;
|
||||
font-variant: small-caps;
|
||||
font-weight: 400;
|
||||
letter-spacing: -1px;
|
||||
text-shadow: 2px 2px 2px #888;
|
||||
margin: 0.5em 0 0.2em 0;
|
||||
}
|
||||
|
||||
fieldset {
|
||||
border: none;
|
||||
background: #aaada5 url('../img/gray-swoop.png') top left no-repeat;
|
||||
color: #2e3436;
|
||||
border-radius: 10px;
|
||||
margin: 10px 0 0 0;
|
||||
padding: 0px;
|
||||
}
|
||||
|
||||
fieldset legend {
|
||||
position: relative;
|
||||
top: -.2em;
|
||||
padding-left: 15px;
|
||||
color: #a40000;
|
||||
font-family: 'Amerika Sans', sans-serif;
|
||||
font-variant: small-caps;
|
||||
font-weight: 400;
|
||||
font-size: 16pt;
|
||||
text-shadow: 2px 2px 2px #888;
|
||||
}
|
||||
|
||||
fieldset .required {
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
fieldset .error {
|
||||
color: #a40000
|
||||
}
|
||||
|
||||
input,textarea,select {
|
||||
margin: 0px;
|
||||
vertical-align: top;
|
||||
}
|
||||
|
||||
textarea,input[maxlength="255"] {
|
||||
width: 690px;
|
||||
}
|
||||
|
||||
textarea {
|
||||
font-family: "courier-new", monospace;
|
||||
}
|
||||
|
||||
table.form_table tr:hover,table.form_table tr,table.form_table tr:nth-child(2n+1)
|
||||
{
|
||||
background: none;
|
||||
}
|
||||
|
||||
table.form_table th {
|
||||
background: none;
|
||||
color: #2E3436;
|
||||
text-align: right;
|
||||
width: 140px;
|
||||
vertical-align: top;
|
||||
padding: 5px 20px 5px 0px
|
||||
}
|
||||
|
||||
table.form_table td {
|
||||
background: none;
|
||||
border: none;
|
||||
}
|
||||
|
||||
fieldset .buttonbar {
|
||||
border-radius: 0px 0px 10px 10px;
|
||||
}
|
||||
|
||||
fieldset ul li {list-style: none; display: inline;}
|
||||
|
||||
p.help_text {
|
||||
font-size: 8pt
|
||||
}
|
||||
|
||||
ul.errorlist {
|
||||
font-size: small;
|
||||
list-style: square inside;
|
||||
margin-left: 160px;
|
||||
}
|
||||
|
||||
p {
|
||||
margin: 0 0 1em;
|
||||
text-align: justify;
|
||||
}
|
||||
|
||||
ul.tabs {
|
||||
margin: 10px;
|
||||
padding: 0;
|
||||
border-radius: 10px;
|
||||
background: #bc0a19 url(../img/buttonbar.gif) repeat-x;
|
||||
text-align: left;
|
||||
list-style: none;
|
||||
}
|
||||
|
||||
ul.tabs li {
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
ul.tabs li a {
|
||||
display: inline-block;
|
||||
border: 1px solid #d3d7cf;
|
||||
border-radius: 5px;
|
||||
background-color: #f9f9f9;
|
||||
color: #2e3436;
|
||||
font: bold 14px Philosopher sans-serif;
|
||||
box-shadow: inset 0px 1px 0px 0px #ffffff;
|
||||
background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #f9f9f9
|
||||
), color-stop(1, #e9e9e9) );
|
||||
background: -moz-linear-gradient(center top, #f9f9f9 5%, #e9e9e9 100%);
|
||||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9f9f9',
|
||||
endColorstr='#e9e9e9' );
|
||||
display: inline-block;
|
||||
padding: 4px 10px 2px 10px;
|
||||
margin: 3px 0px 0px 15px;
|
||||
text-decoration: none;
|
||||
text-shadow: 1px 1px 0px #ffffff;
|
||||
}
|
||||
|
||||
ul.tabs li.active a {
|
||||
background-color: #fa665a;
|
||||
background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #fa665a
|
||||
), color-stop(1, #d34639) );
|
||||
background: -moz-linear-gradient(center top, #fa665a 5%, #d34639 100%);
|
||||
color: #ffffff;
|
||||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fa665a',
|
||||
endColorstr='#d34639' );
|
||||
border: 1px solid #d83526;
|
||||
box-shadow: inset 0px 1px 0px 0px #ffffff;
|
||||
text-shadow: 1px 1px 0px #98231a;
|
||||
}
|
||||
|
||||
img {
|
||||
border: none;
|
||||
vertical-align: text-top;
|
||||
}
|
||||
|
||||
img.posting_image,img.partner {
|
||||
float: left;
|
||||
width: 210px;
|
||||
height: 130px;
|
||||
padding: 4px;
|
||||
margin: 0px 20px 0px 0px;
|
||||
border: 1px solid #babdb6;
|
||||
}
|
||||
|
||||
img.partner_right {
|
||||
float: right;
|
||||
width: 210px;
|
||||
height: 130px;
|
||||
padding: 4px;
|
||||
margin: 0px 00px 0px 20px;
|
||||
border: 1px solid #babdb6;
|
||||
}
|
||||
|
||||
.small {
|
||||
font-size: small;
|
||||
}
|
||||
|
||||
table.layout tr {
|
||||
background: none;
|
||||
border: none;
|
||||
}
|
||||
|
||||
table.layout td {
|
||||
vertical-align: top;
|
||||
padding: 10px;
|
||||
border: none;
|
||||
}
|
||||
|
||||
td.right {
|
||||
text-align: right;
|
||||
}
|
||||
|
||||
td.center {
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
a.button,button {
|
||||
display: inline-block;
|
||||
padding: 3px;
|
||||
margin: 2px;
|
||||
color: #2e3436;
|
||||
border: 1px solid #d3d7cf;
|
||||
border-radius: 5px;
|
||||
background-color: #f9f9f9;
|
||||
font: bold 16px Philosopher, sans-serif;
|
||||
box-shadow: inset 0px 1px 0px 0px #ffffff;
|
||||
text-decoration: none;
|
||||
text-shadow: 1px 1px 0px #ffffff;
|
||||
background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #f9f9f9
|
||||
), color-stop(1, #e9e9e9) );
|
||||
background: -moz-linear-gradient(center top, #f9f9f9 5%, #e9e9e9 100%);
|
||||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9f9f9',
|
||||
endColorstr='#e9e9e9' );
|
||||
}
|
||||
|
||||
a.button:hover,button:hover {
|
||||
background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #e9e9e9
|
||||
), color-stop(1, #f9f9f9) );
|
||||
background: -moz-linear-gradient(center top, #e9e9e9 5%, #f9f9f9 100%);
|
||||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e9e9e9',
|
||||
endColorstr='#f9f9f9' );
|
||||
background-color: #e9e9e9;
|
||||
}
|
||||
|
||||
.button:active,button:active {
|
||||
position: relative;
|
||||
top: 1px;
|
||||
}
|
||||
|
||||
#navigation {
|
||||
width: 920px;
|
||||
height: 56px;
|
||||
margin: 0px auto;
|
||||
padding: 8px 0 0 30px;
|
||||
background: url(../img/navigation-bg.png) no-repeat left top;
|
||||
list-style: none;
|
||||
}
|
||||
|
||||
#navigation li {
|
||||
display: inline;
|
||||
margin: 0px;
|
||||
}
|
||||
|
||||
#navigation a {
|
||||
height: 33px;
|
||||
display: block;
|
||||
float: left;
|
||||
padding: 17px 15px 0 15px;
|
||||
font: bold 12px Arial;
|
||||
color: #FFF;
|
||||
text-decoration: none;
|
||||
background: url(../img/navigation-separator.png) no-repeat right center;
|
||||
}
|
||||
|
||||
#navigation a:hover {
|
||||
color: #3B3B3B;
|
||||
background: url(../img/navigation-hover.png) repeat-x left top;
|
||||
}
|
||||
|
||||
#navigation a.active {
|
||||
color: #3B3B3B;
|
||||
background: url(../img/navigation-hover.png) repeat-x left top;
|
||||
}
|
||||
|
||||
.left {
|
||||
float: left;
|
||||
margin-right: 20px;
|
||||
}
|
||||
|
||||
.grid_1,.grid_2,.grid_3,.grid_4,.grid_5,.grid_6,.grid_7,.grid_8,.grid_9,.grid_10,.grid_11,.grid_12
|
||||
{
|
||||
display: inline;
|
||||
float: left;
|
||||
margin-left: 10px;
|
||||
margin-right: 10px;
|
||||
position: relative;
|
||||
}
|
||||
.push_1,.pull_1,.push_2,.pull_2,.push_3,.pull_3,.push_4,.pull_4,.push_5,.pull_5,.push_6,.pull_6,.push_7,.pull_7,.push_8,.pull_8,.push_9,.pull_9,.push_10,.pull_10,.push_11,.pull_11,.push_12,.pull_12
|
||||
{
|
||||
position: relative;
|
||||
}
|
||||
.grid_1 {
|
||||
width: 60px;
|
||||
}
|
||||
.grid_2 {
|
||||
width: 140px;
|
||||
}
|
||||
.grid_3 {
|
||||
width: 220px;
|
||||
}
|
||||
.grid_4 {
|
||||
width: 300px;
|
||||
}
|
||||
.grid_5 {
|
||||
width: 380px;
|
||||
}
|
||||
.grid_6 {
|
||||
width: 460px;
|
||||
}
|
||||
.grid_7 {
|
||||
width: 540px;
|
||||
}
|
||||
.grid_8 {
|
||||
width: 620px;
|
||||
}
|
||||
.grid_9 {
|
||||
width: 700px;
|
||||
}
|
||||
.grid_10 {
|
||||
width: 780px;
|
||||
}
|
||||
.grid_11 {
|
||||
width: 860px;
|
||||
}
|
||||
.grid_12 {
|
||||
width: 940px;
|
||||
}
|
||||
.pull_1 {
|
||||
left: -80px;
|
||||
}
|
||||
.pull_2 {
|
||||
left: -160px;
|
||||
}
|
||||
.pull_3 {
|
||||
left: -240px;
|
||||
}
|
||||
.pull_4 {
|
||||
left: -320px;
|
||||
}
|
||||
.pull_5 {
|
||||
left: -400px;
|
||||
}
|
||||
.pull_6 {
|
||||
left: -480px;
|
||||
}
|
||||
.pull_7 {
|
||||
left: -560px;
|
||||
}
|
||||
.pull_8 {
|
||||
left: -640px;
|
||||
}
|
||||
.pull_9 {
|
||||
left: -720px;
|
||||
}
|
||||
.pull_10 {
|
||||
left: -800px;
|
||||
}
|
||||
.pull_11 {
|
||||
left: -880px;
|
||||
}
|
||||
.push_1 {
|
||||
left: 80px;
|
||||
}
|
||||
.push_2 {
|
||||
left: 160px;
|
||||
}
|
||||
.push_3 {
|
||||
left: 240px;
|
||||
}
|
||||
.push_4 {
|
||||
left: 320px;
|
||||
}
|
||||
.push_5 {
|
||||
left: 400px;
|
||||
}
|
||||
.push_6 {
|
||||
left: 480px;
|
||||
}
|
||||
.push_7 {
|
||||
left: 560px;
|
||||
}
|
||||
.push_8 {
|
||||
left: 640px;
|
||||
}
|
||||
.push_9 {
|
||||
left: 720px;
|
||||
}
|
||||
.push_10 {
|
||||
left: 800px;
|
||||
}
|
||||
.push_11 {
|
||||
left: 880px;
|
||||
}
|
||||
|
||||
#footer_bg {
|
||||
margin-top: -350px;
|
||||
height: 500px;
|
||||
background: url('../img/footer-bg.png') top center no-repeat;
|
||||
z-index: 2;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
#footer {
|
||||
/*position: absolute;
|
||||
width: 100%;
|
||||
top: 380px;
|
||||
clear: both;*/
|
||||
position: relative;
|
||||
top: 0px;
|
||||
z-index: 30;
|
||||
width:920px;
|
||||
margin:-120px auto 0px auto;
|
||||
}
|
||||
|
||||
|
||||
#header {
|
||||
position: relative;
|
||||
height: 100px;
|
||||
width: 960px;
|
||||
margin: 0 auto;
|
||||
padding: 0;
|
||||
z-index: 20;
|
||||
}
|
||||
|
||||
#maincontent {
|
||||
position: relative;
|
||||
margin: 0 auto;
|
||||
min-height: 700px;
|
||||
padding: 5px 0;
|
||||
width: 960px;
|
||||
z-index: 99;
|
||||
}
|
||||
|
||||
#top_bg {
|
||||
position: absolute;
|
||||
top: 0px;
|
||||
left: 0px;
|
||||
width: 100%;
|
||||
height: 225px;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
background: url('../img/top-bg.png') top center no-repeat;
|
||||
z-index: 5;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
#topnav {
|
||||
position: absolute;
|
||||
top: 65px;
|
||||
left: 240px;
|
||||
}
|
||||
|
||||
#topnav a {
|
||||
display: inline-block;
|
||||
color: #000;
|
||||
font: 400 small-caps 18px 'Amerika Sans', sans-serif;
|
||||
text-align: center;
|
||||
text-decoration: none;
|
||||
text-shadow: 2px 2px 2px #2e3436;
|
||||
padding: 5px;
|
||||
min-width: 60px;
|
||||
}
|
||||
|
||||
#topnav a.active {
|
||||
color: #bc0a19;
|
||||
}
|
||||
|
||||
#topnav a:hover {
|
||||
color: #FFF;
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user