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, tbody, tfoot, thead, tr, th, td,
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;
font-size: 100%;
font: inherit;
vertical-align: baseline;
}
body {
line-height: 1;
}
ol, ul {
list-style: none;
}
q, blockquote {
quotes: none;
}
q:before, q:after, blockquote:before, blockquote:after {
content: "";
content: none;
}
a img {
border: none;
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary {
display: block;
}
.lytebox {
align: right;
vertical-align: top;
}
/* ----------------------------------------------- table --------------------------- */
.table {
border-collapse: collapse;
border-spacing: 0;
margin-top:auto;
margin-bottom:auto;
border:this solid black;
background: rgba(77, 77, 77, 0.4);
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
-ms-border-radius: 2px;
-o-border-radius: 2px;
border-radius: 2px;
-webkit-box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.1), inset 0 1px 2px 1px black;
-moz-box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.1), inset 0 1px 2px 1px black;
box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.1), inset 0 1px 2px 1px black;
}
.td-left {
text-align: left;
font-weight: normal;
vertical-align: top;
}
.td-right {
align: right;
font-weight: normal;
padding-right: 5px;
margin-top:auto;
margin-bottom:auto;
}
.td-vmiddle-right {
align: right;
font-weight: normal;
vertical-align: middle;
}
.td-vmiddle-middle {
margin-left:auto;
margin-right:auto;
font-weight: normal;
vertical-align: middle;
padding-right: 13px;
padding-top: 0px;
}
.td-vmiddle-middle2 {
margin-left:auto;
margin-right:auto;
font-weight: normal;
vertical-align: middle;
}
.td-vbottom-middle {
margin-left:auto;
margin-right:auto;
font-weight: normal;
vertical-align: bottom;
}
.td-vmiddle-left {
font-weight: normal;
vertical-align: middle;
padding-right: 10px;
}
/* ----------------------------------------------- page --------------------------- */
#page {
position: relative;
margin: 0 auto;
width: 1200px;
}
/* ----------------------------------------------- layout --------------------------- */
#right_column {
margin: 0 5px 10px 230px;
float:;
}
#sidebar {
top: 20px;
left: 40px;
width: 200px;
float:left;
}
#top {
}
#content {
}
#down {
bottom:0;
right:50%;
margin-right:10px;
}
/* ----------------------------------------------- Typography --------------------------------------*/
body {
background: #333333 url(../images/bg-checker.png);
}
body, input, textarea {
color: white;
text-shadow: 0 -1px 0 black;
font-size: 16px;
line-height: 1.625em;
font-family: "Open Sans", "lucida grande", tahoma, sans-serif;
font-weight: 600;
-webkit-font-smoothing: antialiased;
}
h1 {
font-family: "OFL Sorts Mill Goudy TT", "lucida grande", tahoma, sans-serif;
font-size: 16px;
font-weight: bold;
text-transform: uppercase;
letter-spacing: 0.2em;
color: #e1e1e1;
vertical-align: top;
text-align: center;
text-shadow: 2px 2px 2px #000;
line-height: 1.5em;
}
h2 {
font-family: "OFL Sorts Mill Goudy TT", "lucida grande", tahoma, sans-serif;
font-size: 20px;
letter-spacing: 0.1em;
color: #e1e1e1;
vertical-align: top;
text-align: center;
text-shadow: 2px 2px 2px #000;
line-height: 1.5em;
}
h3 {
font-size: 12px;
font-weight: 400;
padding: 0px 0;
color: #e1e1e1;
letter-spacing: 0em;
font-family: "verdana", "lucida grande", tahoma, sans-serif;
line-height: 1.3em;
margin: 18px;
vertical-align: top;
text-align: left;
opacity: none;
}
h4 {
font-size: 12px;
font-weight: bold;
padding: 0px 0;
color: #e1e1e1;
letter-spacing: 0em;
font-family: "verdana", "lucida grande", tahoma, sans-serif;
line-height: 1.3em;
margin: 18px;
vertical-align: top;
text-align: right;
}
h5 {
font-size: 12px;
font-weight: 400;
padding: 0px 0;
color: #e1e1e1;
letter-spacing: 0em;
font-family: "verdana", "lucida grande", tahoma, sans-serif;
line-height: 1.3em;
margin: 18px;
vertical-align: top;
text-align: right;
}
/* h6 nieużywany */
h6 {
font-family: "OFL Sorts Mill Goudy TT", "lucida grande", tahoma, sans-serif;
font-size: 24px;
font-weight: bold;
text-transform: uppercase;
letter-spacing: 0.2em;
color: #e1e1e1;
vertical-align: top;
text-align: center;
text-shadow: 2px 2px 2px #000;
line-height: 1.5em;
}
h7 {
font-family: "OFL Sorts Mill Goudy TT", "lucida grande", tahoma, sans-serif;
font-size: 14px;
font-weight: bold;
text-transform: uppercase;
letter-spacing: 0.4em;
color: #e1e1e1;
vertical-align: top;
text-align: right;
}
h8 {
font-family: "OFL Sorts Mill Goudy TT", "lucida grande", tahoma, sans-serif;
font-size: 16px;
letter-spacing: 0.4em;
color: #e1e1e1;
text-align: center !important;
text-shadow: 2px 2px 2px #000;
}
h9 {
font-size: 16px;
font-weight: 400;
padding: 0px 0;
color: #e1e1e1;
letter-spacing: 0em;
font-family: "verdana", "lucida grande", tahoma, sans-serif;
line-height: 1.3em;
margin: 10px;
vertical-align: top;
text-align: left;
opacity: none;
}
h10 {
font-family: "OFL Sorts Mill Goudy TT", "lucida grande", tahoma, sans-serif;
font-size: 16px;
letter-spacing: 0.1em;
color: #e1e1e1;
text-align: center !important;
text-shadow: 2px 2px 2px #000;
}
/* --------------------------------------------------- Text elements ----------------------------- */
p {
margin: 0 0 1.25em 0;
line-height: 1.625em;
}
ul, ol {
margin: 0 0 1.25em 0;
}
dt {
font-weight: bold;
}
dd {
margin-bottom: 1.625em;
}
i {
font-style: italic;
}
pre {
background: rgba(0, 0, 0, 0.4);
color: #e7931a;
font: 14px Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
line-height: 1;
margin: 10px 0 10px 0;
overflow: auto;
padding: 1em;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
-ms-border-radius: 4px;
-o-border-radius: 4px;
border-radius: 4px;
-webkit-box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.1), inset 0 2px 3px 2px black;
-moz-box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.1), inset 0 2px 3px 2px black;
box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.1), inset 0 2px 3px 2px black;
}
code, kbd {
font: 14px OFL Sorts Mill Goudy TT, "Andale Mono", "DejaVu Sans Mono", monospace;
letter-spacing: 0.2em;
background: rgba(0, 0, 0, 0.2);
-webkit-box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.9), inset 0 2px 3px 2px #222222;
-moz-box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.9), inset 0 2px 3px 2px #222222;
box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.1), inset 0 2px 3px 2px #111111;
padding: 0.4em 0.5em 0.2em 0.6em;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
-ms-border-radius: 4px;
-o-border-radius: 4px;
border-radius: 4px;
color: #60721c;
margin: 18px;
margin-top: 10px;
}
pre code {
font-size: 18px;
background: transparent;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
padding: 0;
}
/* --------------------------------------------------------- Links ------------------------------------ */
a.green:link {
color: #88a616;
text-decoration: none;
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60);
-webkit-transition: opacity 0.2s;
-moz-transition: opacity 0.2s;
-ms-transition: opacity 0.2s;
-o-transition: opacity 0.2s;
transition: opacity 0.2s;
outline: none;
}
a.green:hover {
color: #88a616;
text-shadow: 0 0 20px #ffffff, 0 0 50px #ffffff;
outline: none;
}
a.green:visited {
color: #88a616;
text-decoration: none;
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60);
-webkit-transition: opacity 0.2s;
-moz-transition: opacity 0.2s;
-ms-transition: opacity 0.2s;
-o-transition: opacity 0.2s;
transition: opacity 0.2s;
outline: none;
}
a.grey:link {
color: #e1e1e1;
text-decoration: none;
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60);
-webkit-transition: opacity 0.2s;
-moz-transition: opacity 0.2s;
-ms-transition: opacity 0.2s;
-o-transition: opacity 0.2s;
transition: opacity 0.2s;
outline: none;
}
a.grey:hover {
color: #e1e1e1;
text-shadow: 0 0 20px #ffffff, 0 0 50px #ffffff;
outline: none;
}
a.grey:visited {
color: #e1e1e1;
text-decoration: none;
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60);
-webkit-transition: opacity 0.2s;
-moz-transition: opacity 0.2s;
-ms-transition: opacity 0.2s;
-o-transition: opacity 0.2s;
transition: opacity 0.2s;
outline: none;
}
a.grey-bold:link {
color: #e1e1e1;
text-decoration: none;
font-weight: 600;
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60);
-webkit-transition: opacity 0.2s;
-moz-transition: opacity 0.2s;
-ms-transition: opacity 0.2s;
-o-transition: opacity 0.2s;
transition: opacity 0.2s;
outline: none;
}
a.grey-bold:hover {
color: #e1e1e1;
text-shadow: 0 0 20px #ffffff, 0 0 50px #ffffff;
font-weight: 600;
outline: none;
}
a.grey-bold:visited {
color: #e1e1e1;
text-decoration: none;
font-weight: 600;
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60);
-webkit-transition: opacity 0.2s;
-moz-transition: opacity 0.2s;
-ms-transition: opacity 0.2s;
-o-transition: opacity 0.2s;
transition: opacity 0.2s;
outline: none;
}
/* ----------------------------------------------- top ----------------------------------------------- */
#top .section-top {
font-family: "OFL Sorts Mill Goudy TT", "lucida grande", tahoma, sans-serif;
font-size: 14px;
text-transform: uppercase;
letter-spacing: 0.4em;
color: #bababa;
margin-top: 20px;
margin-bottom: 10px;
padding-top: 0px;
padding-bottom: 0px;
}
/* ----------------------------------------------- sidebar ----------------------------------------------- */
#sidebar {
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
opacity: 0.7;
-webkit-transition: opacity 0.2s;
-moz-transition: opacity 0.2s;
-ms-transition: opacity 0.2s;
-o-transition: opacity 0.2s;
transition: opacity 0.2s;
}
#sidebar:hover {
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
opacity: 1;
}
#sidebar a {
color: #ffffff;
}
#sidebar .logo {
color: #ffffff;
font-family: "OFL Sorts Mill Goudy TT", "lucida grande", tahoma, sans-serif;
-webkit-transition: all 0.2s ease-out;
-moz-transition: all 0.2s ease-out;
-ms-transition: all 0.2s ease-out;
-o-transition: all 0.2s ease-out;
transition: all 0.2s ease-out;
box-shadow: 5px 5px 5px #000;
}
#sidebar .logo em {
color: #ffffff;
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=20);
opacity: 0.3;
-webkit-transition: opacity 0.2s;
-moz-transition: opacity 0.2s;
-ms-transition: opacity 0.2s;
-o-transition: opacity 0.2s;
transition: opacity 0.2s;
}
#sidebar .logo:hover {
text-shadow: 0 0 20px #ffffff, 0 0 50px #ffffff;
}
#sidebar .author {
font-weight: 300;
line-height: 0.8em;
font-size: 14px;
font-color: #88a616;
font-family: "OFL Sorts Mill Goudy TT", "lucida grande", tahoma, sans-serif;
}
#sidebar .author a {
color: #88a616 !important;
text-shadow: 0 0 10px ;
outline: none;
}
#sidebar .author a:hover {
color: #88a616 !important;
text-shadow: 0 0 10px ;
}
#nav {
list-style: none;
margin: 0em 0 1em 0;
font-size: 14px;
font-weight: 300;
text-transform: uppercase;
letter-spacing: 0.1em;
font-family: "OFL Sorts Mill Goudy TT", "lucida grande", tahoma, sans-serif;
}
#nav li {
padding: 0;
margin: 0;
}
#nav a {
display: block;
height: 1.2em;
padding: 0.3em 0.2em 0.5em 0.9em;
background: #505050;
border-top: 1px solid #88a616;
border-bottom: 1px solid rgba(0, 0, 0, 0.5);
-webkit-transition: all 0.2s ease-out;
-moz-transition: all 0.2s ease-out;
-ms-transition: all 0.2s ease-out;
-o-transition: all 0.2s ease-out;
transition: all 0.2s ease-out;
outline: none;
color: #ffffff;
text-decoration: none;
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60);
-webkit-transition: opacity 0.2s;
-moz-transition: opacity 0.2s;
-ms-transition: opacity 0.2s;
-o-transition: opacity 0.2s;
transition: opacity 0.2s;
}
#nav a:hover {
text-shadow: 0 1px 0 rgba(0, 0, 0, 0.6);
background-color: #303030;
outline: none;
}
#nav a.first {
border-bottom-color: rgba(0, 0, 0, 0.5);
-moz-border-radius-topleft: 4px;
-webkit-border-top-left-radius: 4px;
-ms-border-top-left-radius: 4px;
-o-border-top-left-radius: 4px;
border-top-left-radius: 4px;
-moz-border-radius-topright: 4px;
-webkit-border-top-right-radius: 4px;
-ms-border-top-right-radius: 4px;
-o-border-top-right-radius: 4px;
border-top-right-radius: 4px;
border-top-color: transparent;
outline: none;
color: #ffffff;
text-decoration: none;
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60);
-webkit-transition: opacity 0.2s;
-moz-transition: opacity 0.2s;
-ms-transition: opacity 0.2s;
-o-transition: opacity 0.2s;
transition: opacity 0.2s;
}
#nav a.last {
border-top-color: #88a616;
-moz-border-radius-bottomleft: 4px;
-webkit-border-bottom-left-radius: 4px;
-ms-border-bottom-left-radius: 4px;
-o-border-bottom-left-radius: 4px;
border-bottom-left-radius: 4px;
-moz-border-radius-bottomright: 4px;
-webkit-border-bottom-right-radius: 4px;
-ms-border-bottom-right-radius: 4px;
-o-border-bottom-right-radius: 4px;
border-bottom-right-radius: 4px;
outline: none;
color: #ffffff;
text-decoration: none;
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60);
-webkit-transition: opacity 0.2s;
-moz-transition: opacity 0.2s;
-ms-transition: opacity 0.2s;
-o-transition: opacity 0.2s;
transition: opacity 0.2s;
}
#nav a.expand {
border-top-color: #88a616;
width: 65%;
background: #707070;
font-size: 14px;
height: 20px;
outline: none;
margin-left: 55px;
color: #ffffff;
text-decoration: none;
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60);
-webkit-transition: opacity 0.2s;
-moz-transition: opacity 0.2s;
-ms-transition: opacity 0.2s;
-o-transition: opacity 0.2s;
transition: opacity 0.2s;
}
#nav a.expand:hover {
text-shadow: 0 1px 0 rgba(0, 0, 0, 0.6);
background-color: #303030;
outline: none;
color: #ffffff;
text-decoration: none;
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60);
-webkit-transition: opacity 0.2s;
-moz-transition: opacity 0.2s;
-ms-transition: opacity 0.2s;
-o-transition: opacity 0.2s;
transition: opacity 0.2s;
}
/* ----------------------------------------------- content ----------------------------------------------- */
.info {
width: 900px;
display: block;
padding: 10px;
background: #303030;
border: 1px solid rgba(96, 114, 28, 1);
line-height: 1.4em;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
-ms-border-radius: 4px;
-o-border-radius: 4px;
border-radius: 4px;
-webkit-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.5);
-moz-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.5);
box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.5);
-webkit-transition: all 0.2s ease-out;
-moz-transition: all 0.2s ease-out;
-ms-transition: all 0.2s ease-out;
-o-transition: all 0.2s ease-out;
transition: all 0.2s ease-out;
}
.title_link {
width: 500px;
display: block;
padding: 10px;
margin-left: auto;
margin-right: auto;
margin-bottom: auto;
margin-top: auto;
text-align: center;
background: #303030;
line-height: 1.4em;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
-ms-border-radius: 4px;
-o-border-radius: 4px;
border-radius: 4px;
-webkit-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.5);
-moz-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.5);
box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.5);
-webkit-transition: all 0.2s ease-out;
-moz-transition: all 0.2s ease-out;
-ms-transition: all 0.2s ease-out;
-o-transition: all 0.2s ease-out;
transition: all 0.2s ease-out;
}
/* ----------------------------------------------- down ----------------------------------------------- */
#down .section-down {
font-family: "OFL Sorts Mill Goudy TT", "lucida grande", tahoma, sans-serif;
font-size: 10px;
text-transform: uppercase;
letter-spacing: 0.4em;
color: #808080;
}
/* -------------------------------------------------- elsewhere ----------------------------------------- */
#elsewhere .button {
font-family: "Fredoka One", "lucida grande", tahoma, sans-serif;
font-weight: normal;
font-size: 24px;
display: block;
float: right;
margin: 20px 20px 40px 0;
padding: 10px 10px 10px 10px;
background-color: #333333;
border: 5px solid #333333;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
-ms-border-radius: 4px;
-o-border-radius: 4px;
border-radius: 4px;
-webkit-transition: all 0.2s ease-out;
-moz-transition: all 0.2s ease-out;
-ms-transition: all 0.2s ease-out;
-o-transition: all 0.2s ease-out;
transition: all 0.2s ease-out;
color: white;
}
#elsewhere .button:hover {
background-color: #444444;
border-color: #8ad459;
}
/* --------------------------------------------------- misc ----------------------------------------------- */
p.top_name {
font-size: 26px;
font-weight: 600;
line-height: 1.4em;
margin-bottom: 0;
font-family: "OFL Sorts Mill Goudy TT", "lucida grande", tahoma, sans-serif;
text-transform: uppercase;
text-color: #505050
position: relative;
left: 50%;
text-align: center;
}
p.copyrights {
font-size: 10px;
font-weight: 600;
line-height: 1.4em;
margin-bottom: 0;
font-family: "OFL Sorts Mill Goudy TT", "lucida grande", tahoma, sans-serif;
text-transform: uppercase;
text-color: #505050
text-align: right;
}
hr {
height: 6px;
width: 300px;
background: #88a616;
border: none;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
-ms-border-radius: 4px;
-o-border-radius: 4px;
border-radius: 4px;
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60);
opacity: 0.6;
-webkit-transition: opacity 0.2s;
-moz-transition: opacity 0.2s;
-ms-transition: opacity 0.2s;
-o-transition: opacity 0.2s;
transition: opacity 0.2s;
}
.section {
font-size: 12px;
font-weight: 400;
padding: 28px 0;
color: #909090;
letter-spacing: 0em;
font-family: "verdana", "lucida grande", tahoma, sans-serif;
line-height: 1.3em;
}
.section-top {
padding: 28px 0;
color: #808080;
letter-spacing: 0.2em;
font-family: "OFL Sorts Mill Goudy TT", "lucida grande", tahoma, sans-serif;
}
/* ------------------------------------------- imageRow --------------------------------- */
.imageRow {
*zoom: 1;
}
.imageRow:after {
content: "";
display: table;
clear: both;
}
.imageRow .single {
}
.imageRow .single a {
float: left;
display: block;
margin-left: auto;
margin-right: auto;
background: rgba(0, 0, 0, 0);
line-height: 1em;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
-ms-border-radius: 4px;
-o-border-radius: 4px;
border-radius: 4px;
-webkit-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.5);
-moz-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.5);
box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.5);
margin-right: 40px;
-webkit-transition: all 0.2s ease-out;
-moz-transition: all 0.2s ease-out;
-ms-transition: all 0.2s ease-out;
-o-transition: all 0.2s ease-out;
transition: all 0.2s ease-out;
outline: none;
}
.imageRow .single a img {
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
-ms-border-radius: 4px;
-o-border-radius: 4px;
border-radius: 4px;
border: 1px solid rgba(0, 0, 0, 0);
outline: none;
}
.imageRow .single a:hover {
background-color: #000000;
outline: none;
}
.imageRow .set {
display: block;
margin-left: auto;
margin-right: auto;
background: rgba(255, 255, 255, 0);
padding:12px;
line-height: 2.5;
outline: none;
}
.imageRow .set:hover {
background: rgba(255, 255, 255, 0);
}
.imageRow .set .single a {
background: rgba(255, 255, 255, 0.05);
-webkit-border-radius: 0;
-moz-border-radius: 0;
-ms-border-radius: 0;
-o-border-radius: 0;
border-radius: 0;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
margin: 5px auto;
padding: 7px;
outline: none;
}
.imageRow .set .single a:hover {
background: rgba(33, 33, 33, 0.3);
-webkit-box-shadow: 0 -1px 0 0 rgba(255, 255, 255, 0.2), 0 1px 4px 0 rgba(0, 0, 0, 0.5);
-moz-box-shadow: 0 -1px 0 0 rgba(255, 255, 255, 0.2), 0 1px 4px 0 rgba(0, 0, 0, 0.5);
box-shadow: 0 -1px 0 0 rgba(255, 255, 255, 0.2), 0 1px 4px 0 rgba(0, 0, 0, 0.5);
outline: none;
}
.imageRow .set .single.first a {
-moz-border-radius-topleft: 4px;
-webkit-border-top-left-radius: 4px;
-ms-border-top-left-radius: 4px;
-o-border-top-left-radius: 4px;
border-top-left-radius: 4px;
-moz-border-radius-bottomleft: 4px;
-webkit-border-bottom-left-radius: 4px;
-ms-border-bottom-left-radius: 4px;
-o-border-bottom-left-radius: 4px;
border-bottom-left-radius: 4px;
outline: none;
}
.imageRow .set .single.last a {
-moz-border-radius-topright: 4px;
-webkit-border-top-right-radius: 4px;
-ms-border-top-right-radius: 4px;
-o-border-top-right-radius: 4px;
border-top-right-radius: 4px;
-moz-border-radius-bottomright: 4px;
-webkit-border-bottom-right-radius: 4px;
-ms-border-bottom-right-radius: 4px;
-o-border-bottom-right-radius: 4px;
border-bottom-right-radius: 4px;
outline: none;
}
/* ------------------------------------------- imageRowMiddle --------------------------------- */
.imageRowMiddle {
*zoom: 1;
margin: 10px 10px;
}
.imageRowMiddle:after {
content: "";
display: table;
clear: both;
}
.imageRowMiddle .single {
display:block;
margin:10px auto;
outline: none;
}
.imageRowMiddle .single a {
display: block;
margin: 5px auto;
background: rgba(33, 33, 33, 0.3);
border: 1px solid rgba(96, 114, 28, 1);
padding: 7px;
line-height: 1em;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
-ms-border-radius: 4px;
-o-border-radius: 4px;
border-radius: 4px;
-webkit-box-shadow: 0 1px 4px 0 rgba(96, 114, 28, 1);
-moz-box-shadow: 0 1px 4px 0 rgba(96, 114, 28, 1);
box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.5);
margin-right: 0px;
-webkit-transition: all 0.2s ease-out;
-moz-transition: all 0.2s ease-out;
-ms-transition: all 0.2s ease-out;
-o-transition: all 0.2s ease-out;
transition: all 0.2s ease-out;
box-shadow: 3px 3px 3px #000;
outline: none;
}
.imageRowMiddle .single a img {
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
-ms-border-radius: 4px;
-o-border-radius: 4px;
border-radius: 4px;
border: 1px solid rgba(0, 0, 0, 0.3);
display: block;
margin: 5px auto;
vertical-align: bottom
padding: 20px 20px;
outline: none;
}
.imageRowMiddle .single a:hover {
background: rgba(0, 0, 0, 0.4);
outline: none;
}
.imageRowMiddle .set {
float: middle;
background: rgba(255, 255, 255, 0.1);
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
-ms-border-radius: 4px;
-o-border-radius: 4px;
border-radius: 4px;
-webkit-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.5);
-moz-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.5);
box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.5);
-webkit-transition: all 0.2s ease-out;
-moz-transition: all 0.2s ease-out;
-ms-transition: all 0.2s ease-out;
-o-transition: all 0.2s ease-out;
transition: all 0.2s ease-out;
outline: none;
}
.imageRowMiddle .set:hover {
background: rgba(255, 255, 255, 0.2);
}
.imageRowMiddle .set .single a {
background: none;
-webkit-border-radius: 0;
-moz-border-radius: 0;
-ms-border-radius: 0;
-o-border-radius: 0;
border-radius: 0;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
margin-right: 0;
outline: none;
}
.imageRowMiddle .set .single a:hover {
background-color: #8ad459;
-webkit-box-shadow: 0 -1px 0 0 rgba(255, 255, 255, 0.2), 0 1px 4px 0 rgba(0, 0, 0, 0.5);
-moz-box-shadow: 0 -1px 0 0 rgba(255, 255, 255, 0.2), 0 1px 4px 0 rgba(0, 0, 0, 0.5);
box-shadow: 0 -1px 0 0 rgba(255, 255, 255, 0.2), 0 1px 4px 0 rgba(0, 0, 0, 0.5);
outline: none;
}
.imageRowMiddle .set .single.first a {
-moz-border-radius-topleft: 4px;
-webkit-border-top-left-radius: 4px;
-ms-border-top-left-radius: 4px;
-o-border-top-left-radius: 4px;
border-top-left-radius: 4px;
-moz-border-radius-bottomleft: 4px;
-webkit-border-bottom-left-radius: 4px;
-ms-border-bottom-left-radius: 4px;
-o-border-bottom-left-radius: 4px;
border-bottom-left-radius: 4px;
outline: none;
}
.imageRowMiddle .set .single.last a {
-moz-border-radius-topright: 4px;
-webkit-border-top-right-radius: 4px;
-ms-border-top-right-radius: 4px;
-o-border-top-right-radius: 4px;
border-top-right-radius: 4px;
-moz-border-radius-bottomright: 4px;
-webkit-border-bottom-right-radius: 4px;
-ms-border-bottom-right-radius: 4px;
-o-border-bottom-right-radius: 4px;
border-bottom-right-radius: 4px;
outline: none;
}
/* ------------------------------------------- imageRowMiddleGigs--------------------------------- */
.imageRowMiddleGigs {
*zoom: 1;
display:block;
margin-left: 20px;
margin-bottom: 40px;
}
.imageRowMiddleGigs:after {
content: "";
display: table;
clear: both;
}
.imageRowMiddleGigs .single {
display:block;
position: relative;
padding-left: 10px;
padding-right: 10px;
padding-top: 30px;
padding-bottom: 20px;
outline: none;
float: left;
}
.imageRowMiddleGigs .single a {
display: block;
position: relative;
margin: 5px auto;
background: rgba(33, 33, 33, 0.3);
border: 1px solid rgba(96, 114, 28, 1);
padding: 7px;
line-height: 1em;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
-ms-border-radius: 4px;
-o-border-radius: 4px;
border-radius: 4px;
-webkit-box-shadow: 0 1px 4px 0 rgba(96, 114, 28, 1);
-moz-box-shadow: 0 1px 4px 0 rgba(96, 114, 28, 1);
box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.5);
margin-right: 0px;
-webkit-transition: all 0.2s ease-out;
-moz-transition: all 0.2s ease-out;
-ms-transition: all 0.2s ease-out;
-o-transition: all 0.2s ease-out;
transition: all 0.2s ease-out;
box-shadow: 3px 3px 3px #000;
outline: none;
}
.imageRowMiddleGigs .single a img {
position: relative;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
-ms-border-radius: 4px;
-o-border-radius: 4px;
border-radius: 4px;
border: 1px solid rgba(0, 0, 0, 0.3);
display: block;
margin: 10px;
vertical-align: bottom
padding: 20px 20px;
outline: none;
}
.imageRowMiddleGigs .single a:hover {
position: relative;
background: rgba(0, 0, 0, 0.4);
outline: none;
}
.imageRowMiddleGigs .set .single a {
position: relative;
background: none;
outline: none;
}
.imageRowMiddleGigs .set .single a:hover {
position: relative;
background-color: #8ad459;
-webkit-box-shadow: 0 -1px 0 0 rgba(255, 255, 255, 0.2), 0 1px 4px 0 rgba(0, 0, 0, 0.5);
-moz-box-shadow: 0 -1px 0 0 rgba(255, 255, 255, 0.2), 0 1px 4px 0 rgba(0, 0, 0, 0.5);
box-shadow: 0 -1px 0 0 rgba(255, 255, 255, 0.2), 0 1px 4px 0 rgba(0, 0, 0, 0.5);
outline: none;
}
.imageRowMiddleGigs .set .single.first a {
position: relative;
outline: none;
}
.imageRowMiddleGigs .set .single.last a {
position: relative;
outline: none;
}
.overlay {
border: 0px !important;
outline: none;
width: 100%;
position: absolute;
left: 0;
bottom: 5;
text-align: center;
padding-top: 5px;
}
.underlay {
opacity: 0;
width: 100%;
position: absolute;
left: 0;
bottom: 185;
text-align: center;
z-index:-1;
}
/* --------------------------------------- other media -------------------------------------- */
@media only screen and (max-width: 1000px) {
body, input, textarea {
font-size: 14px;
}
body {
padding-top: 20px;
}
.section {
padding: 20px 0;
}
p.lead {
font-size: 20px;
}
h1 {
font-size: 30px;
}
h2 {
font-size: 24px;
}
h3 {
font-size: 16px;
}
code, kbd {
font-size: 13px;
}
pre code {
font-size: 12px;
}
pre {
padding: 0.75em;
}
#sidebar {
width: 160px;
left: 20px;
}
#content {
margin-left: 200px;
}
}
@media only screen and (max-width: 700px) {
body, input, textarea {
font-size: 12px;
padding-top: 0;
}
p.lead {
font-size: 16px;
}
code, kbd {
font-size: 12px;
}
pre code {
font-size: 11px;
}
pre {
padding: 0.5em;
}
#sidebar {
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
opacity: 1;
position: static;
text-align: center;
width: auto;
margin: 20px 20px 0 20px;
border-bottom: 6px solid #3d3d33;
}
#sidebar h1 {
font-size: 24px;
}
#sidebar .twitter {
font-size: 14px;
}
#sidebar #nav {
font-size: 12px;
}
#sidebar #nav li {
display: inline-block;
}
#sidebar #nav li a {
padding: 10px;
height: auto;
margin: 0 5px 10px 5px;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
-ms-border-radius: 6px;
-o-border-radius: 6px;
border-radius: 6px;
}
h2 {
font-size: 18px;
}
h3 {
font-size: 14px;
}
#content {
margin: 10px 20px 20px 20px;
}
.download {
text-align: center;
width: 95%;
margin-right: 0;
padding-right: 0;
padding-left: 0;
}
.download .box, .download .file {
float: none;
}
.forums {
text-align: center;
width: 95%;
margin-right: 0;
padding-right: 0;
padding-left: 0;
}
.forums .speech, .forums .link {
float: none;
}
}