/*
Theme Name: HTML5 Blank
Theme URI: http://html5blank.com
Description: HTML5 Blank WordPress Theme
Version: 1.4.3
Author: Todd Motto (@toddmotto)
Author URI: http://toddmotto.com
Tags: Blank, HTML5, CSS3
License: MIT
License URI: http://opensource.org/licenses/mit-license.php
*/
/*ikke*/
.video-container {
position: relative;
padding-bottom: 56.25%;
padding-top: 30px; height: 0; overflow: hidden;
}
.video-container iframe,
.video-container object,
.video-container embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.date{
font-size:10px;
}
.bgimg{z-index:0;
position:fixed;
top:0px;
right: 0;
left: 0;
}
.lightblue{
color:#6385a9
}
.fa {
color:#a46203;
}
li{
list-style-type: bullet
}
/*------------------------------------*\
MAIN
\*------------------------------------*/
/* global box-sizing */
*,
*:after,
*:before {
-moz-box-sizing:border-box;
box-sizing:border-box;
-webkit-font-smoothing:antialiased;
font-smoothing:antialiased;
text-rendering:optimizeLegibility;
}
/* html element 62.5% font-size for REM use */
html {
font-size:62.5%;
}
body {
/*font:300 13px/1.4 'Helvetica Neue', Helvetica, Arial, sans-serif;*/
font-family: 'Open Sans', sans-serif;
font-size: 150%;
color:#bbb;
background-color: #000000;
background-image: url("grafix/bg.png"); background-repeat: repeat-x;
}
/* clear */
.clear:before,
.clear:after {
content:' ';
display:table;
}
.clear:after {
clear:both;
}
.clear {
*zoom:1;
}
img {
max-width:100%;
vertical-align:bottom;
}
a {
color:#d6b000;
text-decoration:none;
}
a:hover {
color:#a46203;
text-decoration:underline;
}
a:focus {
outline:0;
}
a:hover,
a:active {
outline:0;
}
input:focus {
outline:0;
border:1px solid #04A4CC;
color:#fff;
}
/*------------------------------------*\
STRUCTURE
\*------------------------------------*/
/* wrapper */
.wrapper {
z-index:2;
//max-width:1280px;
width:100%;
margin:100px auto;
margin-top:150px ;
position:relative;
border:0px solid red;
background-color:none
}
/* header */
.header {
}
/* logo */
.logo {
}
.logo-img {
}
/* nav */
.nav {
}
/* sidebar */
.sidebar {
margin: 00px 0px 0px 20px;
float:left;
border:0px solid red;float:left;
}
.sidebar li { list-style-type: none; }
.sidebar ul { list-style-type: none; margin: 0; padding: 5px; }
/* footer */
.footer {
margin: 50px 0px 0px 20px;
}
section {
margin: 0px 0px 0px 20px;
border:0px solid blue;float:left;
color:white;
}
article{
margin-bottom:50px;
padding: 10px 10px 10px 20px;
background-image: url("img/trans.png");}
}
/*------------------------------------*\
PAGES
\*------------------------------------*/
/*------------------------------------*\
IMAGES
\*------------------------------------*/
/*------------------------------------*\
TYPOGRAPHY
\*------------------------------------*/
@font-face {
font-family:'Font-Name';
src:url('fonts/font-name.eot');
src:url('fonts/font-name.eot?#iefix') format('embedded-opentype'),
url('fonts/font-name.woff') format('woff'),
url('fonts/font-name.ttf') format('truetype'),
url('fonts/font-name.svg#font-name') format('svg');
font-weight:normal;
font-style:normal;
}
/*------------------------------------*\
RESPONSIVE
\*------------------------------------*/
@media only screen and (min-width:320px) {
.wrapper {
}
section {
width:90%
}
.sidebar {
border:0px solid black;
float:left;
}
}
@media only screen and (min-width:480px) {
.wrapper {
}
section {
width:90%
}
.sidebar {
border:0px solid green;
float:left;
}
}
@media only screen and (min-width:768px) {
.wrapper {
}
section {
border:0px dotted green;float:left;
width:67%
}
.sidebar {
border:0px solid green;
float:left;
width:25%
}
}
@media only screen and (min-width:1024px) {
section {
border:px dotted green;float:left;
width:70%
}
.sidebar {
border:0px solid green;
float:left;
width:20%
}
}
@media only screen and (min-width:1140px) {
section {
border:0px dotted green;float:left;
width:70%
}
.sidebar {
border:0px solid green;
float:left;
width:20%
}
}
@media only screen and (min-width:1280px) {
section {
border:0px dotted red;float:left;
width:990px
}
.sidebar {
border:0px solid red;
float:left;
width:20%
}
}
@media only screen and (-webkit-min-device-pixel-ratio:1.5),
only screen and (min-resolution:144dpi) {
}
/*------------------------------------*\
MISC
\*------------------------------------*/
::selection {
background:#04A4CC;
color:#FFF;
text-shadow:none;
}
::-webkit-selection {
background:#04A4CC;
color:#FFF;
text-shadow:none;
}
::-moz-selection {
background:#04A4CC;
color:#FFF;
text-shadow:none;
}
/*------------------------------------*\
WORDPRESS CORE
\*------------------------------------*/
.alignnone {
margin:5px 20px 20px 0;
}
.aligncenter,
div.aligncenter {
display:block;
margin:5px auto 5px auto;
}
.alignright {
float:right;
margin:5px 0 20px 20px;
}
.alignleft {
float:left;
margin:5px 20px 20px 0;
}
a img.alignright {
float:right;
margin:5px 0 20px 20px;
}
a img.alignnone {
margin:5px 20px 20px 0;
}
a img.alignleft {
float:left;
margin:5px 20px 20px 0;
}
a img.aligncenter {
display:block;
margin-left:auto;
margin-right:auto;
}
.wp-caption {
background:#FFF;
border:1px solid #F0F0F0;
max-width:96%;
padding:5px 3px 10px;
text-align:center;
}
.wp-caption.alignnone {
margin:5px 20px 20px 0;
}
.wp-caption.alignleft {
margin:5px 20px 20px 0;
}
.wp-caption.alignright {
margin:5px 0 20px 20px;
}
.wp-caption img {
border:0 none;
height:auto;
margin:0;
max-width:98.5%;
padding:0;
width:auto;
}
.wp-caption .wp-caption-text,
.gallery-caption {
font-size:11px;
line-height:17px;
margin:0;
padding:0 4px 5px;
}
.sticky {
}
.bypostauthor {
}
/*------------------------------------*\
PRINT
\*------------------------------------*/
@media print {
* {
background:transparent !important;
color:#000 !important;
box-shadow:none !important;
text-shadow:none !important;
}
a,
a:visited {
text-decoration:underline;
}
a[href]:after {
content:" (" attr(href) ")";
}
abbr[title]:after {
content:" (" attr(title) ")";
}
.ir a:after,
a[href^="javascript:"]:after,
a[href^="#"]:after {
content:"";
}
pre,blockquote {
border:1px solid #999;
page-break-inside:avoid;
}
thead {
display:table-header-group;
}
tr,img {
page-break-inside:avoid;
}
img {
max-width:100% !important;
}
@page {
margin:0.5cm;
}
p,
h2,
h3 {
orphans:3;
widows:3;
}
h2,
h3 {
page-break-after:avoid;
}
}
textarea{width:100%;background-color: #421313;color:white;border:1px solid black;padding:5px;
}
h1 {
font-size: 160%;
font-weight: normal;
border-bottom: 1px solid #423e79;
}
h3 {
font-size: 130%;
font-weight: normal;
color:#a46203;
}
p {
font-size: 110%;
text-align:justify;
}
input[type="text"] {width:100%;background-color: #421313;color:white;border:1px solid black;padding:5px;}