@import url('https://fonts.googleapis.com/css?family=Give+You+Glory');
@import url('https://fonts.googleapis.com/css?family=Raleway:100');
body {
margin: 0;
}
.navbar-brand {
font-weight: lighter;
}
.navbar a {
text-transform: uppercase;
}
header {
background-image: url(http://siljelien.com/silje/upload/erica_2.jpg);
padding: 270px 0px 270px 0px;
box-sizing: border-box;
background-size: cover;
max-width: 100%;
background-position: top center;
}
header h1 {
font-family: 'Give You Glory', cursive;
font-size: 3.5em;
text-align: right;
color: #fff;
}
#main {
width: 70%;
margin: 0 auto;
}
.entry {
background-color: transparent;
padding-bottom: 40px;
}
h2, h2 a {
font-family: 'Raleway', sans-serif;
text-align: center;
font-size: 1.7em;
text-transform: uppercase;
color: #000;
letter-spacing: 2px;
}
h2 a:hover {
color: #f3dcdc;
text-decoration: none;
border: none;
}
h3 {
font-size: 1em;
text-transform: uppercase;
}
.meta {
text-align: center;
font-size: 0.8em;
color: #868686;
text-transform: uppercase;
padding: 7px;
box-sizing: border-box;
letter-spacing: 3px;
}
.meta ul li a {
color: #868686;
}
.meta ul li a:hover {
color: #f3dcdc;
}
.content a {
color: #ddc6c6;
}
.content img {
max-width: 100%;
}
#share-buttons img {
width: 40px;
padding: 5px;
border: 0;
box-shadow: 0;
display: inline;
}
#arkiv {
padding: 15px;
box-sizing: border-box;
background-color: #f6f6f6;
margin-top: 20px;
}
#arkiv a {
color: #ddc6c6;
}
#insta {
width: 100% !important;
background-color: #f1f1f1;
padding: 30px 0;
}
#design {
padding: 15px;
box-sizing: border-box;
background-color: #ededed;
text-align: center;
}
#design a {
color: #ddc6c6;
}
#footer {
background-color: #e8e8e8;
font-size: 0.8em;
padding: 30px;
box-sizing: border-box;
width: 100%;
}
#footer a {
color: #000;
}
/*vis flere innlegg*/
#show-more-entries {
padding: 15px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
border: none;
background-color: #f1f1f1;
text-transform: uppercase;
font-size: 0.9em;
}
/*Slutt vis flere innlegg*/
#tiltoppen {
padding: 15px;
box-sizing: border-box;
}
/* kommentarer */
#comments, #newcomment {
margin: auto;
text-align: left;
padding: 45px 0;
}
#comments h3, #newcomment h3 {
padding: 10px 0;
border-bottom: 1px solid rgba(0,0,0,0.03);
}
#newcomment {
max-width: 568px;
}
#newcomment input, #newcomment textarea, #newcomment input#comment_authorurl {
width: 100%;
}
#newcomment #comment_author_wrapper, #newcomment #comment_authoremail_wrapper, #newcomment #comment_submit_wrapper, #newcomment #comment_remember_wrapper {
width: 48.75%;
margin-right: 0.5%;
float: left;
}
#newcomment #comment_authoremail_wrapper {
margin-right: 0;
float: right;
}
#commentform > div {
margin: 10px 0;
}
input, textarea {
max-width: 100% !important;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
input {
padding: 5px;
}
input#comment_remember {
width: auto;
}
#comments h4, #comments p {
text-align: left;
margin-bottom: 5px;
min-height: 20px;
}
#comments .meta p {
font-size: 12px;
}
#comments .content {
font-size: 90%;
line-height: 1.4;
}
.entry #comments .meta {
border: 0;
}
#comments a img.avatar, #comments img.avatar {
border: 0;
float: left;
margin-right: 15px;
border-radius: 100%;
}
#comments .meta, #comments .content {
display: block;
}
#comments .meta {
width: auto;
}
#comments .user, #comments .other, #comments .owner, #comments .reply {
border: 0px;
background: transparent;
margin: 40px 0;
position: relative;
}
#comments .reply {
margin-top: -10px;
margin-left: 15%;
}
#comments .reply:before {
content: ' ';
width: 20px;
height: 35px;
background: url('http://imageshack.com/a/img922/9444/DawRhW.png') center no-repeat;
background-size: contain;
position: absolute;
right: calc(100% + 15px);
top: 0;
}
.comment .content {
margin-top: 20px;
width: auto;
padding: 25px;
background: #f7f7f7;
position: relative;
}
.comment .content:before {
content: ' ';
position: absolute;
width: 0;
height: 0;
top: -15px;
left: calc(3%);
border-left: 10px solid transparent;
border-bottom: 15px solid #f7f7f7;
border-right: 10px solid transparent;
}
#comment_remember_wrapper {
text-align: right;
}
h4 a {
color: #f3dcdc;
}
@media (max-width: 768px) {
#main {
width: 90%;
}
h2, h2 a {
font-size: 1.3em !important;
/*max-width: 85%;*/
margin: 0 auto;
}
}