*/
/* Content
----------------------------------------------- */
body {
font: $(body.font);
color: $(body.text.color);
padding: 0 $(content.shadow.spread) $(content.shadow.spread) $(content.shadow.spread);
$(body.background.override);
background: #fff;
}
html body $(page.width.selector) {
min-width: 0;
max-width: 100%;
width: $(page.width);
}
h2 {
margin: 20px 0;
font: 26px 'Open Sans', sans-serif,;
letter-spacing: 1px;
}
a:link {
text-decoration: none;
color: $(link.color);
transition: all 0.2s ease 0s;
-moz-transition: all 0.2s ease 0s;
-webkit-transition: all 0.2s ease 0s;
-o-transition: all 0.2s ease 0s;
-ms-transition: all 0.2s ease 0s;
}
a:visited {
text-decoration: none;
color: $(link.visited.color);
}
a:hover {
text-decoration: underline;
color: $(link.hover.color);
transition: all 0.2s ease 0s;
-moz-transition: all 0.2s ease 0s;
-webkit-transition: all 0.2s ease 0s;
-o-transition: all 0.2s ease 0s;
-ms-transition: all 0.2s ease 0s;
}
.body-fauxcolumn-outer .fauxcolumn-inner {
background: transparent $(body.background.gradient.tile) repeat scroll top left;
_background-image: none;
}
.body-fauxcolumn-outer .cap-top {
position: absolute;
z-index: 1;
height: 400px;
width: 100%;
background: $(body.background);
$(body.background.override);
}
.body-fauxcolumn-outer .cap-top .cap-left {
width: 100%;
background: transparent $(body.background.gradient.cap) repeat-x scroll top left;
_background-image: none;
}
.content-outer {
-moz-box-shadow: 0 0 $(content.shadow.spread) rgba(0, 0, 0, .15);
-webkit-box-shadow: 0 0 $(content.shadow.spread.webkit) rgba(0, 0, 0, .15);
-goog-ms-box-shadow: 0 0 $(content.shadow.spread.ie) #445577;
box-shadow: 0 0 $(content.shadow.spread) rgba(0, 0, 0, .15);
margin-bottom: 1px;
}
.content-inner {
padding: $(content.padding) $(content.padding.horizontal);
}
$(content.background.color.selector) {
background-color: $(content.background.color);
}
/* Header
----------------------------------------------- */
.header-outer {
background: $(header.background.color) $(header.background.gradient) repeat-x scroll 0 -400px;
_background-image: none;
}
.Header h1 {
font: $(header.font);
color: $(header.text.color);
text-shadow: $(header.shadow.offset.left) $(header.shadow.offset.top) $(header.shadow.spread) rgba(0, 0, 0, .2);
text-align: center;
}
img#Header1_headerimg {
margin: 20px auto;
}
.Header h1 a {
color: $(header.text.color);
}
.Header .description {
font-size: $(description.text.size);
color: $(description.text.color);
}
.header-inner .Header .titlewrapper {
padding: 22px $(header.padding);
}
.header-inner .Header .descriptionwrapper {
padding: 0 $(header.padding);
}
.header-inner .Header #header-inner {
overflow: hidden;
}
body#layout .sidebar, body#layout .content-inner {top:0}
body#layout .footer-outer {top:30px;}
body#layout .PageList {width: auto;}
/* Tabs
----------------------------------------------- */
.widget.PageList {
z-index: 9;
opacity: .95;
background: transparent;
border-top: 3px double #dd7799;
border-bottom: 3px double #dd7799;
padding: 5px 0;
text-align: center;
}
.tabs-inner .widget ul {
line-height: 20px;
}
.tabs-inner .widget li a {
display: inline-block;
padding: 5px;
font: $(tabs.font);
color: $(tabs.text.color);
text-transform: uppercase;
letter-spacing: 1px;
}
.tabs-inner .widget li a:after {
font-family: FontAwesome;
content: "|";
padding-left: 3px;
}
.tabs-inner .widget li a:hover {
color: $(tabs.selected.text.color);
text-decoration: none;
}
.tabs-inner {
padding: 0 10px !important;
}
.tabs .widget li, .tabs .widget li {
display: inline;
float: none;
}
.mobile .PageList {
width: 100%;
}
.credit {
position: relative;
bottom: 0;
padding: 8px 0;
width: 100%;
text-align: center;
color: #374457;
font: 10px arial,sans-serif;
letter-spacing: 2px;
text-transform: uppercase;
}
.credit a {
color: #dd7799;
text-decoration: none;
}
.credit a:hover {
color: #333;
text-decoration: none;
}
blockquote {
border: 3px double #fff;
background: #dd7799;
color: #fff;
padding: 15px;
margin: 20px 0;
}
::-moz-selection {
background: #dd7799;
color: #fff;
text-shadow: none;
}
::selection {
background: #dd7799);
color: #fff;
text-shadow: none;
}
.label-size {
position: relative;
text-decoration: none;
font-size: 10px;
font-family: inherit;
color: #fff;
}
.label-size a {
color: #fff;
background: #dd7799;
padding: 5px;
margin: 2px;
float: left;
display: block;
-moz-transition: all 0.4s;
-o-transition: all 0.4s;
-webkit-transition: all 0.4s;
-ms-transition: all 0.4s;
transition: all 0.4s;
text-decoration: none;
font-size: 10px;
text-transform: uppercase;
}
.label-size a:hover {
background: #dd7799;
color: #445577;
}
/* Columns
----------------------------------------------- */
.main-outer {
border-top: $(main.border.width) solid $(body.rule.color);
top: 30px;
}
.fauxcolumn-left-outer .fauxcolumn-inner {
border-right: 1px solid $(body.rule.color);
}
.fauxcolumn-right-outer .fauxcolumn-inner {
border-left: 1px solid $(body.rule.color);
}
/* Headings
----------------------------------------------- */
div.widget > h2,
div.widget h2.title {
margin: 0 0 1em 0;
font: $(widget.title.font);
color: #ffffff;
}
/* Widgets
----------------------------------------------- */
.widget {
margin: 50px 0;
padding: 10px;
}
.sidebar .widget {
border: 1px solid #dd7799;
}
.sidebar h2, .footer-outer h2 {
font: $(widget.title.font);
color: $(widget.title.text.color);
text-transform: uppercase;
border: 1px solid #fff;
background: $(keycolor2);
box-shadow: 0 0 0 4px $(keycolor2);
letter-spacing: 1px;
display: inline-block;
top: -25px;
padding: 3px 11px;
}
.sidebar {
text-align: center;
}
/* Posts
----------------------------------------------- */
h2.date-header {
font: $(date.header.font);
text-transform: uppercase;
text-align: center;
color: $(widget.title.text.color);
margin-top: -40px;
top: 35px;
z-index: 999;
}
.date-header span {
color: #fff;
letter-spacing: $(date.header.letterspacing);
margin: $(date.header.margin);
padding: 3px 10px;
margin: inherit;
width: 100%;
position:relative;
top:-10px;
background: $(keycolor2);
}
.mobile .date-header span {
background: #fff;
}
.main-inner {
padding-top: $(main.padding.top);
padding-bottom: $(main.padding.bottom);
}
.main-inner .column-center-inner {
padding: 0 $(main.padding);
}
.main-inner .column-center-inner .section {
margin: 0 $(main.section.margin);
}
.post {
margin: 0 0 40px 0;
border: 1px solid #dd7799;
padding: 0 30px;
}
h3.post-title, .comments h4 {
font: $(post.title.font);
margin: 40px 0 0;
text-align: center;
text-transform: uppercase;
letter-spacing: 1px;
}
h3.post-title, h3.post-title a {
text-align: center;
color: $(body.text.color);
}
h3.post-title a:hover {
color: $(keycolor2);
}
.post-body {
font-size: 110%;
line-height: 1.8;
position: relative;
text-align: justify;
}
.post-body h2 {
margin: 20px 0;
font: 14px 'Open Sans', sans-serif;
letter-spacing: 1px;
text-transform: uppercase;
background: #dd7799;
padding: 3px 10px;
}
.post-body img, .post-body .tr-caption-container, .Profile img, .Image img,
.BlogList .item-thumbnail img {
padding: $(image.border.small.size);
background: $(image.background.color);
border: 1px solid $(image.border.color);
}
.post-body img, .post-body .tr-caption-container {
padding: $(image.border.large.size);
max-width: 100%;
margin-left: -20px;
}
.tr-caption-container img {
width: 100%;
}
.post-body .tr-caption-container {
color: $(image.text.color);
}
.post-body .tr-caption-container img {
padding: 0;
background: transparent;
border: none;
}
.post-body ul {
list-style: square;
}
.post-header {
margin: 0 0 1.5em;
line-height: 1.6;
font-size: 90%;
}
.post-footer {
margin: 0;
padding: 0 0 20px;
line-height: 30px;
text-transform: uppercase;
text-align: center;
font-size: 12px;
}
.post-labels a {
background: $(keycolor);
color: #fff;
text-decoration: none;
padding: 3px 7px 3px 10px;
margin-right: 5px;
}
.post-labels a:hover {
background: #dd7799;
color: #dd7799;
}
.post-footer-line.post-footer-line-1 {
margin-left: 20px;
}
.readmore a {
color: #fff;
text-transform: uppercase;
background-color: $(keycolor2);
display: block;
padding: 9px 25px;
font: 12px 'Open Sans', sans-serif;
width: 150px;
text-align: center;
margin: 20px auto;
letter-spacing: 1px;
}
.readmore a:hover {
text-decoration: none;
background: #dd7799;
color: #dd7799;
}
/* Comments
----------------------------------------------- */
#comments {
background: transparent;
}
#comments h4 {
display: inline;
line-height: 40px;
padding: 10px;
}
#comments h4:before {
font-family: FontAwesome;
content: "\f086";
margin-right: 5px;
}
#comments h4, .comments .comment-header, .comments .comment-thread.inline-thread .comment {
position: relative;
}
#comments h4, .comments .continue a {
background: none repeat scroll 0 0 $(keycolor);
}
#comments h4, .comments .continue a {
color: #dd7799;
font-weight: normal;
font-size: 14px;
}
#comments h4:after {
border-right: 20px solid rgba(0, 0, 0, 0);
border-top: 10px solid $(keycolor);
bottom: -10px;
content: "";
height: 0;
left: 10px;
line-height: 0;
position: absolute;
width: 0;
}
#comments .avatar-image-container img {
border: 0 none;
}
.comment-thread {
color: #ffffff;
}
.comment-thread a {
color: #dd7799;
}
.comment-thread ol {
margin: 0 0 20px;
}
.comment-thread .comment-content a, .comments .user a, .comments .comment-thread.inline-thread .user a {
color: #dd7799;
}
.comments .avatar-image-container, .comments .avatar-image-container img {
height: 48px;
max-height: 48px;
max-width: 48px;
width: 48px;
}
.comments .comment-block, .comments .comments-content .comment-replies, .comments .comment-replybox-single {
margin-left: 60px;
}
.comments .comment-block, .comments .comment-thread.inline-thread .comment {
background: none repeat scroll 0 0 #dd7799;
border: 2px solid #dd7799;
padding: 10px;
background: #374457;
}
.comments .comments-content .comment {
line-height: 1em;
margin: 15px 0 0;
padding: 0;
width: 100%;
}
.comments .comments-content .icon.blog-author {
position: absolute;
top: -20px;
right: -47px;
margin: 5px 0 0!important;
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg07j25hgl0JKdEqqnHJij3pziY-V8j3ALOWTSGyXVeYnx3XEEqyDqQD2O4Ge2V1cscxJ1UJgoM8nS1N_y3MsJkPrtbFhQCBSg-zaQs4-Pzo0Z4rv_mw2A1hMeNXJW7lH3uRf_OaDaw9CM/s1600/Admin.png) no-repeat scroll 0 0 transparent;
width: 90px!important;
height: 90px!important;
}
.comments .comments-content .inline-thread {
padding: 0 0 0 20px;
}
.comments .comments-content .comment-replies {
margin-top: 0;
}
.comments .comment-content {
line-height: 1.4em;
padding: 5px 0;
}
.comments .comment-thread.inline-thread {
background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
border-left: 1px solid #dd7799;
}
.comments .comment-thread.inline-thread .comment {
width: auto;
}
.comments .comment-thread.inline-thread .comment:after {
border-top: 1px solid #dd7799;
content: "";
height: 0;
left: -20px;
position: absolute;
top: 10px;
width: 10px;
}
.comments .comment-thread.inline-thread .comment .comment-block {
background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
border: 0 none;
padding: 0;
}
.comments .comment-thread.inline-thread .comment-block {
margin-left: 48px;
}
.comments .comment-thread.inline-thread .avatar-image-container, .comments .comment-thread.inline-thread .avatar-image-container img {
height: 36px;
max-height: 36px;
max-width: 36px;
width: 36px;
}
.comments .continue {
border-top: 0 none;
width: 100%;
}
.comments .continue a {
padding: 10px 0;
text-align: center;
}
.comment .continue {
display: none;
}
#comment-editor {
width: 103% !important;
}
.comment-form {
max-width: 100%;
width: 100%;
}
.comments .comments-content .loadmore, .comments .comments-content {
margin: 0;
}
.comments .datetime a:before {
font-family:FontAwesome;
font-style:normal;
font-weight:normal;
-webkit-font-smoothing:antialiased;
-moz-osx-font-smoothing:grayscale;
line-height:11px;
font-size:11px;
color:#374457;
content:"\f017";
display:inline-block;
margin-right: 5px;
}
.comments .comment-actions a:before {
font-family:FontAwesome;
font-style:normal;
font-weight:normal;
-webkit-font-smoothing:antialiased;
-moz-osx-font-smoothing:grayscale;
line-height:11px;
font-size:11px;
color:#374457;
margin-right: 5px;
}
.comments .comment-actions a:before {
content:"\f112";
margin-right: 5px;
}
.comments .comment-actions a:last-child::before {
content:"\f014";
margin-right: 5px;
}
.comments .continue a:before {
font-family:FontAwesome;
font-style:normal;
font-weight:normal;
-webkit-font-smoothing:antialiased;
-moz-osx-font-smoothing:grayscale;
line-height:11px;
font-size:11px;
color:#374457;
}
.comments .continue a:before {
content:"\f112";
margin-right: 5px;
}
/* Accents
---------------------------------------------- */
.section-columns td.columns-cell {
border-left: 0px solid transparent;
}
.blog-pager-older-link, .home-link,
.blog-pager-newer-link {
background-color: #ffffff;
padding: 5px;
}
.footer-outer {
border-top: 1px solid #dd7799;
}
#blog-pager a {
color: #dd7799;
text-transform: uppercase;
letter-spacing: 2px;
font: 12px Open-sans, sans-serif;
}
#blog-pager a:hover {
color: $(keycolor);
text-decoration: none;
}
.blog-pager-newer-link {
padding-left: 22px;
}
.blog-pager-newer-link:before {
font-family: FontAwesome;
content: "\f053";
}
.blog-pager-older-link {
padding-right: 22px;
}
.blog-pager-older-link:after {
font-family: FontAwesome;
content: "\f054";
}
.blog-pager .home-link {
}
.blog-pager .home-link:before {
font-family: FontAwesome;
content: "\f015";
}
.blog-feeds,.post-feeds {
letter-spacing: 2px;
text-transform: uppercase;
margin-top: 30px;
font: 12px Open-sans, sans-serif;
}
#Navbar1, .goog-inline-block {
display: none;
}
.feed-links {
float: left;
}
.jump-link {
display: none;
}
/* Mobile
----------------------------------------------- */
body.mobile {
background:#fff;
}
.mobile .Header h1 {letter-spacing:4px;font-size:40px;}
.mobile .body-fauxcolumn-outer {
background: transparent none repeat scroll top left;
}
.mobile .body-fauxcolumn-outer .cap-top {
background-size: 100% auto;
}
.mobile .content-outer {
}
.mobile .tabs-inner .widget ul {
margin-left: 0;
margin-right: 0;
}
.mobile .post {
margin: 0;
font-family: 'Lora', sans-serif;
}
.mobile .post img {
margin-left: 2px;
}
.mobile .main-inner .column-center-inner .section {
margin: 0;
}
.mobile .date-header span {
font:10px arial,sans-serif;
letter-spacing:2px;
color:#dd7799;
}
.mobile h3.post-title {
margin: 10px auto 0;
}
.mobile #header-inner {margin-top:0;}
.mobile-index-title {
font: 23px 'Open Sans',sans-serif;
text-transform:uppercase;
letter-spacing:2px;
color:#222;
margin:0;
width:96%;
text-align: center;
}
.mobile .blog-pager {
background: transparent none no-repeat scroll top center;
}
.mobile .footer-outer {
border-top: none;
}
.mobile .main-inner, .mobile .footer-inner {
background-color: #ffffff;
}
.mobile-index-contents {
color: #333;
margin-right:0;
}
.mobile-index-arrow {
display:none;
}
.mobile-link-button {
background-color: #374457;
}
.mobile-link-button a:link, .mobile-link-button a:visited {
color: #ffffff;
}
.mobile .tabs-inner .section:first-child {
border-top: none;
}
.mobile .tabs-inner .PageList .widget-content {
background-color: #dd7799;
color: #374457;
border: 1px solid #dd7799;
}
.mobile .tabs-inner .PageList .widget-content .pagelist-arrow {
border-left: 0px solid #dd7799;
}
.mobile #blog-pager a {
font:9px 'Open Sans',sans-serif;
color:#fff;
padding-top: 3px;
letter-spacing: 1px;
}
.mobile .blog-pager-newer-link {
background: none;
}
.mobile .blog-pager-older-link {
background: none;
}
.mobile-desktop-link a {color:#374457 !important;padding:15px}
.mobile #Header1_header img {margin: 20px auto 20px;}
.mobile #header-inner {margni-top:0;}
.mobile .PageList {display:inline;}
.mobile-index-thumbnail{float:none;}
.mobile-index-thumbnail img {width:100% !important;height:auto;}
.mobile .date-header {background: #fff;text-align: center;padding:10px 0}
.mobile #goTop {display:none}
/* Post Share
---------------------------------------------- */
.heading {
display: inline-block;
color: $(keycolor);
margin: 20px 0;
}
.sharing {
display: inline-block;
margin: 0;
background: #dd7799;
padding: 3px;
}
#share {
text-align: center;
}
#share h2 {
text-transform: uppercase;
font-size: 14px;
color: #dd7799;
border-top: 1px solid #dd7799;
padding-top: 3px;
background: none;
box-shadow: none;
}
/* Back To Top Button
----------------------------------------------- */
.goTop {position:fixed; right:20px; bottom:-10px; display:none;}
#goTop {
width:50px; height:50px;
background:rgba(0,0,0,0);
border-radius:50%;
text-align:center;
line-height:50px;
font-size:30px;
color:#fff;
display:block;
overflow:hidden;
position:relative;
box-shadow:0 3px 1px rgba(0, 0, 0, 0.3);
background: #dd7799;
}
#goTopBackground {
position:absolute; left:-10%; top:100%;
width:120%; height:120%;
background: $(keycolor);
}
.fa-angle-up:before {
content: "\f106";
position: relative;
}
/* Related posts
---------------------------------------------- */
#related-posts {
width: auto;
text-align: center;
margin: 20px 0;
}
#related-posts h2 {
text-transform: uppercase;
text-align: center;
font-size: 14px;
border-top: 1px solid #dd7799;
padding-top: 3px;
display: inline-block;
color: #dd7799;
background: none;
box-shadow: none;
line-height: 20px;
}
#related-posts .related_img {
margin: 0;
width: 160px;
height: 120px;
transition: all 300ms ease-in-out;
-webkit-transition: all 300ms ease-in-out;
-moz-transition: all 300ms ease-in-out;
-o-transition: all 300ms ease-in-out;
-ms-transition: all 300ms ease-in-out;
}
#related-title {
color: #dd7799;
text-align: center;
padding: 0px 5px 10px;
font-size: 10px;
width: 160px;
height: 40px;
overflow: hidden;
text-transform: uppercase;
}
#related-posts .related_img:hover {
opacity: .7;
filter: alpha(opacity=70);
-moz-opacity: .7;
-khtml-opacity: .7;
}
/* Contact form
---------------------------------------------- */
.contact-form-button-submit {
background: $(keycolor)!important;
border: 1px solid $(keycolor)!important;
padding: 0 95px!important;
cursor: pointer;
}
#Followers1 {
background: #dd7799;
}
/* Drop Down Menu
---------------------------------------------- */
#cssnav {
background: $(keycolor);
letter-spacing: 1px;
text-align:center !important;
padding: 10px 20px;
margin: 0px;
position:fixed;
top:0;
left:0;
right:0;
z-index:dd7799;
text-transform: uppercase;
}
#cssnav ul {
background: #374457 none repeat-x scroll 0 -800px;
height: 40px; /* Change Height of Menu */
list-style: none;
margin: 0px;
padding: 0px;
}
#cssnav li {
float: none;
display: inline-block;
padding: 0px;
}
#cssnav li a {
display: block;
margin: 0px;
text-align: center;
font: normal normal 12px Open Sans;
text-decoration: none;
padding-left: 20px!important;
padding-right: 20px!important;
}
#cssnav ul li a {
color: #374457;
}
#cssnav li a {
color: #ffffff;
}
#cssnav li > a:hover, #cssnav ul li:hover {
color: #dd7799;
text-decoration: none;
}
#cssnav li ul {
background: $(keycolor);
display: none;
height: auto;
padding: 0px;
margin: 0px;
border: 0px;
position: absolute;
width: 150px;
position:fixed;
z-index:dd7799;
}
#cssnav li:hover ul {
display: block;
}
#cssnav li li {
background: $(keycolor);
display: block;
float: none;
margin: 0px;
padding: 0px;
width: 150px;
z-index:dd7799;
}
#cssnav li li:last-child {
padding-bottom: 4px;
}
#cssnav li:hover li a {
background: #dd7799;
}
#cssnav li ul a {
display: block;
height: auto;
margin: 0px;
padding: 10px;
text-align: center;
}
#cssnav li ul a:hover, #cssnav li ul li:hover > a {
color: $(keycolor);
border: 0px;
text-decoration: none;
}
.mobile #cssnav {display:none}
/* ----- Link List ----- */
#LinkList1.widget.LinkList {
text-align: center;
text-transform: uppercase;
letter-spacing: 0.8px;
padding-bottom: 0px;
}
#LinkList1.widget.LinkList ul {
list-style: none !important;
margin: 0 20px 20px 0;
}
#LinkList1.widget.LinkList ul li {
background: #dd7799;
border: 1px solid #dd7799;
padding: 0px 0px;
margin: 3px 0px;
}
#LinkList1.widget.LinkList a {
color: #374457;
font: normal normal 12px Open Sans, sans-serif;
text-align: center;
padding: 5px 0px;
display: block;
}
#LinkList1.widget.LinkList ul li:hover {
background-color: $(keycolor);
border: 1px solid #dd7799;
}
#LinkList1.widget.LinkList a:hover {
color: #ffffff;
text-decoration: none;
}
.post img { opacity: 1;
transition:opacity 0.4s ease-in-out;
-o-transition:opacity 0.4s ease-in-out;
-moz-transition:opacity 0.4s ease-in-out;
-webkit-transition:opacity 0.4s ease-in-out;
}
.post img:hover {
opacity: 0.70;
transition:opacity 0.4s ease-in-out;
-o-transition:opacity 0.4s ease-in-out;
-moz-transition:opacity 0.4s ease-in-out;
-webkit-transition:opacity 0.4s ease-in-out;
}
/* Preloader */
#preloader {
position:fixed;
top:0;
left:0;
right:0;
bottom:0;
background-color:#fff;
z-index:99;
}
#status {
width:200px;
height:200px;
position:absolute;
left:50%;
top:50%;
background-image:url(http://i1168.photobucket.com/albums/r489/Magdalena_Magdatworzy_Pl_Antosik/na%20bloga1_zps2ysgdzzo.gif);
background-repeat:no-repeat;
background-position:center;
margin:-100px 0 0 -100px;
}}
vertical {
background-color:#374457; height: 50px;
}
::-webkit-scrollbar {
height: 10px; width: 9px; background-color: #374457;
}
::-webkit-scrollbar-thumb{
background: #dd7799; border-radius:5px;}
}]]>
