Initial commit, added files
This commit is contained in:
daaric
commit
d8119a52aa
7330 changed files with 219373 additions and 0 deletions
99
test/css/csshover.htc
Executable file
99
test/css/csshover.htc
Executable file
|
|
@ -0,0 +1,99 @@
|
|||
<attach event="ondocumentready" handler="parseStylesheets" />
|
||||
<script language="JScript">
|
||||
/**
|
||||
* HOVER - V1.00.031224 - whatever:hover in IE
|
||||
* ---------------------------------------------
|
||||
* Peterned - http://www.xs4all.nl/~peterned/
|
||||
* (c) 2003 - Peter Nederlof
|
||||
*
|
||||
* howto: body { behavior:url("csshover.htc"); }
|
||||
* ---------------------------------------------
|
||||
*/
|
||||
|
||||
var CSSBuffer, doc = window.document;
|
||||
|
||||
function parseStylesheets() {
|
||||
var rules, sheet, sheets = doc.styleSheets;
|
||||
var bufferIndex = sheets.length;
|
||||
var head = doc.getElementsByTagName('head')[0];
|
||||
var buffer = doc.createElement('style');
|
||||
|
||||
buffer.setAttribute('media', 'screen');
|
||||
buffer.setAttribute('type', 'text/css');
|
||||
head.appendChild(buffer);
|
||||
CSSBuffer = sheets[bufferIndex];
|
||||
|
||||
for(var i=0; i<sheets.length -1; i++) {
|
||||
sheet = sheets[i];
|
||||
if(!sheet.media || sheet.media == 'screen') {
|
||||
rules = sheet.rules;
|
||||
for(var j=0; j<rules.length; j++) {
|
||||
parseCSSRule(rules[j]);
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
function parseCSSRule(rule) {
|
||||
var select = rule.selectorText, style = rule.style.cssText;
|
||||
if(!select || !style || select.indexOf(':hover') < 0) return;
|
||||
var newSelect = select.replace(/\:hover/g, '.onHover');
|
||||
CSSBuffer.addRule(newSelect, style);
|
||||
|
||||
var affected = select.replace(/\:hover.*$/g, '');
|
||||
var elements = getElementsBySelect(affected);
|
||||
for(var i=0; i<elements.length; i++) {
|
||||
if(elements[i].nodeName == 'A') continue;
|
||||
new HoverElement(elements[i]);
|
||||
}
|
||||
}
|
||||
|
||||
/**
|
||||
* HoverElement
|
||||
* -------------------------
|
||||
* applies the hover
|
||||
*/
|
||||
|
||||
function HoverElement(element) {
|
||||
if(element.isHoverElement) return;
|
||||
element.isHoverElement = true;
|
||||
element.attachEvent('onmouseover',
|
||||
function() { element.className += ' onHover'; });
|
||||
|
||||
element.attachEvent('onmouseout',
|
||||
function() { element.className = element.className.replace(/onHover/g, ''); });
|
||||
}
|
||||
|
||||
/**
|
||||
* domFinder
|
||||
* -----------------------------------
|
||||
* returns list of elements based on css selector
|
||||
*/
|
||||
|
||||
function getElementsBySelect(rule) {
|
||||
var nodeList = [doc], sets = rule.split(' ');
|
||||
for(var i=0; i<sets.length; i++) {
|
||||
nodeList = domFinder.filterNodes(sets[i], nodeList);
|
||||
} return nodeList;
|
||||
}
|
||||
|
||||
var domFinder = {
|
||||
findNodes:function(tag, docs) {
|
||||
var res, nodes = [];
|
||||
for(var i=0; i<docs.length; i++) {
|
||||
res = docs[i].getElementsByTagName(tag);
|
||||
for(var j=0; j<res.length; j++) nodes[nodes.length] = res[j];
|
||||
} return nodes;
|
||||
},
|
||||
|
||||
filterNodes:function(select, docs) {
|
||||
var filtered = [], nodes,rule,atr,s = (/#|\./).exec(select);
|
||||
if(!s) return this.findNodes(select, docs);
|
||||
nodes = this.findNodes((rule = select.split(s))[0], docs);
|
||||
atr = (s == '#')? 'id':'className';
|
||||
for(var i=0; i<nodes.length; i++) {
|
||||
if(new RegExp('(^|\\s)' + rule[1] + '(\\s|$)').exec(nodes[i][atr]))
|
||||
filtered[filtered.length] = nodes[i];
|
||||
} return filtered;
|
||||
}
|
||||
}
|
||||
</script>
|
||||
452
test/css/orfea.css
Executable file
452
test/css/orfea.css
Executable file
|
|
@ -0,0 +1,452 @@
|
|||
/* ORFEA CSS */
|
||||
body {
|
||||
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
|
||||
font-size: 12px;
|
||||
color: #333;
|
||||
text-align: center;
|
||||
margin: 0px;
|
||||
padding: 0px;
|
||||
behavior: url(../css/csshover.htc);
|
||||
}
|
||||
|
||||
#obsah {
|
||||
width:960px;
|
||||
text-align:center;
|
||||
margin:auto;
|
||||
}
|
||||
|
||||
#hlavicka {
|
||||
/*background-color: #FFC*;*/
|
||||
text-align: center;
|
||||
height: 120px;
|
||||
}
|
||||
|
||||
|
||||
#hlavicka #logo {
|
||||
text-align:left; float:left; width:620px; height:100%;
|
||||
}
|
||||
|
||||
|
||||
#hlavicka #lan {
|
||||
text-align:right; float:right; width:330px; height:50px; _margin-top:-20px;
|
||||
}
|
||||
|
||||
#hlavicka #lan a {
|
||||
background-color: white; border: 1px solid silver; padding: 4px 5px; margin: 15px 5px; float:right; display: block; text-decoration:none; color: #333;
|
||||
}
|
||||
|
||||
#hlavicka #lan a:hover {
|
||||
background-color: #00a08a; border: 1px solid #00a08a; color: #fff;
|
||||
}
|
||||
#hlavicka #lan .aktiv {
|
||||
background-color: #089ed5; border: 1px solid #089ed5; color: white;
|
||||
}
|
||||
|
||||
#hlavicka #vyhledavani {
|
||||
text-align:right; float:right; width:330px; height:50%;
|
||||
}
|
||||
#menu {
|
||||
background-color:#eee;
|
||||
border-bottom:1px solid #ddd;
|
||||
border-top:1px solid #ddd;
|
||||
text-align:left;
|
||||
height:60px;
|
||||
}
|
||||
#menu ul {float:left;
|
||||
margin:0;
|
||||
_margin-top:-20px;
|
||||
padding:0;
|
||||
|
||||
}
|
||||
|
||||
#menu li{
|
||||
position:relative;
|
||||
list-style:none;
|
||||
display:inline;
|
||||
line-height:60px;
|
||||
font-size:18px;
|
||||
float:left;
|
||||
}
|
||||
|
||||
#menu li:hover{
|
||||
background-color:#00a08a;
|
||||
}
|
||||
|
||||
#menu li a{
|
||||
padding: 0 15px;
|
||||
color: black;
|
||||
display:block;
|
||||
text-decoration:none;
|
||||
}
|
||||
|
||||
#menu li a:hover{
|
||||
color:white;
|
||||
}
|
||||
|
||||
#menu .aktiv {
|
||||
background-color: #089ed5; color: white;
|
||||
}
|
||||
|
||||
#menu>ul a {width: auto;}
|
||||
|
||||
#menu ul ul {position: absolute; display: none; }
|
||||
#menu ul.level1 li.submenu:hover ul.level2 {display:block;}
|
||||
#menu ul.level2
|
||||
{top: 59px;
|
||||
left: 0px;
|
||||
margin-top: 1px;
|
||||
text-align:left;}
|
||||
|
||||
#menu ul.level2 li
|
||||
{width: 100%;
|
||||
float:left;
|
||||
font-size:13px;
|
||||
line-height:1.5em;
|
||||
padding: 0px;
|
||||
background-color: #aaa;
|
||||
opacity:0.95;
|
||||
border: 1px solid #999;
|
||||
border-width: 1px 0px 0px 0px;
|
||||
text-align:left;}
|
||||
|
||||
#menu ul.level2 li.dolni
|
||||
{border-width: 1px 1px 1px 1px;}
|
||||
|
||||
#menu ul.level2 li a
|
||||
{padding:8px 15px;
|
||||
width: auto;
|
||||
display:block;
|
||||
color: white;
|
||||
text-decoration:none;}
|
||||
|
||||
#menu ul.level2 li a:hover
|
||||
{background-color:#089ed5;}
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
#top-akce {
|
||||
margin-top:30px;
|
||||
text-align:left;
|
||||
}
|
||||
|
||||
#top-akce #foto {
|
||||
width:662px;
|
||||
float:left;}
|
||||
|
||||
#top-akce #foto img{
|
||||
border: 1px solid silver;
|
||||
float:left;}
|
||||
|
||||
#top-akce #perex{
|
||||
width: 280px;
|
||||
float: right;
|
||||
margin: 0px;
|
||||
border: 0px solid black;
|
||||
padding-left:15px;
|
||||
}
|
||||
|
||||
#top-akce #perex-detail{
|
||||
width: 100%;
|
||||
float: right;
|
||||
margin: 0px;
|
||||
border: 0px solid black;
|
||||
padding-left:15px;
|
||||
}
|
||||
|
||||
#top-akce #perex-detail table{
|
||||
width: 100%;
|
||||
padding: 10px 0px;
|
||||
text-align:center;
|
||||
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
|
||||
font-size: 14px;
|
||||
}
|
||||
|
||||
#top-akce #perex-detail table td{
|
||||
width: 33%;
|
||||
text-align:left;
|
||||
}
|
||||
|
||||
#top-akce #perex-detail table td a{
|
||||
display:block;
|
||||
text-decoration:none;
|
||||
background-color:#eee;
|
||||
padding: 10px 0px 10px 10px;
|
||||
border: 1px solid #ccc;
|
||||
color:#333;
|
||||
}
|
||||
|
||||
#top-akce #perex-detail table td a:hover{
|
||||
|
||||
background-color:#089ed5;
|
||||
border: 1px solid #bbb;
|
||||
color: white;
|
||||
}
|
||||
|
||||
#top-akce #perex-detail .neaktivni{
|
||||
color: red;
|
||||
background-color:#ddd;
|
||||
}
|
||||
|
||||
/*#top-akce #perex a
|
||||
{display:block;
|
||||
text-decoration:none;
|
||||
color:white;
|
||||
width:100%;
|
||||
}
|
||||
#top-akce #perex a:hover
|
||||
{background-color:#09F;
|
||||
color:white;
|
||||
}*/
|
||||
|
||||
.but-info a
|
||||
{
|
||||
background-color:#089ed5;
|
||||
background-image:url(../images-sys/icon-i.png);
|
||||
background-position: 20px 50%;
|
||||
background-repeat:no-repeat;
|
||||
font-size:20px;
|
||||
line-height:50px;
|
||||
color: white;
|
||||
text-align:left;
|
||||
padding-left:60px;
|
||||
clear:both;
|
||||
display:block;
|
||||
text-decoration:none;
|
||||
/*Firefox*/
|
||||
-moz-border-top-left-radius: 10px;
|
||||
-moz-border-top-right-radius: 10px;
|
||||
-moz-border-bottom-right-radius: 10px;
|
||||
-moz-border-bottom-left-radius: 10px;
|
||||
/*Safari, Chrome*/
|
||||
-webkit-border-top-left-radius: 10px;
|
||||
-webkit-border-top-right-radius: 10px;
|
||||
-webkit-border-bottom-right-radius: 10px;
|
||||
-webkit-border-bottom-left-radius: 10px;
|
||||
border-top-left-radius: 10px;
|
||||
border-top-right-radius: 10px;
|
||||
border-bottom-right-radius: 10px;
|
||||
border-bottom-left-radius: 10px; }
|
||||
.but-info a:hover
|
||||
{background-color:#00a08a;}
|
||||
|
||||
.but-prihlasky a
|
||||
{
|
||||
background-color:#ccc;
|
||||
background-image:url(../images-sys/icon-prihlasky.png);
|
||||
background-position: 20px 50%;
|
||||
background-repeat:no-repeat;
|
||||
width: 100px;
|
||||
font-size:20px;
|
||||
line-height:50px;
|
||||
color: white;
|
||||
text-align:left;
|
||||
padding-left:60px;
|
||||
float:left;
|
||||
text-decoration:none;
|
||||
/*Firefox*/
|
||||
-moz-border-top-left-radius: 10px;
|
||||
-moz-border-top-right-radius: 10px;
|
||||
-moz-border-bottom-right-radius: 10px;
|
||||
-moz-border-bottom-left-radius: 10px;
|
||||
/*Safari, Chrome*/
|
||||
-webkit-border-top-left-radius: 10px;
|
||||
-webkit-border-top-right-radius: 10px;
|
||||
-webkit-border-bottom-right-radius: 10px;
|
||||
-webkit-border-bottom-left-radius: 10px;
|
||||
border-top-left-radius: 10px;
|
||||
border-top-right-radius: 10px;
|
||||
border-bottom-right-radius: 10px;
|
||||
border-bottom-left-radius: 10px; }
|
||||
|
||||
.but-prihlasky a:hover
|
||||
{background-color:#3b5998;}
|
||||
|
||||
.but-facebook a
|
||||
{
|
||||
background-color:#ccc;
|
||||
background-image:url(../images-sys/icon-facebook.png);
|
||||
background-position: 50% 50%;
|
||||
background-repeat:no-repeat;
|
||||
width: 110px;
|
||||
font-size:20px;
|
||||
line-height:50px;
|
||||
color: white;
|
||||
text-decoration:none;
|
||||
text-align:left;
|
||||
float:right;
|
||||
/*Firefox*/
|
||||
-moz-border-top-left-radius: 10px;
|
||||
-moz-border-top-right-radius: 10px;
|
||||
-moz-border-bottom-right-radius: 10px;
|
||||
-moz-border-bottom-left-radius: 10px;
|
||||
/*Safari, Chrome*/
|
||||
-webkit-border-top-left-radius: 10px;
|
||||
-webkit-border-top-right-radius: 10px;
|
||||
-webkit-border-bottom-right-radius: 10px;
|
||||
-webkit-border-bottom-left-radius: 10px;
|
||||
border-top-left-radius: 10px;
|
||||
border-top-right-radius: 10px;
|
||||
border-bottom-right-radius: 10px;
|
||||
border-bottom-left-radius: 10px; }
|
||||
.but-facebook a:hover
|
||||
{background-color:#3b5998;}
|
||||
|
||||
.but-info2
|
||||
{
|
||||
position:absolute;
|
||||
bottom: 10px;
|
||||
width: 230px;}
|
||||
|
||||
|
||||
.but-info2 a
|
||||
{ background-color:#089ed5;
|
||||
background-image:url(../images-sys/icon-i.png);
|
||||
background-position: 20px 50%;
|
||||
background-repeat:no-repeat;
|
||||
font-size:20px;
|
||||
line-height:40px;
|
||||
color: white;
|
||||
text-align:left;
|
||||
padding-left:60px;
|
||||
clear:both;
|
||||
display:block;
|
||||
text-decoration:none;
|
||||
/*Firefox*/
|
||||
-moz-border-top-left-radius: 10px;
|
||||
-moz-border-top-right-radius: 10px;
|
||||
-moz-border-bottom-right-radius: 10px;
|
||||
-moz-border-bottom-left-radius: 10px;
|
||||
/*Safari, Chrome*/
|
||||
-webkit-border-top-left-radius: 10px;
|
||||
-webkit-border-top-right-radius: 10px;
|
||||
-webkit-border-bottom-right-radius: 10px;
|
||||
-webkit-border-bottom-left-radius: 10px;
|
||||
border-top-left-radius: 10px;
|
||||
border-top-right-radius: 10px;
|
||||
border-bottom-right-radius: 10px;
|
||||
border-bottom-left-radius: 10px; }
|
||||
|
||||
.but-info2 a:hover
|
||||
{background-color:#00a08a;}
|
||||
|
||||
|
||||
|
||||
|
||||
H1 {
|
||||
color:#00a08a; font-weight:normal; font-size:21px; margin: 0 0 10px 0px; text-transform:uppercase;}
|
||||
H2 {
|
||||
color:#00a08a; font-weight:normal; font-size:20px;text-transform:uppercase;}
|
||||
H3 {
|
||||
color:#00a08a; font-weight:normal; font-size:15px;}
|
||||
H4 {
|
||||
color:#333; font-weight:normal; font-size:13px;}
|
||||
p,ul {
|
||||
font-family:Arial, Helvetica, sans-serif;
|
||||
font-size:12px;
|
||||
line-height:1.3em;}
|
||||
|
||||
|
||||
|
||||
/* ---------------------- paticka ------------------------- */
|
||||
#paticka
|
||||
{margin:0px;
|
||||
background-color:#3a3a3a;
|
||||
width: 100%;
|
||||
min-height:200px;}
|
||||
|
||||
.dolni-box
|
||||
{
|
||||
padding: 5px 25px;
|
||||
|
||||
width:220px;
|
||||
text-align:left;
|
||||
color: white;
|
||||
float:left;}
|
||||
.dolni-box p
|
||||
{margin-left: 20px;}
|
||||
.info-paticka
|
||||
{color: #aaa; font-size: 11px;font-family: Arial, Helvetica, sans-serif; line-height:18px; clear:both;padding-bottom:10px;}
|
||||
.info-paticka span
|
||||
{color: white; font-size: 13 px;}
|
||||
/* Circular Content Carousel Style */
|
||||
.ca-container{
|
||||
position:relative;
|
||||
margin:15px auto 15px auto;
|
||||
width:860px;
|
||||
height:400px;
|
||||
}
|
||||
.ca-wrapper{
|
||||
width:100%;
|
||||
height:100%;
|
||||
position:relative;
|
||||
}
|
||||
.ca-item{
|
||||
position:relative;
|
||||
float:left;
|
||||
width:285px;
|
||||
height:100%;
|
||||
text-align:center;
|
||||
}
|
||||
|
||||
.ca-item-main{
|
||||
padding:14px;
|
||||
position:absolute;
|
||||
top:20px;
|
||||
left:14px;
|
||||
right:14px;
|
||||
bottom:20px;
|
||||
background:#fff;
|
||||
overflow:hidden;
|
||||
-moz-box-shadow:1px 1px 2px rgba(0,0,0,0.2);
|
||||
-webkit-box-shadow:1px 1px 2px rgba(0,0,0,0.2);
|
||||
box-shadow:1px 1px 2px rgba(0,0,0,0.2);
|
||||
}
|
||||
|
||||
.ca-item-main img
|
||||
{border: 1px solid #ccc;}
|
||||
|
||||
|
||||
|
||||
.ca-item h3{
|
||||
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
|
||||
text-transform:uppercase;
|
||||
font-size:14px;
|
||||
color:#00a08a;
|
||||
margin-bottom:20px;
|
||||
/*height:85px;*/
|
||||
text-align:left;
|
||||
}
|
||||
.ca-item h4{
|
||||
font-family: Arial, Helvetica, sans-serif;
|
||||
font-style:normal;
|
||||
font-size:12px;
|
||||
text-align:left;
|
||||
|
||||
position:relative;
|
||||
}
|
||||
|
||||
|
||||
.ca-nav span{
|
||||
width:25px;
|
||||
height:38px;
|
||||
background:transparent url(../images-sys/arrows.png) no-repeat top left;
|
||||
position:absolute;
|
||||
top:50%;
|
||||
margin-top:-19px;
|
||||
left:-30px;
|
||||
text-indent:-9000px;
|
||||
opacity:0.7;
|
||||
cursor:pointer;
|
||||
z-index:100;
|
||||
}
|
||||
.ca-nav span.ca-nav-next{
|
||||
background-position:top right;
|
||||
left:auto;
|
||||
right:-30px;
|
||||
}
|
||||
.ca-nav span:hover{
|
||||
opacity:1.0;
|
||||
}
|
||||
410
test/css/orfea7.css
Executable file
410
test/css/orfea7.css
Executable file
|
|
@ -0,0 +1,410 @@
|
|||
/* ORFEA CSS */
|
||||
body {
|
||||
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
|
||||
font-size: 12px;
|
||||
color: #333;
|
||||
text-align: center;
|
||||
margin: 0px;
|
||||
padding: 0px;
|
||||
behavior: url(../css/csshover.htc);
|
||||
}
|
||||
|
||||
#obsah {
|
||||
width:960px;
|
||||
text-align:center;
|
||||
margin:auto;
|
||||
}
|
||||
|
||||
#hlavicka {
|
||||
/*background-color: #FFC*;*/
|
||||
text-align: center;
|
||||
height: 120px;
|
||||
}
|
||||
|
||||
|
||||
#hlavicka #logo {
|
||||
text-align:left; float:left; width:620px; height:100%;margin-top:-20px;
|
||||
}
|
||||
|
||||
|
||||
#hlavicka #lan {
|
||||
text-align:right; float:right; width:330px; height:50px; margin-top:-20px;
|
||||
}
|
||||
|
||||
#hlavicka #lan a {
|
||||
background-color: white; border: 1px solid silver; padding: 4px 5px; margin: 15px 5px; float:right; display: block; text-decoration:none; color: #333;
|
||||
}
|
||||
|
||||
#hlavicka #lan a:hover {
|
||||
background-color: #00a08a; border: 1px solid #00a08a; color: #fff;
|
||||
}
|
||||
#hlavicka #lan .aktiv {
|
||||
background-color: #089ed5; border: 1px solid #089ed5; color: white;
|
||||
}
|
||||
|
||||
#hlavicka #vyhledavani {
|
||||
text-align:right; float:right; width:330px; height:50%;
|
||||
}
|
||||
#menu {
|
||||
background-color:#eee;
|
||||
border-bottom:1px solid #ddd;
|
||||
border-top:1px solid #ddd;
|
||||
text-align:left;
|
||||
height:60px;
|
||||
}
|
||||
#menu ul {float:left;
|
||||
padding:0;
|
||||
|
||||
}
|
||||
|
||||
#menu li{
|
||||
position:relative;
|
||||
margin-top:-19px;
|
||||
list-style:none;
|
||||
display:inline;
|
||||
line-height:60px;
|
||||
font-size:18px;
|
||||
float:left;
|
||||
}
|
||||
|
||||
#menu li:hover{
|
||||
background-color:#00a08a;
|
||||
}
|
||||
|
||||
#menu li a{
|
||||
padding: 0 15px;
|
||||
color: black;
|
||||
display:block;
|
||||
text-decoration:none;
|
||||
}
|
||||
|
||||
#menu li a:hover{
|
||||
color:white;
|
||||
}
|
||||
|
||||
#menu .aktiv {
|
||||
background-color: #089ed5; color: white;
|
||||
}
|
||||
|
||||
#menu>ul a {width: auto;}
|
||||
|
||||
#menu ul ul {position: absolute; display: none; }
|
||||
#menu ul.level1 li.submenu:hover ul.level2 {display:block;}
|
||||
#menu ul.level2
|
||||
{top: 59px;
|
||||
left: 0px;
|
||||
margin-top: 1px;
|
||||
text-align:left;}
|
||||
|
||||
#menu ul.level2 li
|
||||
{width: 100%;
|
||||
margin:0px;
|
||||
float:left;
|
||||
font-size:13px;
|
||||
line-height:1.5em;
|
||||
padding: 0px;
|
||||
background-color: #aaa;
|
||||
opacity:0.95;
|
||||
border: 1px solid #999;
|
||||
border-width: 1px 0px 0px 0px;
|
||||
text-align:left;}
|
||||
|
||||
#menu ul.level2 li.dolni
|
||||
{border-width: 1px 1px 1px 1px;}
|
||||
|
||||
#menu ul.level2 li a
|
||||
{padding:8px 15px;
|
||||
width: auto;
|
||||
display:block;
|
||||
color: white;
|
||||
text-decoration:none;}
|
||||
|
||||
#menu ul.level2 li a:hover
|
||||
{background-color:#089ed5;}
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
#top-akce {
|
||||
margin-top:30px;
|
||||
text-align:left;
|
||||
}
|
||||
|
||||
#top-akce #foto {
|
||||
width:662px;
|
||||
float:left;}
|
||||
|
||||
#top-akce #foto img{
|
||||
border: 1px solid silver;
|
||||
float:left;}
|
||||
|
||||
#top-akce #perex{
|
||||
width: 280px;
|
||||
float: right;
|
||||
margin: 0px;
|
||||
border: 0px solid black;
|
||||
padding-left:15px;
|
||||
}
|
||||
|
||||
/*#top-akce #perex a
|
||||
{display:block;
|
||||
text-decoration:none;
|
||||
color:white;
|
||||
width:100%;
|
||||
}
|
||||
#top-akce #perex a:hover
|
||||
{background-color:#09F;
|
||||
color:white;
|
||||
}*/
|
||||
|
||||
.but-info a
|
||||
{
|
||||
background-color:#089ed5;
|
||||
background-image:url(../images-sys/icon-i.png);
|
||||
background-position: 20px 50%;
|
||||
background-repeat:no-repeat;
|
||||
font-size:20px;
|
||||
line-height:50px;
|
||||
color: white;
|
||||
text-align:left;
|
||||
padding-left:60px;
|
||||
clear:both;
|
||||
display:block;
|
||||
text-decoration:none;
|
||||
/*Firefox*/
|
||||
-moz-border-top-left-radius: 10px;
|
||||
-moz-border-top-right-radius: 10px;
|
||||
-moz-border-bottom-right-radius: 10px;
|
||||
-moz-border-bottom-left-radius: 10px;
|
||||
/*Safari, Chrome*/
|
||||
-webkit-border-top-left-radius: 10px;
|
||||
-webkit-border-top-right-radius: 10px;
|
||||
-webkit-border-bottom-right-radius: 10px;
|
||||
-webkit-border-bottom-left-radius: 10px;
|
||||
border-top-left-radius: 10px;
|
||||
border-top-right-radius: 10px;
|
||||
border-bottom-right-radius: 10px;
|
||||
border-bottom-left-radius: 10px; }
|
||||
.but-info a:hover
|
||||
{background-color:#00a08a;}
|
||||
|
||||
.but-prihlasky a
|
||||
{
|
||||
background-color:#ccc;
|
||||
background-image:url(../images-sys/icon-prihlasky.png);
|
||||
background-position: 20px 50%;
|
||||
background-repeat:no-repeat;
|
||||
width: 100px;
|
||||
font-size:20px;
|
||||
line-height:50px;
|
||||
color: white;
|
||||
text-align:left;
|
||||
padding-left:60px;
|
||||
float:left;
|
||||
text-decoration:none;
|
||||
/*Firefox*/
|
||||
-moz-border-top-left-radius: 10px;
|
||||
-moz-border-top-right-radius: 10px;
|
||||
-moz-border-bottom-right-radius: 10px;
|
||||
-moz-border-bottom-left-radius: 10px;
|
||||
/*Safari, Chrome*/
|
||||
-webkit-border-top-left-radius: 10px;
|
||||
-webkit-border-top-right-radius: 10px;
|
||||
-webkit-border-bottom-right-radius: 10px;
|
||||
-webkit-border-bottom-left-radius: 10px;
|
||||
border-top-left-radius: 10px;
|
||||
border-top-right-radius: 10px;
|
||||
border-bottom-right-radius: 10px;
|
||||
border-bottom-left-radius: 10px; }
|
||||
|
||||
.but-prihlasky a:hover
|
||||
{background-color:#3b5998;}
|
||||
|
||||
.but-facebook a
|
||||
{
|
||||
background-color:#ccc;
|
||||
background-image:url(../images-sys/icon-facebook.png);
|
||||
background-position: 50% 50%;
|
||||
background-repeat:no-repeat;
|
||||
width: 110px;
|
||||
font-size:20px;
|
||||
line-height:50px;
|
||||
color: white;
|
||||
text-decoration:none;
|
||||
text-align:left;
|
||||
float:right;
|
||||
/*Firefox*/
|
||||
-moz-border-top-left-radius: 10px;
|
||||
-moz-border-top-right-radius: 10px;
|
||||
-moz-border-bottom-right-radius: 10px;
|
||||
-moz-border-bottom-left-radius: 10px;
|
||||
/*Safari, Chrome*/
|
||||
-webkit-border-top-left-radius: 10px;
|
||||
-webkit-border-top-right-radius: 10px;
|
||||
-webkit-border-bottom-right-radius: 10px;
|
||||
-webkit-border-bottom-left-radius: 10px;
|
||||
border-top-left-radius: 10px;
|
||||
border-top-right-radius: 10px;
|
||||
border-bottom-right-radius: 10px;
|
||||
border-bottom-left-radius: 10px; }
|
||||
.but-facebook a:hover
|
||||
{background-color:#3b5998;}
|
||||
|
||||
.but-info2
|
||||
{
|
||||
position:absolute;
|
||||
bottom: 10px;
|
||||
width: 230px;}
|
||||
|
||||
|
||||
.but-info2 a
|
||||
{ background-color:#089ed5;
|
||||
background-image:url(../images-sys/icon-i.png);
|
||||
background-position: 20px 50%;
|
||||
background-repeat:no-repeat;
|
||||
font-size:20px;
|
||||
line-height:40px;
|
||||
color: white;
|
||||
text-align:left;
|
||||
padding-left:60px;
|
||||
clear:both;
|
||||
display:block;
|
||||
text-decoration:none;
|
||||
/*Firefox*/
|
||||
-moz-border-top-left-radius: 10px;
|
||||
-moz-border-top-right-radius: 10px;
|
||||
-moz-border-bottom-right-radius: 10px;
|
||||
-moz-border-bottom-left-radius: 10px;
|
||||
/*Safari, Chrome*/
|
||||
-webkit-border-top-left-radius: 10px;
|
||||
-webkit-border-top-right-radius: 10px;
|
||||
-webkit-border-bottom-right-radius: 10px;
|
||||
-webkit-border-bottom-left-radius: 10px;
|
||||
border-top-left-radius: 10px;
|
||||
border-top-right-radius: 10px;
|
||||
border-bottom-right-radius: 10px;
|
||||
border-bottom-left-radius: 10px; }
|
||||
|
||||
.but-info2 a:hover
|
||||
{background-color:#00a08a;}
|
||||
|
||||
|
||||
|
||||
|
||||
H1 {
|
||||
color:#00a08a; font-weight:normal; font-size:21px; margin: 0 0 10px 0px;}
|
||||
H2 {
|
||||
color:#00a08a; font-weight:normal; font-size:20px;}
|
||||
H3 {
|
||||
color:#00a08a; font-weight:normal; font-size:15px;}
|
||||
H4 {
|
||||
color:#333; font-weight:normal; font-size:13px;}
|
||||
p,ul {
|
||||
font-family:Arial, Helvetica, sans-serif;
|
||||
font-size:12px;
|
||||
line-height:1.3em;}
|
||||
|
||||
|
||||
|
||||
/* ---------------------- paticka ------------------------- */
|
||||
#paticka
|
||||
{margin:0px;
|
||||
background-color:#3a3a3a;
|
||||
width: 100%;
|
||||
min-height:200px;}
|
||||
|
||||
.dolni-box
|
||||
{
|
||||
padding: 5px 25px;
|
||||
|
||||
width:220px;
|
||||
text-align:left;
|
||||
color: white;
|
||||
float:left;}
|
||||
.dolni-box p
|
||||
{margin-left: 20px;}
|
||||
.info-paticka
|
||||
{color: #aaa; font-size: 11px;font-family: Arial, Helvetica, sans-serif; line-height:18px; clear:both;padding-bottom:10px;}
|
||||
.info-paticka span
|
||||
{color: white; font-size: 13 px;}
|
||||
/* Circular Content Carousel Style */
|
||||
.ca-container{
|
||||
position:relative;
|
||||
margin:15px auto 15px auto;
|
||||
width:860px;
|
||||
height:400px;
|
||||
}
|
||||
.ca-wrapper{
|
||||
width:100%;
|
||||
height:100%;
|
||||
position:relative;
|
||||
}
|
||||
.ca-item{
|
||||
position:relative;
|
||||
float:left;
|
||||
width:285px;
|
||||
height:100%;
|
||||
text-align:center;
|
||||
}
|
||||
|
||||
.ca-item-main{
|
||||
padding:14px;
|
||||
position:absolute;
|
||||
top:20px;
|
||||
left:14px;
|
||||
right:14px;
|
||||
bottom:20px;
|
||||
background:#fff;
|
||||
overflow:hidden;
|
||||
-moz-box-shadow:1px 1px 2px rgba(0,0,0,0.2);
|
||||
-webkit-box-shadow:1px 1px 2px rgba(0,0,0,0.2);
|
||||
box-shadow:1px 1px 2px rgba(0,0,0,0.2);
|
||||
}
|
||||
|
||||
.ca-item-main img
|
||||
{border: 1px solid #ccc;}
|
||||
|
||||
|
||||
|
||||
.ca-item h3{
|
||||
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
|
||||
text-transform:uppercase;
|
||||
font-size:14px;
|
||||
color:#00a08a;
|
||||
margin-bottom:20px;
|
||||
/*height:85px;*/
|
||||
text-align:left;
|
||||
}
|
||||
.ca-item h4{
|
||||
font-family: Arial, Helvetica, sans-serif;
|
||||
font-style:normal;
|
||||
font-size:12px;
|
||||
text-align:left;
|
||||
|
||||
position:relative;
|
||||
}
|
||||
|
||||
|
||||
.ca-nav span{
|
||||
width:25px;
|
||||
height:38px;
|
||||
background:transparent url(../images-sys/arrows.png) no-repeat top left;
|
||||
position:absolute;
|
||||
top:50%;
|
||||
margin-top:-19px;
|
||||
left:-30px;
|
||||
text-indent:-9000px;
|
||||
opacity:0.7;
|
||||
cursor:pointer;
|
||||
z-index:100;
|
||||
}
|
||||
.ca-nav span.ca-nav-next{
|
||||
background-position:top right;
|
||||
left:auto;
|
||||
right:-30px;
|
||||
}
|
||||
.ca-nav span:hover{
|
||||
opacity:1.0;
|
||||
}
|
||||
Loading…
Add table
Add a link
Reference in a new issue