/* begin Page */
/* Generated by TechLine.de */
body {
margin: 0 auto;
padding: 0;
background-color: #0C3045;
/* zima bg */
// background-image: url('../images/bg1.jpg');
/* na lato */
background-image: url('../images/soccergate.png');
background-repeat: repeat-x;
background-attachment: fixed;
background-position: bottom center;
}
.Main {
position: absolute;
width: 100%;
left: 0;
top: 0;
}
.PageBackgroundGlare {
position: absolute;
width: 100%;
left: 0;
top: 0;
}
.PageBackgroundGlareImage {
background-image: url('../images/Page-BgGlare.png');
background-repeat: no-repeat;
height: 321px;
width: 307px;
margin: 0;
}
html:first-child .PageBackgroundGlare {
border: 1px solid transparent;
/* Opera fix */
}
.cleared {
float: none;
clear: both;
margin: 0;
padding: 0;
border: none;
font-size: 1px;
}
/* end Page */
/* begin Box, Sheet */
.Sheet {
overflow: hidden;
min-width: 41px;
min-height: 41px;
margin: 0 auto;
position: relative;
z-index: 0;
width: 980px;
}
.Sheet-body {
position: relative;
z-index: 0;
margin: 9px;
}
.Sheet-tl {
position: absolute;
overflow: hidden;
z-index: -1;
top: 0;
left: 0;
width: 34px;
height: 34px;
background-image: url('../images/Sheet-s.png');
}
.Sheet-tr {
position: absolute;
overflow: hidden;
z-index: -1;
top: 0;
right: 0;
width: 34px;
height: 34px;
}
.Sheet-tr div {
position: absolute;
z-index: -1;
top: 0px;
left: -34px;
width: 68px;
height: 68px;
background-image: url('../images/Sheet-s.png');
}
.Sheet-bl {
position: absolute;
overflow: hidden;
z-index: -1;
bottom: 0;
left: 0;
width: 34px;
height: 34px;
}
.Sheet-bl div {
position: absolute;
z-index: -1;
top: -34px;
left: 0;
width: 68px;
height: 68px;
background-image: url('../images/Sheet-s.png');
}
.Sheet-br {
position: absolute;
overflow: hidden;
z-index: -1;
bottom: 0;
right: 0;
width: 34px;
height: 34px;
}
.Sheet-br div {
position: absolute;
z-index: -1;
top: -34px;
left: -34px;
width: 68px;
height: 68px;
background-image: url('../images/Sheet-s.png');
}
.Sheet-tc {
position: absolute;
overflow: hidden;
z-index: -1;
top: 0;
left: 34px;
right: 34px;
height: 34px;
}
.Sheet-tc div {
position: absolute;
z-index: -1;
top: 0;
left: 0;
width: 100%;
height: 68px;
background-image: url('../images/Sheet-h.png');
}
.Sheet-bc {
position: absolute;
overflow: hidden;
z-index: -1;
bottom: 0;
left: 34px;
right: 34px;
height: 34px;
}
.Sheet-bc div {
position: absolute;
z-index: -1;
top: -34px;
left: 0;
width: 100%;
height: 68px;
background-image: url('../images/Sheet-h.png');
}
.Sheet-cl {
position: absolute;
overflow: hidden;
z-index: -1;
top: 34px;
left: 0;
width: 34px;
bottom: 34px;
}
.Sheet-cl div {
position: absolute;
z-index: -1;
top: 0;
left: 0;
width: 68px;
height: 100%;
background-image: url('../images/Sheet-v.png');
}
.Sheet-cr {
position: absolute;
overflow: hidden;
z-index: -1;
top: 34px;
right: 0;
width: 34px;
bottom: 34px;
}
.Sheet-cr div {
position: absolute;
z-index: -1;
top: 0;
left: -34px;
width: 68px;
height: 100%;
background-image: url('../images/Sheet-v.png');
}
.Sheet-cc {
position: absolute;
overflow: hidden;
z-index: -2;
top: 34px;
left: 34px;
right: 34px;
bottom: 34px;
background-image: url('../images/Sheet-c.png');
}
.Sheet {
margin-top: 10px !important;
}
/* end Box, Sheet */
/* begin Header */
div.Header {
margin: 0 auto;
position: relative;
z-index: 0;
width: 962px;
height: 250px;
}
div.Header-png {
position: absolute;
z-index: -2;
top: 0;
left: 0;
width: 962px;
height: 250px;
background-image: url('../images/Header.png');
background-repeat: no-repeat;
background-position: left top;
}
div.fb {
position: absolute;
bottom: 5px;
right: 12px;
}
div.fb-like {
position: absolute;
top: 1px;
left: 2px;
overflow: visible;
}
div.yt {
position: absolute;
bottom: 55px;
right: 12px;
}
div.Header-jpeg {
position: absolute;
z-index: -1;
top: 0;
left: 0;
width: 962px;
height: 250px;
background-image: url('http://lzs.mechnice.pl/templates/techline_de_template-j15-soccer001/images/Header.jpg');
background-repeat: no-repeat;
background-position: center center;
}
/* end Header */
/* begin Logo */
.logo {
display: block;
position: absolute;
left: {
LogoLeft
}
px;
top: {
LogoTop
}
px;
width: {
LogoWidth
}
px;
}
h1.logo-name {
display: block;
text-align: {
HorizontalAlign
}
;
}
h1.logo-name,
h1.logo-name a,
h1.logo-name a:link,
h1.logo-name a:visited,
h1.logo-name a:hover {
{
LogoNameFont
}
padding:0;
margin:0;
color: {
NameFontColor
}
!important;
}
.logo-text {
display: block;
text-align: {
HorizontalAlign
}
;
}
.logo-text,
.logo-text a {
{
LogoSloganFont
}
padding:0;
margin:0;
color: {
TextFontColor
}
!important;
}
/* end Logo */
/* begin Menu */
/* menu structure */
.artmenu a,
.artmenu a:link,
.artmenu a:visited,
.artmenu a:hover {
text-align: left;
text-decoration: none;
outline: none;
letter-spacing: normal;
word-spacing: normal;
}
.artmenu,
.artmenu ul {
margin: 0;
padding: 0;
border: 0;
list-style-type: none;
display: block;
}
.artmenu li {
margin: 0;
padding: 0;
border: 0;
display: block;
float: left;
position: relative;
z-index: 5;
background: none;
}
.artmenu li:hover {
z-index: 10000;
white-space: normal;
}
.artmenu li li {
float: none;
}
.artmenu ul {
visibility: hidden;
position: absolute;
z-index: 10;
left: 0;
top: 0;
background: none;
}
.artmenu li:hover>ul {
visibility: visible;
top: 100%;
}
.artmenu li li:hover>ul {
top: 0;
left: 100%;
}
.artmenu:after,
.artmenu ul:after {
content: ".";
height: 0;
display: block;
visibility: hidden;
overflow: hidden;
clear: both;
}
.artmenu,
.artmenu ul {
min-height: 0;
}
.artmenu ul {
background-image: url(../images/spacer.gif);
padding: 10px 30px 30px 30px;
margin: -10px 0 0 -30px;
}
.artmenu ul ul {
padding: 30px 30px 30px 10px;
margin: -30px 0 0 -10px;
}
/* menu structure */
.nav {
position: relative;
margin: 0 auto;
width: 962px;
height: 40px;
z-index: 100;
}
.artmenu {
padding: 0px 0px 0px 0px;
}
.nav .l,
.nav .r,
.nav .r div {
top: 0;
position: absolute;
z-index: -1;
overflow: hidden;
height: 40px;
}
.nav .l {
left: 0;
right: 0px;
}
.nav .r {
right: 0;
width: 0px;
}
.nav .r div {
width: 962px;
right: 0;
}
.nav .l,
.nav .r div {
background-position: left top;
background-repeat: no-repeat;
background-image: url('../images/nav.png');
}
/* end Menu */
/* begin MenuItem */
.artmenu ul li {
clear: both;
}
.artmenu a,
.artmenu a span {
height: 40px;
display: block;
}
.artmenu a {
cursor: pointer;
text-decoration: none;
margin-right: 0px;
margin-left: 0px;
}
.artmenu a span span {
font-family: Tahoma, Arial, Helvetica, Sans-Serif;
font-size: 10px;
font-style: normal;
font-weight: bold;
text-decoration: none;
text-transform: uppercase;
color: #F4FAEB;
padding: 0 22px;
margin: 0 0px;
line-height: 40px;
text-align: center;
background-image: url('../images/item-center.png');
background-position: left top;
background-repeat: repeat-x;
}
.artmenu a:hover span span {
color: #FFFFFF;
background-position: left -40px;
}
.artmenu li:hover a span span {
color: #FFFFFF;
background-position: left -40px;
}
.artmenu a.active span span {
color: #38FF49;
background-position: left -80px;
}
/* end MenuItem */
/* begin MenuSeparator */
.nav .separator {
display: block;
width: 2px;
height: 40px;
background-image: url('../images/item-separator.png');
}
/* end MenuSeparator */
/* begin MenuSubItem */
.artmenu ul a {
display: block;
text-align: center;
white-space: nowrap;
height: 20px;
width: 167px;
overflow: hidden;
line-height: 20px;
margin-right: auto;
background-image: url('../images/subitem-bg.png');
background-position: left top;
background-repeat: repeat-x;
border-width: 0px;
border-style: solid;
border-color: {
PassiveBorderColor
}
;
}
.nav ul.artmenu ul span,
.nav ul.artmenu ul span span {
display: inline;
float: none;
margin: inherit;
padding: inherit;
background-image: none;
text-align: inherit;
text-decoration: inherit;
}
.artmenu ul a,
.artmenu ul a:link,
.artmenu ul a:visited,
.artmenu ul a:hover,
.artmenu ul a:active,
.nav ul.artmenu ul span,
.nav ul.artmenu ul span span {
text-align: left;
text-indent: 12px;
text-decoration: none;
line-height: 20px;
color: #000000;
font-family: Tahoma, Arial, Helvetica, Sans-Serif;
font-size: 10px;
font-style: normal;
font-weight: bold;
text-decoration: none;
}
.artmenu ul ul a {
margin-left: auto;
}
.artmenu ul li a:hover {
color: #000000;
border-color: {
HoveredBorderColor
}
;
background-position: 0 -20px;
}
.artmenu ul li:hover>a {
color: #000000;
border-color: {
HoveredBorderColor
}
;
background-position: 0 -20px;
}
.nav .artmenu ul li a:hover span,
.nav .artmenu ul li a:hover span span {
color: #000000;
}
.nav .artmenu ul li:hover>a span,
.nav .artmenu ul li:hover>a span span {
color: #000000;
}
/* end MenuSubItem */
/* begin ContentLayout */
.contentLayout {
margin-bottom: 0px;
width: 962px;
position: relative;
}
/* end ContentLayout */
/* begin Box, Block */
.Block {
overflow: hidden;
min-width: 35px;
min-height: 35px;
margin: 0 auto;
position: relative;
z-index: 0;
}
.Block-body {
position: relative;
z-index: 0;
margin: 5px;
}
.Block-tl {
position: absolute;
overflow: hidden;
z-index: -1;
top: 0;
left: 0;
width: 23px;
height: 23px;
background-image: url('../images/Block-s.png');
}
.Block-tr {
position: absolute;
overflow: hidden;
z-index: -1;
top: 0;
right: 0;
width: 23px;
height: 23px;
}
.Block-tr div {
position: absolute;
z-index: -1;
top: 0px;
left: -23px;
width: 46px;
height: 46px;
background-image: url('../images/Block-s.png');
}
.Block-bl {
position: absolute;
overflow: hidden;
z-index: -1;
bottom: 0;
left: 0;
width: 23px;
height: 23px;
}
.Block-bl div {
position: absolute;
z-index: -1;
top: -23px;
left: 0;
width: 46px;
height: 46px;
background-image: url('../images/Block-s.png');
}
.Block-br {
position: absolute;
overflow: hidden;
z-index: -1;
bottom: 0;
right: 0;
width: 23px;
height: 23px;
}
.Block-br div {
position: absolute;
z-index: -1;
top: -23px;
left: -23px;
width: 46px;
height: 46px;
background-image: url('../images/Block-s.png');
}
.Block-tc {
position: absolute;
overflow: hidden;
z-index: -1;
top: 0;
left: 23px;
right: 23px;
height: 23px;
}
.Block-tc div {
position: absolute;
z-index: -1;
top: 0;
left: 0;
width: 100%;
height: 46px;
background-image: url('../images/Block-h.png');
}
.Block-bc {
position: absolute;
overflow: hidden;
z-index: -1;
bottom: 0;
left: 23px;
right: 23px;
height: 23px;
}
.Block-bc div {
position: absolute;
z-index: -1;
top: -23px;
left: 0;
width: 100%;
height: 46px;
background-image: url('../images/Block-h.png');
}
.Block-cl {
position: absolute;
overflow: hidden;
z-index: -1;
top: 23px;
left: 0;
width: 23px;
bottom: 23px;
}
.Block-cl div {
position: absolute;
z-index: -1;
top: 0;
left: 0;
width: 46px;
height: 100%;
background-image: url('../images/Block-v.png');
}
.Block-cr {
position: absolute;
overflow: hidden;
z-index: -1;
top: 23px;
right: 0;
width: 23px;
bottom: 23px;
}
.Block-cr div {
position: absolute;
z-index: -1;
top: 0;
left: -23px;
width: 46px;
height: 100%;
background-image: url('../images/Block-v.png');
}
.Block-cc {
position: absolute;
overflow: hidden;
z-index: -2;
top: 23px;
left: 23px;
right: 23px;
bottom: 23px;
background-image: url('../images/Block-c.png');
}
.Block {
margin: 10px;
}
/* end Box, Block */
/* begin BlockHeader */
.BlockHeader {
position: relative;
overflow: hidden;
height: 30px;
z-index: 0;
line-height: 30px;
padding: 0 7px;
margin-bottom: 0px;
}
.BlockHeader-text {
white-space: nowrap;
color: #000000;
//font-family: Tahoma, Arial, Helvetica, Sans-Serif;
font: Arial;
font-size: 13px;
font-variant: small-caps;
line-height: 30px;
font-weight: 600;
}
.BlockHeader .l,
.BlockHeader .r,
.BlockHeader .r div {
top: 0;
position: absolute;
z-index: -1;
overflow: hidden;
height: 30px;
}
.BlockHeader .l {
left: 0;
right: 10px;
}
.BlockHeader .r {
right: 0;
width: 10px;
}
.BlockHeader .r div {
width: 962px;
right: 0;
}
.BlockHeader .l,
.BlockHeader .r div {
background-position: left top;
background-repeat: no-repeat;
background-image: url('../images/BlockHeader.png');
}
.header-tag-icon {
display: inline-block;
background-position: left top;
background-image: url('../images/BlockHeaderIcon.png');
padding: 0 0 0 22px;
background-repeat: no-repeat;
min-height: 19px;
margin: 0 0 0 0px;
}
/* end BlockHeader */
/* begin Box, BlockContent */
.BlockContent {
overflow: hidden;
min-width: 21px;
min-height: 21px;
margin: 0 auto;
position: relative;
z-index: 0;
}
.BlockContent-body {
position: relative;
z-index: 0;
margin: 7px;
}
.BlockContent-tl {
position: absolute;
overflow: hidden;
z-index: -1;
top: 0;
left: 0;
width: 10px;
height: 10px;
background-image: url('../images/BlockContent-s.png');
}
.BlockContent-tr {
position: absolute;
overflow: hidden;
z-index: -1;
top: 0;
right: 0;
width: 10px;
height: 10px;
}
.BlockContent-tr div {
position: absolute;
z-index: -1;
top: 0px;
left: -10px;
width: 20px;
height: 20px;
background-image: url('../images/BlockContent-s.png');
}
.BlockContent-bl {
position: absolute;
overflow: hidden;
z-index: -1;
bottom: 0;
left: 0;
width: 10px;
height: 10px;
}
.BlockContent-bl div {
position: absolute;
z-index: -1;
top: -10px;
left: 0;
width: 20px;
height: 20px;
background-image: url('../images/BlockContent-s.png');
}
.BlockContent-br {
position: absolute;
overflow: hidden;
z-index: -1;
bottom: 0;
right: 0;
width: 10px;
height: 10px;
}
.BlockContent-br div {
position: absolute;
z-index: -1;
top: -10px;
left: -10px;
width: 20px;
height: 20px;
background-image: url('../images/BlockContent-s.png');
}
.BlockContent-tc {
position: absolute;
overflow: hidden;
z-index: -1;
top: 0;
left: 10px;
right: 10px;
height: 10px;
}
.BlockContent-tc div {
position: absolute;
z-index: -1;
top: 0;
left: 0;
width: 100%;
height: 20px;
background-image: url('../images/BlockContent-h.png');
}
.BlockContent-bc {
position: absolute;
overflow: hidden;
z-index: -1;
bottom: 0;
left: 10px;
right: 10px;
height: 10px;
}
.BlockContent-bc div {
position: absolute;
z-index: -1;
top: -10px;
left: 0;
width: 100%;
height: 20px;
background-image: url('../images/BlockContent-h.png');
}
.BlockContent-cl {
position: absolute;
overflow: hidden;
z-index: -1;
top: 10px;
left: 0;
width: 10px;
bottom: 10px;
}
.BlockContent-cl div {
position: absolute;
z-index: -1;
top: 0;
left: 0;
width: 20px;
height: 100%;
background-image: url('../images/BlockContent-v.png');
}
.BlockContent-cr {
position: absolute;
overflow: hidden;
z-index: -1;
top: 10px;
right: 0;
width: 10px;
bottom: 10px;
}
.BlockContent-cr div {
position: absolute;
z-index: -1;
top: 0;
left: -10px;
width: 20px;
height: 100%;
background-image: url('../images/BlockContent-v.png');
}
.BlockContent-cc {
position: absolute;
overflow: hidden;
z-index: -2;
top: 10px;
left: 10px;
right: 10px;
bottom: 10px;
background-image: url('../images/BlockContent-c.png');
}
.BlockContent-body {
color: #B7DD7E;
font-family: Tahoma, Arial, Helvetica, Sans-Serif;
font-size: 11px;
}
.BlockContent-body a:link {
color: #78A92D;
font-family: Tahoma, Arial, Helvetica, Sans-Serif;
text-decoration: none;
}
.BlockContent-body a:visited,
.BlockContent-body a.visited {
color: #D6FFDA;
font-family: Tahoma, Arial, Helvetica, Sans-Serif;
text-decoration: none;
}
.BlockContent-body a:hover,
.BlockContent-body a.hover {
color: #D6ECB6;
font-family: Tahoma, Arial, Helvetica, Sans-Serif;
text-decoration: underline;
}
.BlockContent-body ul {
list-style-type: none;
color: #56AEE1;
margin: 0;
padding: 0;
}
.BlockContent-body li {
font-family: Tahoma, Arial, Helvetica, Sans-Serif;
font-size: 11px;
}
.BlockContent-body ul li {
padding: 0px 0 0px 16px;
background-image: url('../images/BlockContentBullets.png');
background-repeat: no-repeat;
margin: 0.5em 0 0.5em 0;
line-height: 1.2em;
}
/* end Box, BlockContent */
/* begin Box, Post */
.Post {
overflow: hidden;
min-width: 1px;
min-height: 1px;
margin: 0 auto;
position: relative;
z-index: 0;
}
.Post-body {
position: relative;
z-index: 0;
margin: 7px;
}
.Post {
margin: 7px;
}
/* Start images */
a img {
border: 0;
}
.article img,
img.article {
border-style: solid;
border-width: 0px;
border-color: #007A0A;
margin: 1em;
}
.metadata-icons img {
border: none;
vertical-align: middle;
margin: 2px;
}
/* Finish images */
/* Start tables */
.article table,
table.article {
border-collapse: collapse;
margin: 1px;
width: auto;
}
.article table,
table.article .article tr,
.article th,
.article td {
background-color: Transparent;
}
.article th,
.article td {
padding: 2px;
border: solid 0px #00FA15;
vertical-align: top;
text-align: left;
}
.article th {
text-align: center;
vertical-align: middle;
padding: 7px;
}
/* Finish tables */
/* end Box, Post */
/* begin PostHeaderIcon */
.PostHeaderIcon-wrapper {
text-decoration: none;
margin: 0.2em 0;
padding: 0;
font-weight: normal;
font-style: normal;
letter-spacing: normal;
word-spacing: normal;
font-variant: normal;
text-decoration: none;
font-variant: normal;
text-transform: none;
text-align: left;
text-indent: 0;
line-height: inherit;
font-family: Arial, Helvetica, Sans-Serif;
font-size: 22px;
text-align: left;
color: #94E042;
}
.PostHeaderIcon-wrapper,
.PostHeaderIcon-wrapper a,
.PostHeaderIcon-wrapper a:link,
.PostHeaderIcon-wrapper a:visited,
.PostHeaderIcon-wrapper a:hover {
font-family: Arial, Helvetica, Sans-Serif;
font-size: 22px;
text-align: left;
color: #94E042;
}
.PostHeaderIcon-wrapper img {
border: none;
vertical-align: middle;
margin: 0;
}
/* end PostHeaderIcon */
/* begin PostHeader */
.PostHeader a:link {
font-family: Arial, Helvetica, Sans-Serif;
text-decoration: none;
font-variant: small-caps;
color: #D4EBB2;
}
.PostHeader a:visited,
.PostHeader a.visited {
font-family: Arial, Helvetica, Sans-Serif;
text-decoration: none;
font-variant: small-caps;
color: #9EFFA6;
}
.PostHeader a:hover,
.PostHeader a.hovered {
font-family: Arial, Helvetica, Sans-Serif;
text-decoration: none;
font-variant: small-caps;
color: #E4F2CF;
}
/* end PostHeader */
/* begin PostContent */
/* Content Text Font & Color (Default) */
body {
font-family: Tahoma, Arial, Helvetica, Sans-Serif;
font-size: 11px;
font-style: normal;
font-weight: normal;
color: #ADD8F0;
}
.PostContent {
font-family: Tahoma, Arial, Helvetica, Sans-Serif;
font-style: normal;
font-weight: normal;
text-align: justify;
color: #ADD8F0;
}
/* Start Content link style */
/*
The right order of link pseudo-classes: Link-Visited-Hover-Focus-Active.
http://www.w3schools.com/CSS/css_pseudo_classes.asp
http://meyerweb.com/eric/thoughts/2007/06/11/who-ordered-the-link-states/
*/
a {
font-family: Tahoma, Arial, Helvetica, Sans-Serif;
text-decoration: underline;
color: #B7DD7E;
}
/* Adds special style to an unvisited link. */
a:link {
font-family: Tahoma, Arial, Helvetica, Sans-Serif;
text-decoration: underline;
color: #B7DD7E;
}
/* Adds special style to a visited link. */
a:visited,
a.visited {
font-family: Tahoma, Arial, Helvetica, Sans-Serif;
text-decoration: none;
color: #5CFF69;
}
/* :hover - adds special style to an element when you mouse over it. */
a:hover,
a.hover {
font-family: Tahoma, Arial, Helvetica, Sans-Serif;
text-decoration: none;
color: #E4F2CF;
}
/* Finish Content link style */
/* Resert some headings default style & links default style for links in headings*/
h1,
h2,
h3,
h4,
h5,
h6,
h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a h1 a:hover,
h2 a:hover,
h3 a:hover,
h4 a:hover,
h5 a:hover,
h6 a:hover h1 a:visited,
h2 a:visited,
h3 a:visited,
h4 a:visited,
h5 a:visited,
h6 a:visited {
font-weight: normal;
font-style: normal;
text-decoration: none;
}
/* Start Content headings Fonts & Colors */
h1,
h1 a,
h1 a:link,
h1 a:visited,
h1 a:hover {
font-family: Arial, Helvetica, Sans-Serif;
font-size: 27px;
color: #B7DD7E;
}
h2,
h2 a,
h2 a:link,
h2 a:visited,
h2 a:hover {
font-family: Arial, Helvetica, Sans-Serif;
font-size: 25px;
color: #B7DD7E;
}
h3,
h3 a,
h3 a:link,
h3 a:visited,
h3 a:hover {
font-family: Arial, Helvetica, Sans-Serif;
font-size: 16px;
color: #FFFFFF;
}
h4,
h4 a {
font-family: Arial, Helvetica, Sans-Serif;
font-size: 14px;
color: #FFFFFF;
}
h4 a:link,
h4 a:visited,
h4 a:hover {
color: #00FF00;
}
h5,
h5 a,
h5 a:link,
h5 a:visited,
h5 a:hover {
font-family: Arial, Helvetica, Sans-Serif;
font-size: 13px;
color: #D4EBB2;
}
h6,
h6 a,
h6 a:link,
h6 a:visited,
h6 a:hover {
font-family: Arial, Helvetica, Sans-Serif;
font-size: 11px;
color: #D4EBB2;
}
/* Finish Content headings Fonts & Colors */
/* end PostContent */
/* begin PostBullets */
/* Start Content list */
ul {
list-style-type: none;
color: #ADD8F0;
margin: 0;
padding: 0;
}
li {
font-family: Tahoma, Arial, Helvetica, Sans-Serif;
font-size: 11px;
}
.Post ul li {
padding: 0px 0 0px 19px;
background-image: url('../images/PostBullets.png');
background-repeat: no-repeat;
margin: 0.5em 0 0.5em 0;
line-height: 1.2em;
}
/* Finish Content list */
/* end PostBullets */
/* begin PostQuote */
/* Start blockquote */
blockquote p {
color: #040F16;
font-family: Tahoma, Arial, Helvetica, Sans-Serif;
}
blockquote {
border-color: #24FF36;
border-width: 0px;
border-style: solid;
margin: 10px 10px 10px 50px;
padding: 5px 5px 5px 28px;
background-color: #CBE6A2;
background-image: url('../images/PostQuote.png');
background-position: left top;
background-repeat: no-repeat;
}
/* Finish blockuote */
/* end PostQuote */
/* begin Button */
button.Button,
a.Button {
position: relative;
display: inline-block;
width: auto;
outline: none;
border: none;
background: none;
line-height: 32px;
margin: 0;
padding: 0;
overflow: visible;
cursor: default;
text-decoration: none !important;
}
/*This HACK needed for ie7 (button position)*/
*:first-child+html button.Button,
*:first-child+html a.Button {
display: list-item;
list-style-type: none;
float: left;
}
.Button .btn {
position: relative;
overflow: hidden;
display: block;
width: auto;
z-index: 0;
height: 32px;
color: #EFF8E3;
white-space: nowrap;
float: left;
}
.Button .t {
height: 32px;
white-space: normal;
padding: 0 21px;
font-family: Tahoma, Arial, Helvetica, Sans-Serif;
font-size: 10px;
font-style: normal;
font-weight: bold;
text-transform: uppercase;
text-align: left;
line-height: 32px;
text-decoration: none !important;
}
input,
select {
font-family: Tahoma, Arial, Helvetica, Sans-Serif;
font-size: 10px;
font-style: normal;
font-weight: bold;
text-transform: uppercase;
}
.Button .active {
color: #E5FFE8;
}
.Button .hover,
a.Button:hover {
color: #CBE6F6;
text-decoration: none !important;
}
.Button .active .r {
top: -64px;
}
.Button .hover .r {
top: -32px;
}
.Button .r {
display: block;
position: absolute;
overflow: hidden;
z-index: -1;
top: 0;
right: 0;
width: 13px;
height: 96px;
}
.Button .r span {
display: block;
position: absolute;
overflow: hidden;
z-index: -1;
top: 0;
right: 0;
width: 415px;
height: 96px;
}
.Button .active .l {
top: -64px;
}
.Button .hover .l {
top: -32px;
}
.Button .l {
display: block;
position: absolute;
overflow: hidden;
z-index: -1;
top: 0;
left: 0;
right: 13px;
height: 96px;
}
.Button .l,
.Button .r span {
background-image: url('../images/Button.png');
}
/* end Button */
/* begin Footer */
.Footer {
position: relative;
z-index: 0;
overflow: hidden;
width: 962px;
margin: 5px auto 0px auto;
}
.Footer .Footer-inner {
height: 1%;
position: relative;
z-index: 0;
padding: 20px;
text-align: center;
}
.Footer .Footer-background {
position: absolute;
z-index: -1;
background-repeat: no-repeat;
background-image: url('../images/Footer.png');
width: 962px;
height: 100px;
bottom: 0;
left: 0;
}
.rss-tag-icon {
position: relative;
display: block;
float: left;
background-image: url('../images/livemarks.png');
background-position: center right;
background-repeat: no-repeat;
margin: 0 5px 0 0;
height: 32px;
width: 24px;
}
.Footer .Footer-text p {
margin: 0;
}
.Footer .Footer-text {
display: inline-block;
color: #C9E59E;
font-family: Tahoma, Arial, Helvetica, Sans-Serif;
font-size: 10px;
}
.Footer .Footer-text a:link {
text-decoration: none;
color: #B0DA72;
font-family: Tahoma, Arial, Helvetica, Sans-Serif;
text-decoration: none;
}
.Footer .Footer-text a:visited {
text-decoration: none;
color: #4CFF5B;
font-family: Tahoma, Arial, Helvetica, Sans-Serif;
text-decoration: none;
}
.Footer .Footer-text a:hover {
text-decoration: none;
color: #DDEFC3;
font-family: Tahoma, Arial, Helvetica, Sans-Serif;
text-decoration: underline;
}
/* end Footer */
/* begin PageFooter */
.page-footer,
.page-footer a,
.page-footer a:link,
.page-footer a:visited,
.page-footer a:hover {
font-family: Arial;
font-size: 10px;
letter-spacing: normal;
word-spacing: normal;
font-style: normal;
font-weight: normal;
text-decoration: underline;
color: #00A30E;
}
.page-footer {
margin: 1em;
text-align: center;
text-decoration: none;
color: #4DAAE0;
}
/* end PageFooter */
/* begin LayoutCell */
.contentLayout .sidebar1 {
position: relative;
margin: 0;
padding: 0;
border: 0;
float: left;
overflow: hidden;
width: 192px;
}
/* end LayoutCell */
/* begin LayoutCell */
.contentLayout .content {
position: relative;
margin: 0;
padding: 0;
border: 0;
float: left;
overflow: hidden;
width: 577px;
}
/* end LayoutCell */
/* begin LayoutCell */
.contentLayout .sidebar2 {
position: relative;
margin: 0;
padding: 0;
border: 0;
float: left;
overflow: hidden;
width: 192px;
}
/* end LayoutCell */
.contentLayout li {
float: none;
}
table.moduletable th {
font-size: 140%;
padding: .5em 0em;
}
#footer {
text-align: center;
}
.breadcrumbs {
display: block;
padding: .7em 0em;
}
.contentpaneopen span.small,
.contentpaneopen td.createdate,
.contentpaneopen td.modifydate {
font-size: 75%;
padding-bottom: 1em;
}
.article_column {
padding-right: .2em;
}
.column_separator {
padding-left: .4em;
}
.pagination span {
padding: 2px;
}
.pagination a {
padding: 2px;
}
div.offline {
background: #fffebb;
width: 100%;
position: absolute;
top: 0;
left: 0;
font-size: 1.2em;
padding: 5px;
}
span.pathway {
display: block;
margin: 0 20px;
height: 16px;
line-height: 16px;
overflow: hidden;
}
/* headers */
table.moduletable th,
legend {
margin: 0;
font-weight: bold;
font-family: Helvetica, Arial, sans-serif;
font-size: 1.5em;
padding-left: 0px;
margin-bottom: 10px;
text-align: left;
}
/* form validation */
.invalid {
border-color: #ff0000;
}
label.invalid {
color: #ff0000;
}
/** overlib **/
.ol-foreground {
background-color: #f6f6f6;
}
.ol-background {
background-color: #666;
}
.ol-textfont {
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
}
.ol-captionfont {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #f6f6f6;
font-weight: bold;
}
.ol-captionfont a {
color: #0B55C4;
text-decoration: none;
font-size: 12px;
}
/* spacers */
span.article_separator {
display: none;
}
.article_column {
padding-right: 5px;
}
.column_separator {
border-left: 1px dashed #e0e0e0;
padding-left: 10px;
}
td.buttonheading img {
border: none;
}
.clr {
clear: both;
}
td.greyline {
width: 20px;
background: url(http://lzs.mechnice.pl/images/mw_line_grey.png) 50% 0 repeat-y;
}
div#maindivider {
border-top: 1px solid #ddd;
margin-bottom: 10px;
overflow: hidden;
height: 1px;
}
table.blog span.article_separator {
display: none;
}
/* edit button */
.contentpaneopen_edit {
float: left;
}
/* table of contents */
table.contenttoc {
margin: 5px;
border: 1px solid #ccc;
padding: 5px;
float: right;
}
table.contenttoc td {
padding: 0 5px;
}
/* content tables */
td.sectiontableheader {
background: white;
color: #333;
font-weight: bold;
padding: 4px;
border-right: 1px solid #fff;
}
tr.sectiontableentry0 td,
tr.sectiontableentry1 td,
tr.sectiontableentry2 td {
/*padding: 4px;*/
}
td.sectiontableentry0,
td.sectiontableentry1,
td.sectiontableentry2 {
/*padding: 3px;*/
}
/* content styles */
table.contentpaneopen,
table.contentpane {
margin: 0;
padding: 0;
width: auto;
}
table.contentpaneopen li {
margin-bottom: 5px;
}
table.contentpaneopen fieldset {
border: 0;
border-top: 1px solid #ddd;
}
table.contentpaneopen h3 {
margin-top: 25px;
}
table.contentpaneopen h4 {
font-family: Arial, Helvetica, sans-serif;
color: #333;
}
.highlight {
background-color: #fffebb;
}
/* module control elements */
table.user1user2 div.moduletable {
margin-bottom: 0px;
}
div.moduletable,
div.module {
margin-bottom: 25px;
}
div.module_menu h3 {
font-family: Helvetica, Arial, sans-serif;
font-size: 12px;
font-weight: bold;
color: #eee;
margin: -23px -4px 5px -5px;
padding-left: 10px;
padding-bottom: 2px;
}
div.module_menu {
margin: 0;
padding: 0;
margin-bottom: 15px;
}
div.module_menu div div div {
padding: 10px;
padding-top: 30px;
padding-bottom: 15px;
width: auto;
}
div.module_menu div div div div {
background: none;
padding: 0;
}
div.module_menu ul {
margin: 10px 0;
padding-left: 20px;
}
div.module_menu ul li a:link,
div.module_menu ul li a:visited {
font-weight: bold;
}
#leftcolumn div.module {
padding: 0 10px;
}
#leftcolumn div.module table {
width: auto;
}
/* forms */
tabul {
visibility: visible;
top: 100%;
}
.artmenu li li:hoverle.adminform textarea {
width: 540px;
height: 400px;
font-size: 1em;
color: #000099;
}
div.search input {
width: 145px;
border: 1px solid #ccc;
margin: 15px 0 10px 0;
}
form#form-login {
text-align: left;
}
form#form-login fieldset {
border: 0 none;
margin: 0;
padding: 0.2em;
}
form#form-login ul {
list-style-type: none;
margin: 0;
padding: 0;
}
form#form-login ul li {
background-image: none;
padding: 0;
}
#modlgn_username,
#modlgn_passwd {
width: 90%;
}
#form-login-username,
#form-login-password,
#form-login-remember {
display: block;
margin: 0;
}
form#com-form-login {
text-align: left;
}
form#com-form-login fieldset {
border: 0 none;
margin: 0;
padding: 0.2em;
}
form#com-form-login ul {
list-style-type: none;
margin: 0;
padding: 0;
}
form#com-form-login ul li {
background-image: none;
padding: 0;
}
/* thumbnails */
div.mosimage {
margin: 5px;
}
div.mosimage_caption {
font-size: .90em;
color: #666;
}
div.caption {
padding: 0 10px 0 10px;
}
div.caption img {
border: 1px solid #CCC;
}
div.caption p {
font-size: .90em;
color: #666;
text-align: center;
}
/* Parameter Table */
table.paramlist {
margin-top: 5px;
}
table.paramlist td.paramlist_key {
width: 128px;
text-align: left;
height: 30px;
}
div.message {
font-weight: bold;
font-size: 14px;
color: #c30;
text-align: center;
width: auto;
background-color: #f9f9f9;
border: solid 1px #d5d5d5;
margin: 3px 0px 10px;
padding: 3px 20px;
}
/* Banners module */
/* Default skyscraper style */
.banneritem img {
display: block;
margin-left: auto;
margin-right: auto;
}
/* Text advert style */
.banneritem_text {
padding: 4px;
font-size: 11px;
}
.bannerfooter_text {
padding: 4px;
font-size: 11px;
background-color: #f7f7f7;
text-align: right;
}
/* System Messages */
/* see system general.css */
.pagination span {
padding: 2px;
}
.pagination a {
padding: 2px;
}
/* Polls */
.pollstableborder {
margin-top: 8px;
}
.pollstableborder td {
text-align: left;
}
/* WebLinks */
span.description {
display: block;
padding-left: 30px;
}
/* Frontend Editing*/
fieldset {
border: 1px solid #ccc;
margin-top: 15px;
padding: 15px;
}
legend {
margin: 0;
padding: 0 10px;
}
td.key {
border-bottom: 1px solid #eee;
color: #666;
}
/* Tooltips */
.tool-tip {
float: left;
background: #ffc;
border: 1px solid #d4d5aa;
padding: 5px;
max-width: 200px;
}
.tool-title {
padding: 0;
margin: 0;
font-size: 100%;
font-weight: bold;
margin-top: -15px;
padding-top: 15px;
padding-bottom: 5px;
background: url(http://lzs.mechnice.pl/images/selector-arrow.png) no-repeat;
}
.tool-text {
font-size: 100%;
margin: 0;
}
/* System Standard Messages */
#system-message {
margin-bottom: 20px;
}
#system-message dd.message ul {
background: #c3d2e5 url(http://lzs.mechnice.pl/images/notice-info.png) 4px center no-repeat;
border-top: 3px solid #de7a7b;
border-bottom: 3px solid #de7a7b;
margin: 0px;
padding-left: 40px;
text-indent: 0px;
}
/* System Error Messages */
#system-message dd.error ul {
color: #c00;
background: #e6c0c0 url(http://lzs.mechnice.pl/images/notice-alert.png) 4px center no-repeat;
border-top: 3px solid #DE7A7B;
border-bottom: 3px solid #DE7A7B;
margin: 0px;
padding-left: 40px;
text-indent: 0px;
}
/* System Notice Messages */
#system-message dd.notice ul {
color: #c00;
background: #efe7b8 url(http://lzs.mechnice.pl/images/notice-note.png) 4px center no-repeat;
border-top: 3px solid #f0dc7e;
border-bottom: 3px solid #f0dc7e;
margin: 0px;
padding-left: 40px;
text-indent: 0px;
}
#syndicate {
float: left;
padding-left: 25px;
}
/* Component Specific Fixes */
#component-contact table td {
padding: 2px 0;
}
.breadcrumbs img {
margin: 0px;
padding: 0px;
border: 0px;
}
.mceToolbarTop {
white-space: normal;
}
#wrapper1 {
color: #FFFFFF;
font-family: tahoma;
font-size: 14px;
margin: 200px 0 0 400px;
}
#wrapper1 a {
cursor: pointer;
font-size: 17px;
font-weight: bold;
text-decoration: underline;
}
.box {
background-color: #ffffff;
color: #888888;
height: 90%;
left: 100%;
padding: 10px;
position: fixed;
right: 30%;
top: 2%;
width: 720px;
z-index: 101;
overflow: scroll;
border: 5px solid #86BC45;
border-radius: 10px;
-moz-border-radius: 10px;
}
.overlay {
background: #000000;
bottom: 0;
left: 0;
position: fixed;
right: 0;
top: 0;
z-index: 100;
opacity: 0.5;
}
a.boxclose {
background: url("cancel.png") repeat scroll left top transparent;
cursor: pointer;
float: right;
height: 36px;
left: 2px;
position: relative;
top: -9px;
width: 36px;
}
/* ===== Mobile nav: hidden on desktop ===== */
.nav-toggle {
display: none;
}
.sub-toggle {
display: none;
}
@media (max-width: 1000px) {
/*
.artmenu li:hover>ul, .artmenu li li:hover>ul{
display: block;
margin-top: 35px;
} */
.nav .separator {
display: none;
}
/* ---------- base ---------- */
html,
body {
overflow-x: hidden;
}
img {
max-width: 100%;
height: auto;
}
.Sheet {
width: auto;
max-width: 980px;
margin: 5px 5px 0 !important;
}
/* ---------- header ---------- */
div.Header {
width: 100%;
height: 120px;
}
div.Header-png,
div.Header-jpeg {
width: 100%;
height: 120px;
background-size: cover;
background-position: center;
}
div.fb-like {
display: none;
}
/* ---------- hamburger button ---------- */
.nav-toggle {
display: flex;
align-items: center;
gap: 12px;
width: 100%;
height: 46px;
padding: 0 16px;
background: #0f3f5c;
color: #F4FAEB;
border: 0;
border-bottom: 1px solid rgba(255, 255, 255, .15);
font: bold 12px Tahoma, Arial, sans-serif;
text-transform: uppercase;
cursor: pointer;
}
.burger {
display: flex;
flex-direction: column;
gap: 4px;
}
.burger i {
display: block;
width: 22px;
height: 3px;
background: #F4FAEB;
border-radius: 2px;
transition: transform .25s, opacity .25s;
}
.nav-toggle[aria-expanded="true"] .burger i:nth-child(1) {
transform: translateY(7px) rotate(45deg);
}
.nav-toggle[aria-expanded="true"] .burger i:nth-child(2) {
opacity: 0;
}
.nav-toggle[aria-expanded="true"] .burger i:nth-child(3) {
transform: translateY(-7px) rotate(-45deg);
}
/* ---------- collapsible menu container ---------- */
.site-nav {
display: none;
}
.site-nav.open {
display: block;
}
.nav {
width: 100%;
height: auto;
margin: 0;
background: #0f3f5c;
}
.nav .l,
.nav .r {
display: none;
}
/* desktop background images */
/* ---------- top-level items (flex column) ---------- */
.artmenu {
display: flex;
flex-direction: column;
width: 100%;
padding: 0;
}
.artmenu li {
float: none;
width: 100%;
display: flex;
flex-wrap: wrap;
align-items: stretch;
border-top: 1px solid rgba(255, 255, 255, .12);
}
.artmenu li:hover {
z-index: auto;
}
.artmenu>li>a {
flex: 1 1 0;
min-width: 0;
height: auto;
}
.artmenu a span {
height: auto;
}
.artmenu a span span {
padding: 13px 16px;
line-height: 1.3;
text-align: left;
background-image: none;
font-size: 12px;
}
/* ---------- arrow button for items with dropdown ---------- */
.parent>.sub-toggle {
display: block;
flex: 0 0 52px;
background: transparent;
border: 0;
border-left: 1px solid rgba(255, 255, 255, .15);
color: #F4FAEB;
cursor: pointer;
}
.sub-toggle::before {
content: "";
display: block;
width: 8px;
height: 8px;
margin: 0 auto;
border-right: 2px solid currentColor;
border-bottom: 2px solid currentColor;
transform: rotate(45deg);
transition: transform .2s;
}
li.open>.sub-toggle::before {
transform: rotate(-135deg);
}
/* ---------- dropdowns: click instead of hover ---------- */
.artmenu ul {
position: static;
visibility: visible;
display: none;
flex: 1 1 100%;
width: 100%;
margin: 0;
padding: 0;
background: #0a2d43 none;
}
.artmenu li:hover>ul,
.artmenu li li:hover>ul {
visibility: visible;
top: auto;
left: auto;
}
/* neutralise hover rules */
.artmenu li.open>ul {
display: flex;
flex-direction: column;
}
.artmenu ul li {
border-top: 1px solid rgba(0, 0, 0, .15);
}
.nav .artmenu ul li a {
width: 100%;
height: auto;
box-sizing: border-box;
padding: 11px 16px 11px 28px;
line-height: 1.3;
text-indent: 0;
white-space: normal;
overflow: visible;
background: #CBE6A2 none;
color: #000;
}
.nav .artmenu ul li a:hover {
background: #b8d98a none;
}
/* ---------- 3 columns -> 1 column ---------- */
.contentLayout {
width: 100%;
display: flex;
flex-direction: column;
}
.contentLayout .sidebar1,
.contentLayout .content,
.contentLayout .sidebar2 {
float: none;
width: 100%;
}
.contentLayout .content {
order: 1;
}
/* news first */
.contentLayout .sidebar2 {
order: 2;
}
/* matches / results */
.contentLayout .sidebar1 {
order: 3;
}
/* tables, menu, login */
.Block {
margin: 8px 5px;
}
.PostContent {
text-align: left;
}
.PostHeaderIcon-wrapper,
.PostHeaderIcon-wrapper a {
font-size: 18px;
}
.article {
overflow-x: auto;
}
/* ---------- widgets with fixed sizes ---------- */
.fb-page {
margin-left: 0 !important;
max-width: 100%;
}
.fb-page span,
.fb-page iframe {
max-width: 100% !important;
}
.slider-wrapper,
.nivoSlider {
width: 100% !important;
height: auto !important;
}
.nivoSlider img {
max-width: 100%;
height: auto;
}
.sigplus-gallery {
max-width: 100%;
overflow: hidden;
}
/* ---------- footer ---------- */
.Footer {
width: 100%;
}
.Footer .Footer-background {
width: 100%;
background-position: center bottom;
}
/* ---------- welcome popup ---------- */
.box {
width: auto;
right: auto;
max-width: calc(100vw - 20px);
box-sizing: border-box;
}
.box img {
max-width: 100%;
height: auto;
}
}
/* ===== sigplus gallery: remove extra spacing ===== */
.Post .sigplus-gallery ul li,
.sigplus-gallery ul li {
padding: 0 !important;
margin: 0 !important;
background: none !important;
line-height: normal;
}
.article .sigplus-gallery img,
.sigplus-gallery img {
margin: 0 !important;
}
.sigplus-gallery {
margin: 4px auto !important;
}
/* empty tags in articles */
.article p:empty {
display: none !important;
margin: 0 !important;
}
/* ===== sigplus gallery: remove extra spacing ===== */
.Post .sigplus-gallery ul li,
.sigplus-gallery ul li {
padding: 0 !important;
margin: 0 !important;
background: none !important;
line-height: normal;
}
.article .sigplus-gallery img,
.sigplus-gallery img {
margin: 0 !important;
}
.sigplus-gallery {
margin: 4px auto !important;
}
/* empty tags in articles */
.article p:empty {
display: none !important;
margin: 0 !important;
}