/*
Theme Name: MonTheme
Theme URI: http://localhost/wordpress
Description: The first theme created by Moi (Gik ;) ).
Version: 0.1
Author: Guillaume Delory
Creation Theme by Gik Gik Gik Gik || http://localhost/wordpress
*/
body {
font-family: Lucida Grande, Arial, Helvetica, Sans-serif;
font-size: 0.8em;
text-align: left;
background:#182225; /* #191819; */
color: #ffffff;
margin: 0;
}
#page {
position: relative;
margin: 0 auto 0 auto;
max-width: 1000px;
}
.photo_banner {
position:absolute;
/* width:150px;
height:180px; */
width: 15%;
height: 60%;
border:white 10px solid;
border-bottom:white 30px solid;
top: 8%;
}
.photo_banner p {
position:relative;
bottom: 20px;
color: black;
}
#photo_banner1 {
left:10%;
-moz-transform: rotate(20deg);
-o-transform: rotate(20deg);
-webkit-transform: rotate(20deg);
-ms-transform: rotate(20deg);
transform: rotate(20deg);
}
#photo_banner1_IE {
top:80px;
left:20px;
filter: progid:DXImageTransform.Microsoft.Matrix(sizingMethod='auto expand',M11=0.940,M12=-0.342,M21=0.342,M22=0.940);
zoom: 1;
}
#photo_banner1_IE p {
bottom: 20px;
filter: progid:DXImageTransform.Microsoft.Matrix(sizingMethod='auto expand',M11=0.940,M12=-0.342,M21=0.342,M22=0.940);
zoom: 1;
}
#photo_banner2 {
left:37%;
-moz-transform: rotate(-20deg);
-o-transform: rotate(-20deg);
-webkit-transform: rotate(-20deg);
-ms-transform: rotate(-20deg);
transform: rotate(-20deg);
}
#photo_banner2_IE {
top:80px;
left:300px;
filter: progid:DXImageTransform.Microsoft.Matrix(sizingMethod='auto expand',M11=0.940,M12=0.342,M21=-0.342,M22=0.940); /* IE6,IE7 */
zoom: 1;
}
#photo_banner2_IE p {
bottom: 25px;
left : 70px;
filter: progid:DXImageTransform.Microsoft.Matrix(sizingMethod='auto expand',M11=0.940,M12=0.342,M21=-0.342,M22=0.940); /* IE6,IE7 */
zoom: 1;
}
#photo_banner3 {
left:70%;
-moz-transform: rotate(20deg);
-o-transform: rotate(20deg);
-webkit-transform: rotate(20deg);
-ms-transform: rotate(20deg);
transform: rotate(20deg);
}
#photo_banner3_IE {
top:80px;
left:650px;
filter: progid:DXImageTransform.Microsoft.Matrix(sizingMethod='auto expand',M11=0.940,M12=-0.342,M21=0.342,M22=0.940); /* IE6,IE7 */
zoom: 1;
}
#photo_banner3_IE p {
filter: progid:DXImageTransform.Microsoft.Matrix(sizingMethod='auto expand',M11=0.940,M12=-0.342,M21=0.342,M22=0.940); /* IE6,IE7 */
zoom: 1;
bottom: 20px;
}
#photo_banner4 {
left: 18%;
-moz-transform: rotate(-5deg);
-o-transform: rotate(-5deg);
-webkit-transform: rotate(-5deg);
-ms-transform: rotate(-5deg);
transform: rotate(-5deg);
}
#photo_banner4_IE {
top:80px;
left:70px;
filter: progid:DXImageTransform.Microsoft.Matrix(sizingMethod='auto expand',M11=0.9962,M12=0.0872,M21=-0.0872,M22=0.9962);
zoom: 1;
}
#photo_banner4_IE p {
filter: progid:DXImageTransform.Microsoft.Matrix(sizingMethod='auto expand',M11=0.9962,M12=0.0872,M21=-0.0872,M22=0.9962);
zoom: 1;
bottom: 20px;
left: 15px;
}
#photo_banner5 {
left:53%;
-moz-transform: rotate(5deg);
-o-transform: rotate(5deg);
-webkit-transform: rotate(5deg);
-ms-transform: rotate(5deg);
transform: rotate(5deg);
}
#photo_banner5_IE {
top:80px;
left:470px;
filter: progid:DXImageTransform.Microsoft.Matrix(sizingMethod='auto expand',M11=0.9962,M12=-0.0872,M21=0.0872,M22=0.9962);
zoom: 1;
}
#photo_banner5_IE p {
filter: progid:DXImageTransform.Microsoft.Matrix(sizingMethod='auto expand',M11=0.9962,M12=-0.0872,M21=0.0872,M22=0.9962);
zoom: 1;
bottom: 20px;
}
#photo_banner6 {
left:25%;
-moz-transform: rotate(35deg);
-o-transform: rotate(35deg);
-webkit-transform: rotate(35deg);
-ms-transform: rotate(35deg);
transform: rotate(35deg);
}
#photo_banner6_IE {
top:80px;
left:200px;
filter: progid:DXImageTransform.Microsoft.Matrix(sizingMethod='auto expand',M11=0.8192,M12=-0.5736,M21=0.5736,M22=0.8192);
zoom: 1;
}
#photo_banner6_IE p {
bottom: 50px;
filter: progid:DXImageTransform.Microsoft.Matrix(sizingMethod='auto expand',M11=0.8192,M12=-0.5736,M21=0.5736,M22=0.8192);
zoom: 1;
}
#photo_banner7 {
left:630px;
-moz-transform: rotate(-35deg);
-o-transform: rotate(-35deg);
-webkit-transform: rotate(-35deg);
-ms-transform: rotate(-35deg);
transform: rotate(-35deg);
}
#photo_banner7_IE {
top:80px;
left:580px;
filter: progid:DXImageTransform.Microsoft.Matrix(sizingMethod='auto expand',M11=0.8192,M12=0.5736,M21=-0.5736,M22=0.8192);
zoom: 1;
}
#photo_banner7_IE p {
filter: progid:DXImageTransform.Microsoft.Matrix(sizingMethod='auto expand',M11=0.8192,M12=0.5736,M21=-0.5736,M22=0.8192);
zoom: 1;
bottom: 20px;
}
#photo_banner8 {
left:450px;
-moz-transform: rotate(75deg);
-o-transform: rotate(75deg);
-webkit-transform: rotate(75deg);
-ms-transform: rotate(75deg);
transform: rotate(75deg);
}
#photo_banner8_IE {
top:80px;
left:480px;
filter: progid:DXImagTransform.Microsoft.Matrix(sizingMethod='auto expand',M11=0.2588,M12=-0.9659,M21=0.9659,M22=0.2588);
zoom: 1;
}
#photo_banner8_IE p {
filter: progid:DXImagTransform.Microsoft.Matrix(sizingMethod='auto expand',M11=0.2588,M12=-0.9659,M21=0.9659,M22=0.2588);
zoom: 1;
bottom: 20px;
}
#header {
position: relative;
/*height:390px;*/
/*font-family: 'Engagement', cursive;*/
font-family: 'Nothing You Could Do', cursive;
/*font-family: 'Give You Glory', cursive; */ /* + */
/*font-family: 'Over the Rainbow', cursive; */ /* + */
/*font-family: 'Indie Flower', cursive; */ /* B�b� qui �crit */
/*font-family: 'Reenie Beanie', cursive;*/ /* Gik qui �crit */
font-size: 1.2em;
/* width: 1000px; */
margin-top: 0;
border-bottom: 1px dotted #3E3E3E;
}
#photo_wrapper {
width: 100%;
padding: 14%;
box-sizing: border-box;
position: relative;
}
#photos {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
#header-content {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
#flag {
position: absolute;
right: 0;
top: 0;
}
#main-img {
width: 1000px;
padding: 10px 0px 0px 0px;
margin-bottom:20px;
}
#content {
float: left;
width: 750px;
margin-bottom: 20px;
}
.sidebar {
float: right;
width: 250px;
}
#footer {
font-family: 'Nothing You Could Do', cursive;
font-size: 0.8em;
padding: 10px;
clear: both;
/* width: 980px; */
display: none;
}
#header h1 {
padding: 0 0px 0 0;
margin: 0;
font-size: 2em;
text-align: center;
padding-left: 40px;
}
#header h2 {
font-size: 1em;
/* position: absolute;
left: 0px;
bottom: 5px;
margin:0; */
}
#header #headersearch {
width:100px;
position: absolute;
right: 0px;
bottom: 10px;
}
#header #s, #mainnavmenu #s {
color: #777777;
font-style:italic;
background: url("images/search.png") no-repeat 3px 0px white;
border-radius: 2px 2px 2px 2px;
border: 1px solid #DDDDDD;
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1) inset;
color: #888888;
padding: 0px 0px 0px 23px;
}
#mainnavmenu #s {
width: 95%;
box-sizing: border-box;
border-radius: 10px 10px 10px 10px;
font-size: 1.4em;
}
#header #s {
float: right;
width: 100px;
-moz-transition-duration: 400ms;
-moz-transition-property: width, background;
-moz-transition-timing-function: ease;
-webkit-transition-duration: 400ms;
-webkit-transition-property: width, background;
-webkit-transition-timing-function: ease;
-o-transition-duration: 400ms;
-o-transition-property: width, background;
-o-transition-timing-function: ease;
-ms-transition-duration: 400ms;
-ms-transition-property: width, background;
-ms-transition-timing-function: ease;
transition-duration: 400ms;
transition-property: width, background;
transition-timing-function: ease;
}
#header #s:focus, #mainnavmenu #s:focus {
background-color: #F2F2F2;
border-radius: 10px 10px 10px 10px;
}
#header #s:focus {
width: 200px;
}
/************************/
/* Menu */
/***********************/
nav.menu-container {
position: relative;
font-family: Lucida Grande, Arial, Helvetica, Sans-serif;
height:25px;
background-color: #464646;
border-bottom: solid 3px #343434;
z-index:999;
}
nav.menu-container ul {
list-style-type: none;
display: table;
margin: 0 auto;
padding: 0;
}
nav.menu-container ul li{
display: table-cell;
float: left;
border-left: 1px solid #333333;
text-align: center;
-moz-transition: padding 1s ease;
-webkit-transition: padding 1s ease;
-o-transition: padding 1s ease;
-ms-transition: padding 1s ease;
transition: padding 1s ease;
}
nav.menu-container ul li:first-child {
border-left: none;
}
nav.menu-container ul li:first-child a {
border-left: none;
}
.menu-container a {
border-left: 1px solid #555555;
display:block;
color: #C5C5C5;
padding: 5px 10px;
-moz-transition: color 400ms ease, background-color 1s ease;
-webkit-transition: color 400ms ease, background-color 1s ease;
-o-transition: color 400ms ease, background-color 1s ease;
-ms-transition: color 400ms ease, background-color 1s ease;
transition: color 400ms ease, background-color 1s ease;
}
.menu-container a:hover {
color: #fff;
background-color: #016E99;
}
nav.menu-container ul li:hover{
/*border-top: solid 3px #fff;*/
/*border-bottom: solid 3px #765262;*/
}
nav.menu-container ul.sub-menu {
display: none;
position:absolute;
z-index:999;
background-color:#464646;
}
nav.menu-container ul li ul li {
display:block;
text-align:left;
float: none;
border-left:none;
}
nav.menu-container ul li ul li a{
border-left:none;
}
nav.menu-container li:hover > ul.sub-menu {
display: block;
}
nav.menu-container li {
position: relative;
}
nav.menu-container li ul li {
width: 150px;
}
nav.menu-container ul li ul li ul {
top: 0;
left: 100%;
position: absolute;
display: none;
}
/*****************************/
/* Post (Accueil - Archives) */
/*****************************/
article {
clear:both;
margin-top:20px;
border-bottom: 1px dashed #3E3E3E;
}
header {
position:relative;
}
header h2 {
font-size: 1.3em;
/* border-bottom: 1px dashed #3E3E3E; */
padding: 0 0 10px 10px;
margin: 0;
}
/*
.post-edit-link {
display:none;
position:absolute;
right: 5px;
top: 5px;
background-color: #ccc;
border-radius: 3px;
}
.post-edit-link:hover {
background-color: #888;
}
.post-edit-link a {
color: #666666;
padding: 5px;
}
.post-edit-link a:hover {
color: #fff;
}*/
article:hover .post-edit-link {
display:block;
}
.post-edit-link {
display: none;
position: absolute;
top: 0px;
right: 0px;
background-color: #6CBCE3;
border: medium none;
border-radius: 3px 3px 3px 3px;
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.3);
-moz-transition: background-color 400ms ease;
-webkit-transition: background-color 400ms ease;
-o-transition: background-color 400ms ease;
-ms-transition: background-color 400ms ease;
transition: background-color 400ms ease;
}
.post-edit-link a {
color: #EEEEEE;
padding: 2px 10px;
}
.post-edit-link:hover {
background-color: #0093D0;
}
.post-metadata {
font-size: 0.8em;
color: #999;
font-style:italic;
}
.post-comments-count {
float:left;
/* clear:both; */
font-size: 0.8em;
font-style:italic;
}
.post_content {
font-size: 1.1em;
/* float:right;
width:500px; */
}
.post-title {
/* float:right;
width:500px; */
margin: 5px 0 0 0;
}
.post-thumb {
float:left;
width:230px;
max-width: 40%;
margin: 0 10px;
}
.post-thumb p {
font-size: 0.8em;
color: #999;
font-style:italic;
text-align:center;
}
.keep-reading {
float:right;
font-size: 0.8em;
font-style:italic;
}
.post-text {
font-family:Montserrat,Verdana,Arial,Helvetica,sans-serif;
/* float:right; */
}
.post-text p {
margin-top: 0;
text-align: justify;
}
@-webkit-keyframes rtl{from { left:0px; } 50% { left:3px; } to { left:0px; }}
@-moz-keyframes rtl{from { left:0px; } 50% { left:3px; } to { left:0px; }}
@-ms-keyframes rtl{from { left:0px; } 50% { left:3px; } to { left:0px; }}
@-o-keyframes rtl{from { left:0px; } 50% { left:3px; } to { left:0px; }}
@keyframes rtl{from { left:0px; } 50% { left:3px; } to { left:0px; }}
@-webkit-keyframes ltr{from { left:0px; } 50% { left:-3px; } to { left:0px; }}
@-moz-keyframes ltr{from { left:0px; } 50% { left:-3px; } to { left:0px; }}
@-ms-keyframes ltr{from { left:0px; } 50% { left:-3px; } to { left:0px; }}
@-o-keyframes ltr{from { left:0px; } 50% { left:-3px; } to { left:0px; }}
@keyframes ltr{from { left:0px; } 50% { left:-3px; } to { left:0px; }}
*:hover > .vibratertl {
position:relative;
-webkit-animation: rtl infinite ease 750ms;
-moz-animation: rtl infinite ease 750ms;
-ms-animation: rtl infinite ease 750ms;
-o-animation: rtl infinite ease 750ms;
animation: rtl infinite ease 750ms;
}
*:hover > .vibrateltr {
position:relative;
-webkit-animation: ltr infinite ease 750ms;
-moz-animation: ltr infinite ease 750ms;
-ms-animation: ltr infinite ease 750ms;
-o-animation: ltr infinite ease 750ms;
animation: ltr infinite ease 750ms;
}
.olderpostlink, .newerpostlink {
font-size: 0.8em;
font-style:italic;
}
.olderpostlink {
float:left;
}
.infinite-scroll.neverending .olderpostlink, .infinite-scroll.neverending .newerpostlink {
display: none;
}
.newerpostlink {
float:right;
}
/*****************/
/* Post (Single) */
/*****************/
.previous-post-link {
float:left;
}
.next-post-link {
float:right;
}
.previous-post-link, .next-post-link {
/* background: none repeat scroll 0 0 #222222;*/
background-color: #464646;
border: medium none;
border-radius: 3px 3px 3px 3px;
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
color: #EEEEEE;
padding: 2px 5px;
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.3);
-moz-transition: background-color 400ms ease;
-webkit-transition: background-color 400ms ease;
-o-transition: background-color 400ms ease;
-ms-transition: background-color 400ms ease;
transition: background-color 400ms ease;
}
.previous-post-link:hover, .next-post-link:hover {
background: none repeat scroll 0 0 #0093D0;
}
.post-article-single {
border-bottom: none;
}
.post_content-single {
font-size: 1.1em;
}
.post-title-single {
margin: 5px 0 0 0;
text-align: center;
clear:both;
}
.post-thumb-single {
margin: 0 10px;
display: block;
text-align: center;
}
.post-text-single {
font-family: Montserrat,Verdana,Arial,Helvetica,sans-serif;
text-align: justify;
}
.alignright {
float: right;
margin: 10px;
}
.alignleft {
float: left;
margin: 10px;
}
.aligncenter {
margin-left: auto;
margin-right: auto;
}
.article-footer {
clear:both;
font-size: 0.8em;
color: #999;
font-style:italic;
text-align:center;
}
/* Post image and caption */
.wp-caption {
border:1px solid #000;
padding:0 21px 0 0;
background:#000
}
.wp-caption img {margin:0;padding:0;border:0 none}
.wp-caption p,.wp-caption-text {
/*font-family:verdana;*/
text-align:center;
font-size:1em;
line-height:1.6em;
font-weight:bold;
font-style:italic;
color:#ccc;
padding:0;
margin:0
}
.post-text-single img {
border:1px solid #000;
padding:10px;
background:#000;
-moz-border-radius:6px;
-khtml-border-radius:6px;
-webkit-border-radius:6px;
border-radius:6px;
}
.wp-caption {
-moz-border-radius:6px;
-khtml-border-radius:6px;
-webkit-border-radius:6px;
border-radius:6px
}
.wp-caption{
-moz-box-shadow:0 3px 4px rgba(0,0,0,.5);
-webkit-box-shadow:0 3px 4px rgba(0,0,0,.5);
box-shadow:0 3px 4px rgba(0,0,0,.5)
}
/********************/
/* Sidebar */
/********************/
.sidebar ul{
list-style-type: none;
margin: 0;
padding: 0;
}
.sidebar {
float: right;
width: 225px;
margin: 20px 0 20px 25px;
}
.sidebar h2 {
font-size: 1.2em;
}
.widgettitle {
/*background-color: #d77900;*/
/*background-color: #e19e58;*/
background-color: #2C2B2B;
color: white;
border-radius: 5px 5px 0px 0px;
text-align: center;
margin: 0;
}
.widget ul, .widget div {
/*background-color: #363636;*/
background-color: #412532;
color: white;
border-radius: 0px 0px 5px 5px;
padding: 10px 5px;
}
li.widget {
padding: 10px 0;
text-align: justify;
}
li.widget img {
float: left;
margin: 2px 10px 2px 5px;
}
.widget ul a {
font-style:italic;
}
.widget ul a:hover {
color: #ccc;
}
.rss-link, .fb-link, .twitter-link {
display:block;
padding: 5px 0 0 30px;
height: 25px;
}
.rss-link {
background: url(images/rss.png) no-repeat 0 0 transparent;
}
.fb-link {
background: url(images/facebook.png) no-repeat 0 0 transparent;
}
.twitter-link {
background: url(images/twitter.png) no-repeat 0 0 transparent;
}
/********************/
/* Footer */
/********************/
#footer p{
/* text-align: right; */
font-size: 1em;
padding: 0 10px 20px 0;
}
.bclogo {
float:right;
margin-right:250px;
}
/********************/
/* Comments */
/********************/
#comments-title {
color: #666666;
font-size: 10px;
font-weight: 500;
line-height: 2.6em;
padding: 0 0 2.6em;
text-transform: uppercase;
}
.nopassword, .nocomments {
color: #AAAAAA;
font-size: 24px;
font-weight: 100;
margin: 26px 0;
text-align: center;
}
.commentlist {
list-style: none outside none;
margin: 0 auto;
width: 90%;
padding-left: 80px;
box-sizing: border-box;
}
article.comment {
border: none;
margin-top: 0px;
}
.comment {
color: black;
}
.comment a {
color: #1982D1;
}
.content .commentlist, .page-template-sidebar-page-php .commentlist {
width: 100%;
}
.commentlist > li.comment {
background: none repeat scroll 0 0 #F6F6F6;
border: 1px solid #DDDDDD;
border-radius: 3px 3px 3px 3px;
margin: 0 0 1.625em;
padding: 1.625em;
position: relative;
}
.commentlist .pingback {
margin: 0 0 1.625em;
padding: 0 1.625em;
}
.commentlist .children {
list-style: none outside none;
margin: 0;
}
.commentlist .children li.comment {
background: none repeat scroll 0 0 #FFFFFF;
border-left: 1px solid #DDDDDD;
border-radius: 0 3px 3px 0;
margin: 1.625em 0 0;
padding: 1.625em;
position: relative;
}
.commentlist .children li.comment .fn {
display: block;
}
.comment-meta .fn {
font-style: normal;
}
.comment-meta {
color: #666666;
font-size: 12px;
line-height: 2.2em;
}
.commentlist .children li.comment .comment-meta {
line-height: 1.625em;
margin-left: 50px;
}
.commentlist .children li.comment .comment-content {
margin: 1.625em 0 0;
}
.comment-meta a {
font-weight: bold;
}
.comment-meta a:focus, .comment-meta a:active, .comment-meta a:hover {
}
.commentlist .avatar {
border-radius: 3px 3px 3px 3px;
box-shadow: 0 1px 2px #CCCCCC;
left: -102px;
padding: 0;
position: absolute;
top: 0;
}
.commentlist > li:before {
content: url("images/comment-arrow.png") !important;
left: -21px;
position: absolute;
}
.commentlist > li.pingback:before {
content: "";
}
.commentlist .children .avatar {
background: none repeat scroll 0 0 transparent;
box-shadow: none;
left: 2.2em;
padding: 0;
top: 2.2em;
}
a.comment-reply-link {
background: none repeat scroll 0 0 #EEEEEE;
border-radius: 3px 3px 3px 3px;
color: #666666;
display: inline-block;
font-size: 12px;
padding: 0 8px;
text-decoration: none;
-moz-transition: background-color 400ms ease, color 400ms ease;
-webkit-transition: background-color 400ms ease, color 400ms ease;
-o-transition: background-color 400ms ease, color 400ms ease;
-ms-transition: background-color 400ms ease, color 400ms ease;
transition: background-color 400ms ease, color 400ms ease;
}
a.comment-reply-link:hover, a.comment-reply-link:focus, a.comment-reply-link:active {
background: none repeat scroll 0 0 #888888;
color: #FFFFFF;
}
a.comment-reply-link > span {
display: inline-block;
position: relative;
top: -1px;
}
.commentlist > li.bypostauthor {
background: none repeat scroll 0 0 #DDDDDD;
border-color: #D3D3D3;
}
.commentlist > li.bypostauthor .comment-meta {
color: #575757;
}
.commentlist > li.bypostauthor .comment-meta a:focus, .commentlist > li.bypostauthor .comment-meta a:active, .commentlist > li.bypostauthor .comment-meta a:hover {
}
.commentlist > li.bypostauthor:before {
content: url("images/comment-arrow-bypostauthor.png");
}
.commentlist .children > li.bypostauthor {
background: none repeat scroll 0 0 #DDDDDD;
border-color: #D3D3D3;
}
.page-template-sidebar-page-php .commentlist > li.comment, .page-template-sidebar-page-php.commentlist .pingback {
margin-left: 102px;
width: auto;
}
.page-template-sidebar-page-php #respond {
width: auto;
}
#respond {
color: #000;
background: none repeat scroll 0 0 #DDDDDD;
border: 1px solid #D3D3D3;
border-radius: 3px 3px 3px 3px;
margin: 0 auto 1.625em;
padding: 1.625em 1.625em 50px 1.625em;
position: relative;
width: 90%;
}
#respond a {
color: #1982D1;
}
#respond input[type="text"], #respond textarea {
background: none repeat scroll 0 0 #FFFFFF;
border: 4px solid #EEEEEE;
border-radius: 5px 5px 5px 5px;
box-shadow: 0 1px 3px rgba(204, 204, 204, 0.95) inset;
padding: 3px 10px;
position: relative;
text-indent: 80px;
}
#respond .comment-form-author, #respond .comment-form-email, #respond .comment-form-url, #respond .comment-form-comment {
position: relative;
}
#respond .comment-form-author label, #respond .comment-form-email label, #respond .comment-form-url label, #respond .comment-form-comment label {
background: none repeat scroll 0 0 #EEEEEE;
/*box-shadow: 1px 2px 2px rgba(204, 204, 204, 0.8);*/
color: #555555;
display: inline-block;
font-size: 13px;
left: 4px;
min-width: 60px;
padding: 5px 10px;
position: absolute;
top: 0px;
z-index: 1;
height: 25px;
}
#respond input[type="text"].comment-form-content:focus, #respond textarea:focus {
text-indent: 0;
z-index: 1;
}
#respond textarea {
resize: vertical;
width: 95%;
}
#respond .comment-form-author .required, #respond .comment-form-email .required {
color: #BD3500;
font-size: 22px;
font-weight: bold;
left: 75%;
position: absolute;
top: 5px;
z-index: 1;
}
#respond .comment-notes, #respond .logged-in-as {
font-size: 13px;
}
#respond p {
margin: 10px 0;
}
#respond .form-submit {
float: right;
margin: -20px 0 10px;
}
#respond input#submit {
/* background: none repeat scroll 0 0 #222222;*/
background: none repeat scroll 0 0 #6CBCE3;
border: medium none;
border-radius: 3px 3px 3px 3px;
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
color: #EEEEEE;
cursor: pointer;
font-size: 15px;
left: 0px;
margin: 20px 0;
padding: 5px 42px 5px 22px;
position: relative;
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.3);
}
#respond input#submit:active {
/* background: none repeat scroll 0 0 #1982D1;*/
background: none repeat scroll 0 0 #222222;
/*color: #BFDDF3;*/
}
#respond input#submit:hover {
/* background: none repeat scroll 0 0 #1982D1;*/
background: none repeat scroll 0 0 #0093D0;
}
#respond #cancel-comment-reply-link {
color: #666666;
margin-left: 10px;
text-decoration: none;
}
#respond .logged-in-as a:hover, #respond #cancel-comment-reply-link:hover {
text-decoration: underline;
}
.commentlist #respond {
margin: 1.625em 0 0;
width: auto;
}
.reply {
text-align: right;
}
.edit-comment-link {
display: none;
float: right;
background-color: #6CBCE3;
border: medium none;
border-radius: 3px 3px 3px 3px;
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.3);
}
.edit-comment-link a {
color: #EEEEEE;
padding: 2px 10px;
}
.edit-comment-link:hover {
background-color: #0093D0;
}
div.comment-author:hover div.edit-comment-link {
display: block;
}
#reply-title {
color: #373737;
font-size: 24px;
font-weight: bold;
line-height: 30px;
}
#respond p.form-allowed-tags {
font-size: 1em;
color: #444;
}
#cancel-comment-reply-link {
color: #888888;
display: block;
font-size: 10px;
font-weight: normal;
letter-spacing: 0.05em;
line-height: 2.2em;
position: absolute;
right: 1.625em;
text-decoration: none;
text-transform: uppercase;
top: 1.1em;
}
#cancel-comment-reply-link:focus, #cancel-comment-reply-link:active, #cancel-comment-reply-link:hover {
color: #FF4B33;
}
#respond label {
line-height: 2.2em;
}
#respond input[type="text"] {
display: block;
height: 24px;
width: 75%;
}
#respond p {
font-size: 12px;
}
p.comment-form-comment {
margin: 0;
}
/********************/
/* Links */
/********************/
a {
color: #fff;
text-decoration: none;
}
a img {
border: none;
}
.clear {
clear:both;
}
div.goog-tooltip {
color: black;
}
/* a#menulauncher
{
background: center center no-repeat transparent;
background-image: url( data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAAZCAYAAADE6YVjAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAADhJREFUeNpi/P//PwOtARMDHQBdLGFBYtMq3BiHT3DRPU4YR4NrNAmPJuHRJDyahEeT8Ii3BCDAAF0WBj5Er5idAAAAAElFTkSuQmCC );
display: block;
width: 40px;
height: 40px;
position: absolute;
top: 0.3em;
} */
a#menulauncher
{
box-sizing: border-box;
display: block;
width: 40px;
height: 45px;
position: absolute;
top: 0.3em;
left: 0;
z-index: 4;
}
a#menulauncher:before,
a#menulauncher:after,
a#menulauncher span
{
background: #fff;
content: '';
display: block;
width: 30px;
height: 5px;
position: absolute;
left: 7px;
border-radius: 2px;
}
a#menulauncher:before
{
top: 5px;
}
a#menulauncher span
{
top: 15px;
}
a#menulauncher:after
{
top: 25px;
}
/* Hamburger animation */
a#menulauncher:before,
a#menulauncher:after,
a#menulauncher span
{
-webkit-transition: none 0.5s ease 0.5s;
transition: none 0.5s ease 0.5s;
-webkit-transition-property: transform, top, bottom, left, opacity;
transition-property: transform, top, bottom, left, opacity;
}
html.mm-opening a#menulauncher:before,
html.mm-opening a#menulauncher:after
{
top: 20px;
}
html.mm-opening a#menulauncher span
{
left: -50px;
opacity: 0;
}
html.mm-opening a#menulauncher:before
{
transform: rotate( 45deg );
}
html.mm-opening a#menulauncher:after
{
transform: rotate( -45deg );
}
nav:not(.mm-menu)
{
display: none;
}
#mm-blocker
{
/*background: rgba( 91, 197, 255, 0 );*/
background: rgba( 0, 0, 0, 0 );
}
.mm-opening #mm-blocker
{
/*background: rgba( 91, 197, 255, 0.5 );*/
background: rgba( 0, 0, 0, 0.5 );
transition: background 1s ease 0.3s;
}
.fa {
display: inline-block;
font-family: FontAwesome;
font-style: normal;
font-weight: normal;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.fa-facebook {
color: #3a5795 !important;
}
.fa-envelope {
color: #e34545 !important;
}
.fa-twitter {
color: #5bc5ff !important;
}
.fa-rss-square:before {
background: -webkit-gradient(linear, left top, right bottom, from(#f68638), to(#ca580a));
-webkit-background-clip: text;
-moz-background-clip: text;
-webkit-text-fill-color: transparent;
color: #ca580a;
display: initial;
}
.fa-instagram:before {
background: -webkit-gradient(linear, left top, right bottom, from(#7fa4bf), to(#213e58));
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
color: #7393AA;
display: initial;
}
.mm-navbar .fa {
font-size: 2em;
}
.nav-main-title {
font-size: 2em;
margin-top: 0.1em;
font-family: 'Nothing You Could Do', cursive;
}
@media all and (max-width: 1020px) {
.sidebar {
display: none;
}
#content {
width: 100%;
max-width: 1000px;
}
#header #headersearch {
display: none;
}
.keep-reading {
display: none;
}
.post-comments-count {
clear: none;
}
.post-categories {
display: none;
}
.post-tags {
display: none;
}
.previous-post-link-label, .next-post-link-label{
display: none;
}
.fa.vibrateltr, .fa.vibratertl {
font-size: 3em;
}
.article-footer {
font-size: 1em;
}
}
.post-text-single iframe, .post-text-single img {
max-width: 100%
}
@media all and (max-width: 500px) {
.photo_banner {
border:white 5px solid;
border-bottom:white 15px solid;
}
.photo_banner p {
font-size: 0.8em;
bottom: 20px;
}
}
@media all and (-webkit-device-pixel-ratio: 2.0) {
body {
font-size: 0.6em;
}
}