Lipiec 16, 2017
/*
Theme Name: Blue Scenery
Description: A theme built for showing off scenery and bloging about the outdoors. Includes image slider with support for 4 images. Fully responsive and supports all the major browsers including Chrome, Safari, Firefox, Opera, IE8+ as well as a mobile layout for phones.
Version: 1.6
Author: Peter Hegman
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: black, blue, two-columns, right-sidebar, fluid-layout, custom-menu, featured-images, sticky-post, translation-ready
Text Domain: blue-scenery
*/
/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
1.0 Reset
2.0 Typography
3.0 Elements
4.0 Forms
5.0 Containers
6.0 Header
6.1 Search Bar
6.2 Title
6.3 Slider
7.0 Navigation
8.0 Content
8.1 Posts
8.2 Pages
8.3 Archives
8.4 Comments
9.0 Media
9.1 Gallery
10.0 Captions
11.0 Sidebar
12.0 Footer
13.0 Media Queries
--------------------------------------------------------------*/
/*--------------------------------------------------------------
1.0 Reset
--------------------------------------------------------------*/
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, font, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
border: 0;
font-family: inherit;
font-size: 100%;
font-style: inherit;
font-weight: inherit;
margin: 0;
outline: 0;
padding: 0;
vertical-align: baseline;
}
html {
font-size: 62.5%; /* Corrects text resizing oddly in IE6/7 when body font-size is set using em units http://clagnut.com/blog/348/#c790 */
overflow-y: scroll; /* Keeps page centered in all browsers regardless of content height */
-webkit-text-size-adjust: 100%; /* Prevents iOS text size adjust after orientation change, without disabling user zoom */
-ms-text-size-adjust: 100%; /* www.456bereastreet.com/archive/201012/controlling_text_size_in_safari_for_ios_without_disabling_user_zoom/ */
box-sizing: border-box; /* Apply a natural box layout model to the document; see http://www.paulirish.com/2012/box-sizing-border-box-ftw/ */
}
*,
*:before,
*:after { /* Inherit box-sizing to make it easier to change the property for components that leverage other behavior; see http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
box-sizing: inherit;
}
body {
background: #fff; /* Fallback for when there is no custom background color defined. */
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
nav,
section {
display: block;
}
ol,
ul {
list-style: none;
}
table { /* tables still need 'cellspacing="0"' in the markup */
border-spacing: 0;
border-collapse: collapse;
border-spacing: 0;
width:100%;
height:100%;
margin:0px;padding:0px;
}
caption,
th,
td {
font-weight: normal;
text-align: left;
}
blockquote, q {
quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: '';
content: none;
}
blockquote,
q {
quotes: "" "";
}
a:focus {
outline: thin dotted;
}
a:hover,
a:active {
outline: 0;
}
a img {
border: 0;
}
/*--------------------------------------------------------------
2.0 Typography
--------------------------------------------------------------*/
html {
position: relative;
min-height: 100%;
}
body {
margin: 0 0 80px; /* bottom = footer height */
}
body,
button,
input,
select,
textarea {
color: #404040;
font-family: sans-serif;
font-size: 16px;
font-size: 1.6rem;
line-height: 1.5;
}
h1,
h2,
h3,
h4,
h5,
h6 {
clear: both;
}
h1 {
font-size: 48px;
margin: 33px 0;
}
h2 {
font-size: 30px;
margin: 25px 0;
}
h3 {
font-size: 22px;
margin: 22px 0;
}
h4 {
font-size: 20px;
margin: 25px 0;
}
h5 {
font-size: 18px;
margin: 30px 0;
}
h6 {
font-size: 16px;
margin: 36px 0;
}
p {
margin-bottom: 1.5em;
}
b,
strong {
font-weight: bold;
}
dfn,
cite,
em,
i {
font-style: italic;
}
blockquote {
margin: 0 1.5em;
}
blockquote p {
position:relative;
font-style:italic;
}
blockquote p:before {
content: "\201C";
display:inline-block;
font-size: 80px;
color: #7a7a7a;
height:50px;
position:absolute;
top:-45px;
left:-35px;
}
blockquote p:after {
content: "\201D";
position:absolute;
bottom:10px;
display:inline-block;
font-size: 80px;
color: #7a7a7a;
height:50px;
}
cite {
color:#999;
margin-left:40px;
}
cite:before {
content:'-';
color:#999;
}
address {
margin: 0 0 1.5em;
}
pre {
background: #eee;
font-family: "Courier 10 Pitch", Courier, monospace;
font-size: 15px;
font-size: 1.5rem;
line-height: 1.6;
margin-bottom: 1.6em;
max-width: 100%;
overflow: auto;
padding: 1.6em;
}
code,
kbd,
tt,
var {
font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
font-size: 15px;
font-size: 1.5rem;
}
abbr,
acronym {
border-bottom: 1px dotted #666;
cursor: help;
}
mark,
ins {
background: #fff9c0;
text-decoration: none;
}
sup,
sub {
font-size: 75%;
height: 0;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sup {
bottom: 1ex;
}
sub {
top: .5ex;
}
small {
font-size: 75%;
}
big {
font-size: 125%;
}
/*--------------------------------------------------------------
3.0 Elements
--------------------------------------------------------------*/
hr {
background-color: #ccc;
border: 0;
height: 1px;
margin-bottom: 1.5em;
}
ol {
list-style: decimal;
margin-left:23px;
}
ul {
list-style-type: disc;
margin-left:23px;
}
nav ul,
nav ol {
list-style: none;
list-style-image: none;
}
li > ul,
li > ol {
margin-bottom: 0;
margin-left: 1.5em;
}
dt {
font-weight: bold;
}
dd {
margin: 0 1.5em 1.5em;
}
img {
height: auto; /* Make sure images are scaled correctly. */
max-width: 100%; /* Adhere to container width. */
}
figure {
margin: 0;
}
table {
margin: 0 0 1.5em;
width: 100%;
border:2px solid #09F;
}
thead {
background-color:#09F;
}
thead th {
color:#FFF;
}
table td,
table th {
border:2px solid #09F;
padding:2px;
}
th {
font-weight: bold;
}
/*--------------------------------------------------------------
4.0 Forms
--------------------------------------------------------------*/
button,
input,
select,
textarea {
font-size: 100%; /* Corrects font size not being inherited in all browsers */
margin: 0; /* Addresses margins set differently in IE6/7, F3/4, S5, Chrome */
vertical-align: baseline; /* Improves appearance and consistency in all browsers */
}
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
border: 1px solid;
border-color: #ccc #ccc #bbb;
border-radius: 3px;
background: #e6e6e6;
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.5), inset 0 15px 17px rgba(255, 255, 255, 0.5), inset 0 -5px 12px rgba(0, 0, 0, 0.05);
color: rgba(0, 0, 0, .8);
cursor: pointer; /* Improves usability and consistency of cursor style between image-type 'input' and others */
-webkit-appearance: button; /* Corrects inability to style clickable 'input' types in iOS */
font-size: 12px;
font-size: 1.2rem;
line-height: 1;
padding: .6em 1em .4em;
text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8);
}
button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
border-color: #ccc #bbb #aaa;
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.8), inset 0 15px 17px rgba(255, 255, 255, 0.8), inset 0 -5px 12px rgba(0, 0, 0, 0.02);
}
button:focus,
input[type="button"]:focus,
input[type="reset"]:focus,
input[type="submit"]:focus,
button:active,
input[type="button"]:active,
input[type="reset"]:active,
input[type="submit"]:active {
border-color: #aaa #bbb #bbb;
box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 0.5), inset 0 2px 5px rgba(0, 0, 0, 0.15);
}
input[type="checkbox"],
input[type="radio"] {
padding: 0; /* Addresses excess padding in IE8/9 */
}
input[type="search"] {
-webkit-appearance: textfield; /* Addresses appearance set to searchfield in S5, Chrome */
box-sizing: content-box;
}
input[type="search"]::-webkit-search-decoration { /* Corrects inner padding displayed oddly in S5, Chrome on OSX */
-webkit-appearance: none;
}
input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
textarea {
color: #666;
border: 1px solid #ccc;
border-radius: 3px;
}
input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
textarea:focus {
color: #111;
}
input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"] {
padding: 3px;
}
textarea {
overflow: auto; /* Removes default vertical scrollbar in IE6/7/8/9 */
padding-left: 3px;
vertical-align: top; /* Improves readability and alignment in all browsers */
width: 100%;
}
/*--------------------------------------------------------------
5.0 Containers
--------------------------------------------------------------*/
#container {
width:100%;
margin-left:auto;
margin-right:auto;
}
#main {
width:100%;
}
#blog {
width: 65%;
float: left;
}
/*--------------------------------------------------------------
6.0 Header
--------------------------------------------------------------*/
header {
width:100%;
background-color:#FFF;
}
.line {
width:80%;
margin-left:auto;
margin-right:auto;
border:2px solid #007acc;
border-radius:20px;
display:block;
}
/*--------------------------------------------------------------
6.1 Search Bar
--------------------------------------------------------------*/
.search-contain {
width:100%;
height:45px;
}
.search-form {
position:absolute;
margin:.75% 0 0 .75%;
}
.screen-reader-text {
clip: rect(1px, 1px, 1px, 1px);
position: absolute !important;
}
.screen-reader-text:focus {
background-color: #f1f1f1;
border-radius: 3px;
box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
clip: auto !important;
color: #21759b;
display: block;
font-size: 14px;
font-weight: bold;
height: auto;
line-height: normal;
padding: 15px 23px 14px;
position: absolute;
left: 5px;
top: 5px;
text-decoration: none;
width: auto;
z-index: 100000; /* Above WP toolbar */
}
.search-field {
background-color: transparent;
background-size:24px 24px;
background-position: 15px center;
background-repeat: no-repeat;
border: none;
cursor: pointer;
height: 37px;
margin: 3px 0;
padding: 0 0 0 34px;
-webkit-transition: width 400ms ease, background 400ms ease;
transition: width 400ms ease, background 400ms ease;
width: 1px;
background-image:url("images/search-icon.png");
}
.search-field:focus {
background-color: #fff;
border-radius:10px;
border: 2px solid #c3c0ab;
cursor: text;
outline: 0;
width: 230px;
}
.search-form .search-submit {
display: none;
}
/*--------------------------------------------------------------
6.2 Title
--------------------------------------------------------------*/
#title-wrap {
float:right;
margin:0 3% 2% 0;
text-align:center;
}
#title {
display:inline-block;
font-size:3em;
font-family: 'Quicksand', sans-serif;
margin:0px;
border-bottom:2px solid #09F;
}
#description {
margin:0;
font-size:1.5em;
font-style:italic;
}
/*--------------------------------------------------------------
6.3 Slider
--------------------------------------------------------------*/
#featured-excerpt {
background-color:#E6E6E6; /*For IE */
background-color:rgba(204,204,204,.7);
position:absolute;
border-radius:20px;
top:45%;
left:55%;
width:40%;
}
#featured-excerpt a {
font-size:2vw;
color:#000;
display:block;
margin-top:2%;
}
#featured-excerpt p {
font-size:1.25vw;
margin:0 5% 0 5%;
text-align:left;
}
#featured-excerpt #read-more {
display:inline-block;
background: #3498db;
background-image: -webkit-linear-gradient(top, #3498db, #2980b9);
background-image: -moz-linear-gradient(top, #3498db, #2980b9);
background-image: -ms-linear-gradient(top, #3498db, #2980b9);
background-image: -o-linear-gradient(top, #3498db, #2980b9);
background-image: linear-gradient(to bottom, #3498db, #2980b9);
-webkit-border-bottom-right-radius: 20px;
-moz-border-bottom-right-radius: 20px;
border-bottom-right-radius:20px;
-webkit-border-top-left-radius: 20px;
-moz-border-top-left-radius: 20px;
border-top-left-radius:20px;
font-family: Arial;
font-size: 1.45vw;
padding: 2% 2% 2% 2%;
margin:0;
text-decoration: none;
float:right;
}
#featured-excerpt #read-more:hover {
background: #3cb0fd;
background-image: -webkit-linear-gradient(top, #3cb0fd, #3498db);
background-image: -moz-linear-gradient(top, #3cb0fd, #3498db);
background-image: -ms-linear-gradient(top, #3cb0fd, #3498db);
background-image: -o-linear-gradient(top, #3cb0fd, #3498db);
background-image: linear-gradient(to bottom, #3cb0fd, #3498db);
text-decoration: none;
}
/*--------------------------------------------------------------
7.0 Navigation
--------------------------------------------------------------*/
#nav-wrap
{
float:left;
margin:3% 0 2% 2%;
vertical-align:bottom;
}
#nav-wrap > a
{
display: none;
}
.menu li
{
position: relative;
}
/* first level */
.menu > ul
{
}
.menu > ul > li
{
border-left:2px solid #006bb2;
padding-left:5px;
display:inline-block;
text-decoration:none;
}
.menu > ul > li > a {
margin:0 2px 2px 2px;
color:#09F;
text-decoration:none;
font-size:30px;
font-family: 'Quicksand', sans-serif;
letter-spacing:4px;
}
.menu > ul > .menu-item-has-children > a:after,
.menu > ul > .page_item_has_children > a:after {
content: "\f078";
font-family: FontAwesome;
font-style: normal;
font-weight: normal;
text-decoration: inherit;
color:#09F;
font-size:20px;
}
.menu > ul > li:first-child {
border-left:none;
}
/* second level */
.menu li > ul
{
display: none;
position: absolute;
top: 100%;
margin-left:-7px;
opacity: 0;
visibility: hidden;
-webkit-transiton: opacity 0.2s;
-moz-transition: opacity 0.2s;
-ms-transition: opacity 0.2s;
-o-transition: opacity 0.2s;
-transition: opacity 0.2s;
}
.menu li:hover > ul
{
display: block;
opacity: 1;
visibility: visible;
z-index:150;
}
.menu li ul li {
background-color:#FFF;
border:2px solid #006bb2;
border-bottom:none;
display:block;
white-space:nowrap;
padding:5px;
}
.menu li ul li a {
color:#09F;
font-size:20px;
font-family: 'Quicksand', sans-serif;
text-decoration:none;
display:block;
}
.menu > ul > li > ul > li:hover {
background-color:#09F;
}
.menu > ul > li > ul > li:hover > a {
color:#FFF;
}
.menu li ul li:last-child {
border-bottom:2px solid #006bb2;
border-bottom-left-radius:10px;
border-bottom-right-radius:10px;
}
.menu li ul li:only-child {
border-top-right-radius:0px;
border-top:2px solid #006bb2;
border-bottom:2px solid #006bb2;
display:block;
}
.menu > li > ul > li > ul li:only-child {
border-top-right-radius:0px;
border-top:2px solid #006bb2;
border-bottom:2px solid #006bb2;
display:block;
}
.menu ul ul ul {
left: 100%;
top: -2px;
margin-left:0;
}
.menu > ul > li > ul > li > ul li:hover {
background-color:#09F;
}
.menu > ul > li > ul > li > ul li:hover > a {
color:#FFF;
}
.menu > ul > li > ul > li > ul li:first-child {
border-bottom-left-radius:0px;
}
.menu > ul > li > ul .menu-item-has-children:hover,
.menu > ul > li > ul .page_item_has_children:hover {
border-bottom-right-radius:0px;
}
/*--------------------------------------------------------------
8.0 Content
--------------------------------------------------------------*/
/*--------------------------------------------------------------
8.1 Posts
--------------------------------------------------------------*/
#blog .sticky {
border:2px solid #09F;
border-radius:10px;
}
.sticky + .post {
border-top:none;
}
.post{
margin: 15px 0 30px 5%;
border-top:2px solid #BDBDBD;
padding:2%;
}
.post:first-child {
border-top:none;
}
.title {
margin:0 0 2% 0;
display:inline-block;
}
.title a {
font-family: 'Quicksand', sans-serif;
text-decoration:none;
color:#09F;
}
a[rel=author] {
float:left;
background-color:rgba(230,230,230,1);
text-decoration:none;
display:block;
width:auto;
color:#09F;
padding:5px;
border-radius:10px;
}
a[rel=author]:before {
content: "\f007";
font-family: FontAwesome;
font-style: normal;
font-weight: normal;
text-decoration: inherit;
margin:0 7px 0 3px;;
}
.post-time-1 {
float:right;
font-size:1em;
text-decoration:none;
display:inline-block;
width:auto;
color:#CCC;
}
.post-time-2 {
float:right;
font-size:1em;
text-decoration:none;
display:inline-block;
width:auto;
color:#CCC;
height:45px;
padding-top:12px;
}
[class*="post-time"]:before {
content: "\f073";
font-family: FontAwesome;
font-style: normal;
font-weight: normal;
text-decoration: inherit;
margin-right:7px;
}
.comment-date-container {
float:right;
display:inline-block;
margin-top:13px;
}
.singlepost {
margin:2.5% 0 2.5% 5%;
}
.single-post-title {
margin:0 0 2% 0;
font-family: 'Quicksand', sans-serif;
font-size:2em;
color:#09F;
text-align:center;
}
.meta-container {
clear:both;
}
.tag-container {
width:38%;
float:right;
}
.blog-tag:before {
content: "\f02b";
font-family: FontAwesome;
font-style: normal;
font-weight: normal;
text-decoration: inherit;
margin-right:7px;
}
.blog-tag {
float:right;
width:auto;
background-color:#0CE894;
color:#FFF;
margin:0 1% 2% 1%;
padding:5px 7px 5px 7px;
border-radius:10px;
}
.category-container {
width:38%;
float:right;
text-align:center;
}
.blog-category:before {
content: "\f07b";
font-family: FontAwesome;
font-style: normal;
font-weight: normal;
text-decoration: inherit;
margin-right:7px;
}
.blog-category {
display:inline-block;
background-color:#09F;
color:#FFF;
margin:0 1% 2% 1%;
padding:5px 7px 5px 7px;
border-radius:10px;
}
.more-link,
.navi a {
background: #3498db;
background-image: -webkit-linear-gradient(top, #3498db, #2980b9);
background-image: -moz-linear-gradient(top, #3498db, #2980b9);
background-image: -ms-linear-gradient(top, #3498db, #2980b9);
background-image: -o-linear-gradient(top, #3498db, #2980b9);
background-image: linear-gradient(to bottom, #3498db, #2980b9);
border-radius:20px;
padding:5px 10px;
text-decoration: none;
color:#FFF;
margin-bottom:20px;
}
.more-link:hover,
.navi a:hover {
background: #3cb0fd;
background-image: -webkit-linear-gradient(top, #3cb0fd, #3498db);
background-image: -moz-linear-gradient(top, #3cb0fd, #3498db);
background-image: -ms-linear-gradient(top, #3cb0fd, #3498db);
background-image: -o-linear-gradient(top, #3cb0fd, #3498db);
background-image: linear-gradient(to bottom, #3cb0fd, #3498db);
text-decoration: none;
}
.navi {
margin-bottom:10px;
}
/*--------------------------------------------------------------
8.2 Pages
--------------------------------------------------------------*/
.single-page {
margin: 15px 0 30px 5%;
border-radius:20px;
padding:2%;
}
.page-title {
margin:0 0 2% 0;
text-align:center;
font-family: 'Quicksand', sans-serif;
text-decoration:none;
color:#09F;
}
.next-link {
clear:both;
margin-bottom:20px;
}
.next-link a {
background: #3498db;
background-image: -webkit-linear-gradient(top, #3498db, #2980b9);
background-image: -moz-linear-gradient(top, #3498db, #2980b9);
background-image: -ms-linear-gradient(top, #3498db, #2980b9);
background-image: -o-linear-gradient(top, #3498db, #2980b9);
background-image: linear-gradient(to bottom, #3498db, #2980b9);
border-radius:20px;
padding:5px 10px;
text-decoration: none;
color:#FFF;
float:right;
}
.next-link a:hover {
background: #3cb0fd;
background-image: -webkit-linear-gradient(top, #3cb0fd, #3498db);
background-image: -moz-linear-gradient(top, #3cb0fd, #3498db);
background-image: -ms-linear-gradient(top, #3cb0fd, #3498db);
background-image: -o-linear-gradient(top, #3cb0fd, #3498db);
background-image: linear-gradient(to bottom, #3cb0fd, #3498db);
}
/*--------------------------------------------------------------
8.3 Archives
--------------------------------------------------------------*/
.archives {
margin: 15px 0 30px 5%;
border-radius:20px;
padding:2%;
}
#by-month {
width:45%;
display:inline-block;
vertical-align:top;
}
#by-month h2,
#by-subject h2 {
text-align:center;
}
#by-subject {
width:45%;
display:inline-block;
vertical-align:top;
}
.archives ul {
list-style-type:none;
width:80%;
display:block;
margin:0 auto 0 auto;
}
.archives ul li {
text-align:center;
margin-bottom:5px;
border-radius:10px;
padding:5px 0;
}
#by-month ul li {
background-color:#09F;
}
#by-subject ul li {
background-color:#0CE894;
}
.archives ul li a {
display:block;
width:100%;
color:#FFF;
text-decoration:none;
font-weight:bold;
}
/*--------------------------------------------------------------
8.4 Comments
--------------------------------------------------------------*/
.comment-content a {
word-wrap: break-word;
}
.bypostauthor {
display: block;
}
.bubble-link {
text-decoration:none;
}
.bubble {
font-size:1em;
color:#CCC;
}
.bubble:before {
content: "\f075";
font-family: FontAwesome;
font-style: normal;
font-weight: normal;
text-decoration: inherit;
margin-right:7px;
}
.comments-title {
font: 300 italic 28px "Source Sans Pro", Helvetica, sans-serif;
text-align:center;
}
.comment-list,
.comment-list .children {
list-style-type: none;
padding: 0;
margin-left:5%;
clear:both;
}
.comment-list .children {
margin-left: 20px;
clear:both;
}
.comment-list > li,
.comment-list .children > li {
display: block;
border-top:2px solid #BDBDBD;
}
.comment {
}
.comment-body {
padding: 24px 0;
position: relative;
}
.comment-body:after {
visibility: hidden;
display: block;
content: "";
clear: both;
height: 0;
}
.comment-author {
float: left;
max-width: 74px;
margin-right:10px;
}
.comment-author .avatar {
display: block;
margin-bottom: 5px;
}
cite.fn:before {
content:''
}
.comment-author cite.fn {
word-wrap: break-word;
display:inline-block;
line-height:130%;
margin-left:0;
}
.comment-author cite.fn,
.comment-author .url,
.comment-reply-link,
.comment-reply-login {
color: #09F;
font-size: 14px;
font-style: normal;
font-weight: normal;
}
.comment-reply-link,
.comment-reply-login {
background: #3498db;
background-image: -webkit-linear-gradient(top, #3498db, #2980b9);
background-image: -moz-linear-gradient(top, #3498db, #2980b9);
background-image: -ms-linear-gradient(top, #3498db, #2980b9);
background-image: -o-linear-gradient(top, #3498db, #2980b9);
background-image: linear-gradient(to bottom, #3498db, #2980b9);
border-radius:20px;
padding:5px 10px;
text-decoration: none;
color:#FFF;
position:absolute;
bottom:5px;
right:5px;
}
.comment-reply-link:hover,
.comment-reply-login:hover {
background: #3cb0fd;
background-image: -webkit-linear-gradient(top, #3cb0fd, #3498db);
background-image: -moz-linear-gradient(top, #3cb0fd, #3498db);
background-image: -ms-linear-gradient(top, #3cb0fd, #3498db);
background-image: -o-linear-gradient(top, #3cb0fd, #3498db);
background-image: linear-gradient(to bottom, #3cb0fd, #3498db);
}
.says {
display: none;
}
.comment-meta {
float:right;
}
.comment-meta a {
font-size:1em;
text-decoration:none;
color:#CCC;
}
.comment-meta a:first-child:before {
content: "\f073";
font-family: FontAwesome;
font-style: normal;
font-weight: normal;
text-decoration: inherit;
margin-right:3px;
}
/* Comment form (Mostly from twentythirteen wordpress theme) */
.comment-respond {
background-color: #cceaff;
padding: 30px 5%;
width:90%;
margin:0 auto 0 auto;
}
.comment .comment-respond {
margin-bottom: 20px;
padding: 20px;
}
.comment-reply-title {
font: 300 italic 28px "Source Sans Pro", Helvetica, sans-serif;
}
.comment-reply-title small a {
color: #131310;
display: inline-block;
float: right;
height: 16px;
overflow: hidden;
width: 16px;
}
.comment-reply-title small a:hover {
color: #ed331c;
text-decoration: none;
}
.comment-reply-title small a:before {
content: "\f406";
vertical-align: top;
}
.sidebar .comment-list .comment-reply-title,
.sidebar .comment-list .comment-respond .comment-form {
padding: 0;
}
.comment-form .comment-notes {
margin-bottom: 15px;
}
.comment-form .comment-form-author,
.comment-form .comment-form-email,
.comment-form .comment-form-url {
margin-bottom: 8px;
}
.comment-form [for="author"],
.comment-form [for="email"],
.comment-form [for="url"],
.comment-form [for="comment"] {
float: left;
padding: 5px 0;
width: 120px;
}
.comment-form .required {
color: #ed331c;
}
.comment-form input[type="text"],
.comment-form input[type="email"],
.comment-form input[type="url"] {
max-width: 270px;
width: 60%;
}
.comment-form textarea {
width: 100%;
}
.form-allowed-tags,
.form-allowed-tags code {
color: #686758;
font-size: 12px;
}
.form-allowed-tags code {
font-size: 10px;
margin-left: 3px;
}
.comment-list .pingback,
.comment-list .trackback {
padding-top: 24px;
}
.comment-navigation {
font-size: 20px;
font-style: italic;
font-weight: 300;
margin: 0 auto;
max-width: 604px;
padding: 20px 0 30px;
width: 100%;
}
.no-comments {
background-color: #f7f5e7;
font-size: 20px;
font-style: italic;
font-weight: 300;
margin: 0;
padding: 40px 0;
text-align: center;
}
.sidebar .no-comments {
padding-left: 60px;
padding-right: 376px;
}
/*--------------------------------------------------------------
9.0 Media
--------------------------------------------------------------*/
.page-content img.wp-smiley,
.entry-content img.wp-smiley,
.comment-content img.wp-smiley {
border: none;
margin-bottom: 0;
margin-top: 0;
padding: 0;
}
/* Make sure embeds and iframes fit their containers */
embed,
iframe,
object {
max-width: 100%;
}
/* Fluid images for posts, comments, and widgets */
.entry-content img,
.entry-summary img,
.comment-content img,
.widget img,
.wp-caption {
max-width: 100%;
}
/* Make sure images with WordPress-added height and width attributes are scaled correctly. */
.entry-content img,
.entry-summary img,
.comment-content img[height],
img[class*="align"],
img[class*="wp-image-"],
img[class*="attachment-"] {
height: auto;
}
img.size-full,
img.size-large,
img.wp-post-image {
height: auto;
max-width: 100%;
}
/*--------------------------------------------------------------
9.1 Galleries (Styling mostly from twentythirteen)
--------------------------------------------------------------*/
.gallery {
margin-bottom: 20px;
margin-left: -4px;
}
.gallery-item {
float: left;
margin: 0 4px 4px 0;
position: relative;
}
.gallery-columns-1.gallery-size-medium,
.gallery-columns-1.gallery-size-thumbnail,
.gallery-columns-2.gallery-size-thumbnail,
.gallery-columns-3.gallery-size-thumbnail {
display: table;
margin: 0 auto 20px;
}
.gallery-columns-1 .gallery-item,
.gallery-columns-2 .gallery-item,
.gallery-columns-3 .gallery-item {
text-align: center;
}
.gallery-columns-4 .gallery-item {
max-width: 23%;
max-width: -webkit-calc(25% - 4px);
max-width: calc(25% - 4px);
}
.gallery-columns-5 .gallery-item {
max-width: 19%;
max-width: -webkit-calc(20% - 4px);
max-width: calc(20% - 4px);
}
.gallery-columns-6 .gallery-item {
max-width: 15%;
max-width: -webkit-calc(16.7% - 4px);
max-width: calc(16.7% - 4px);
}
.gallery-columns-7 .gallery-item {
max-width: 13%;
max-width: -webkit-calc(14.28% - 4px);
max-width: calc(14.28% - 4px);
}
.gallery-columns-8 .gallery-item {
max-width: 11%;
max-width: -webkit-calc(12.5% - 4px);
max-width: calc(12.5% - 4px);
}
.gallery-columns-9 .gallery-item {
max-width: 9%;
max-width: -webkit-calc(11.1% - 4px);
max-width: calc(11.1% - 4px);
}
.gallery-columns-1 .gallery-item:nth-of-type(1n),
.gallery-columns-2 .gallery-item:nth-of-type(2n),
.gallery-columns-3 .gallery-item:nth-of-type(3n),
.gallery-columns-4 .gallery-item:nth-of-type(4n),
.gallery-columns-5 .gallery-item:nth-of-type(5n),
.gallery-columns-6 .gallery-item:nth-of-type(6n),
.gallery-columns-7 .gallery-item:nth-of-type(7n),
.gallery-columns-8 .gallery-item:nth-of-type(8n),
.gallery-columns-9 .gallery-item:nth-of-type(9n) {
margin-right: 0;
}
.gallery-columns-1.gallery-size-medium figure.gallery-item:nth-of-type(1n+1),
.gallery-columns-1.gallery-size-thumbnail figure.gallery-item:nth-of-type(1n+1),
.gallery-columns-2.gallery-size-thumbnail figure.gallery-item:nth-of-type(2n+1),
.gallery-columns-3.gallery-size-thumbnail figure.gallery-item:nth-of-type(3n+1) {
clear: left;
}
.gallery-caption {
background-color: rgba(204,204,204,.7);
box-sizing: border-box;
color: #fff;
font-size: 14px;
line-height: 1.3;
margin: 0;
opacity: 0;
padding: 2px 8px;
position: absolute;
top: 5%;
left: 0;
text-align: left;
-webkit-transition: opacity 400ms ease;
transition: opacity 400ms ease;
width: 100%;
z-index:100;
display:none;
}
/*.gallery-caption:before {
box-shadow: 0 -10px 15px #000 inset;
content: "";
height: 100%;
min-height: 49px;
position: absolute;
left: 0;
top: 0;
width: 100%;
}*/
.gallery-item:hover > .gallery-caption {
opacity: 1;
display:block;
}
.gallery-columns-7 .gallery-caption,
.gallery-columns-8 .gallery-caption,
.gallery-columns-9 .gallery-caption {
display: none;
}
/*--------------------------------------------------------------
10.0 Captions
--------------------------------------------------------------*/
.wp-caption {
max-width:96%;
padding:2%;
background-color:#F5F5F5;
border-radius:5px;
margin:1% 0 1% 0;
}
.wp-caption img[class*="wp-image-"] {
display: block;
margin: 0 auto;
}
.wp-caption-text {
text-align:center;
font-weight:bold;
}
.wp-caption .wp-caption-text {
margin: 0.8075em 0;
}
.navi {
text-transform: uppercase;
font-weight: bold;
}
/*--------------------------------------------------------------
11.0 Sidebar
--------------------------------------------------------------*/
#sidebar {
float:right;
width:32%;
padding-left:2%;
}
.widget {
margin:3% 0 3% 0;
width:70%;
padding:5%;
margin-left:auto;
margin-right:auto;
background-color:#E6E6E6;
border-radius:20px;
}
.widget h3 {
font-family: 'Quicksand', sans-serif;
text-align:center;
font-size:1.25em;
color:#0CE894;
border-bottom:3px solid #007acc;
padding-bottom:3%;
margin-bottom:3%;
margin-top:0;
}
.widget ul {
list-style-type:disc;
list-style-position:outside;
margin-left:7%;
}
.widget ul li a {
color:#09F;
}
#four-oh-four {
font-size:40px;
color:#09F;
text-align:center;
margin:10% 0 10% 0;
font-family: 'Quicksand', sans-serif;
}
/*--------------------------------------------------------------
12.0 Footer
--------------------------------------------------------------*/
footer {
position: absolute;
left: 0;
bottom: 0;
height: 80px;
width: 100%;
background-color:#09F;
}
footer p {
margin:30px 0 0 20px;
display:inline-block;
}
/*--------------------------------------------------------------
13.0 Media Queries
--------------------------------------------------------------*/
@media only screen and ( max-width: 640px ) {
#nav-wrap {
position:relative;
width:95%;
margin:0 2% 2% 2%;
top: auto;
left: auto;
}
#nav-wrap > a
{
background-color:#09f;
font-family: Arial;
color: #ffffff;
font-size: 30px;
padding: 0px 1px 0px 13px;
text-decoration: none;
}
#nav-wrap:not( :target ) > a:first-of-type {
display:block;
width:45px;
}
#nav-wrap:target > a:last-of-type
{
display: block;
width:45px;
}
.menu > ul
{
display:none;
width:100%;
margin-left:0px;
}
#nav-wrap:target .menu > ul
{
display:block;
height:auto;
}
.menu.menu > ul > li
{
width: 100%;
float: none;
border-left:none;
border-right:none;
border-bottom:2px solid #006bb2;
background-color:#09f;
padding:0px;
text-align:center;
}
.menu > ul > .menu-item-has-children > a::after,
.menu > ul > .page_item_has_children > a::after {
color:#FFF;
}
.menu > ul > li > ul .menu-item-has-children > a::after,
.menu > ul > li > ul .page_item_has_children > a::after {
content: "\f078";
font-family: FontAwesome;
font-style: normal;
font-weight: normal;
text-decoration: inherit;
color:#FFF;
font-size:15px;
margin-left:5px;
}
.menu.menu ul > li:last-child {
border-bottom:none;
}
.menu > ul > li > a {
margin:0px;
color:#FFF;
height:auto;
display:block;
width:100%;
}
.menu.menu > ul > li:hover {
background-color: #006bb2;
}
.menu > ul > li:hover > ul {
display:block;
margin:0px auto 0px auto;
width:96%;
position:static;
padding:0 2% 0 2%;
background-color:#006bb2;
}
.menu.menu > ul > li > ul > li {
border:none;
background-color:#006bb2;
border-radius:0px;
border-top:2px solid #09f;
}
.menu.menu > ul > li > ul > li:hover {
background-color:#09f;
}
.menu.menu > ul > li > ul > li > a {
color:#fff;
}
.menu ul ul ul {
left: 0;
top: 0;
margin-left:0;
margin:0px auto 0px auto;
width:96%;
position:static;
padding:0 2% 0 2%;
}
.menu.menu ul ul ul li {
background-color:#09F;
border-bottom:none;
border-right:none;
border-left:none;
}
.menu ul ul ul li a {
color:#FFF;
}
#title-wrap {
margin:0 0 2% 0;
float:none;
text-align:center;
}
#blog {
width:96%;
float:none;
}
#sidebar {
width:100%;
float:none;
padding-left:0;
}
.widget {
position:relative !important;
top:-10px !important;
}
}
/*--------------------------------------------------------------
14.0 Alignments
--------------------------------------------------------------*/
.alignleft {
float: left;
}
.alignright {
float: right;
}
.aligncenter {
display: block;
margin-left: auto;
margin-right: auto;
}
figure.wp-caption.alignleft,
img.alignleft {
margin: 5px 20px 5px 0;
}
.wp-caption.alignleft {
margin: 5px 10px 5px 0;
}
figure.wp-caption.alignright,
img.alignright {
margin: 5px 0 5px 20px;
}
.wp-caption.alignright {
margin: 5px 0 5px 10px;
}
img.aligncenter {
margin: 5px auto;
}
img.alignnone {
margin: 5px 0;
}
.wp-caption .wp-caption-text,
.entry-caption,
.gallery-caption {
color: #220e10;
font-size: 18px;
font-style: italic;
font-weight: 300;
margin: 0 0 24px;
}
div.wp-caption.alignright img[class*="wp-image-"] {
float: right;
}
div.wp-caption.alignright .wp-caption-text {
padding-left: 10px;
}
img.wp-smiley,
.rsswidget img {
border: 0;
border-radius: 0;
box-shadow: none;
margin-bottom: 0;
margin-top: 0;
padding: 0;
}
.wp-caption.alignleft + ul,
.wp-caption.alignleft + ol {
list-style-position: inside;
}
.left-col{
width: 65%;
float: left;
}
.right-col{
float: right;
width: 31%;
margin-left: 2%;
}
.left{
float: left;
}
.right{
float: right;
}
/*--------------------------------------------------------------
15.0 Clearing Floats
--------------------------------------------------------------*/
.group:after {
visibility: hidden;
display: block;
content: "";
clear: both;
height: 0;
}
* html .group { zoom: 1; } /* IE6 */
*:first-child+html .group { zoom: 1; } /* IE7 */
Witaj, świecie!
Witaj na mojej stronie opartej na WordPress-ie.
Skoro widzisz ten tekst, to oznacza to, że moja strona nie jest jeszcze w pełni gotowa – do tej pory została przeprowadzona szybka instalacja WordPress-a, za pomocą automatycznego instalatora w darmowym hostingu PRV.PL.
Instalator skryptów umożliwia zamieszczenie na naszej stronie takich skryptów jak WordPress, Joomla czy forum phpBB. Nie musimy się martwić o ustawienia, uprawnienia oraz dane dostępowe do bazy MySQL – wszystko przebiega automatycznie, wystarczy pojedyncze kliknięcie i po kilku sekundach na naszej stronie pojawia się gotowy skrypt, a my otrzymujemy dane dostępowe do panelu administratora i od razu możemy przystąpić do publikacji naszej strony, bez zagłębiania się w szczegóły techniczne. Zobacz jak to wygląda »
