development.design.css.editor.css Maven / Gradle / Ivy

Go to download
/* Dependencies */
/*@import url(//fonts.googleapis.com/css?family=PT+Sans:400,700,400italic,700italic); */

/* Font */
@font-face {
    font-family: 'HandsomeProRegular';
    src: url('../../font/handsomepro-regular-webfont.eot');
    src: url('../../font/handsomepro-regular-webfont.eot?#iefix') format('embedded-opentype'),
    url('../../font/handsomepro-regular-webfont.woff') format('woff'),
    url('../../font/handsomepro-regular-webfont.ttf') format('truetype'),
    url('../../font/handsomepro-regular-webfont.svg#HandsomeProRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}

/* apply a natural box layout model to all elements */
* { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }

body {
    -webkit-font-smoothing: antialiased;
    font-smooth: always;
}

#specialPageTitle h1, .written{
    text-align: center;
    margin:30px 0;
    font-family: "HandsomeProRegular", helvetica, Verdana, sans-serif;
    color: #296177;
    text-shadow: 0 2px 0 rgba(255,255,255,.8);
    font-weight: lighter;
    font-size: 2.5em;
}

/* Grunnleggende styles */

html {
    font-size: 62.5%;
    font-family: "PT Sans", helveticaneue, sans-serif;
    line-height: 1;
    width: 100%;
    overflow-x: hidden;
}

body{
    font-size: 1.6em;
    margin: 0;
}

a, a:visited {
    color: #296177;
    text-decoration: underline;
}
a:hover {
    text-decoration: none;
    color: #296177;
}

p {
    line-height: 1.4;
}
li{
    line-height: 1.4;
}


.venstrejuster-bilde{
    background: white;
    float: left !important;
    margin: 40px 30px;
    margin-left: 0;
    border: 3px solid white;
    box-shadow: 0 2px 8px rgba(39, 89, 114, 0.6), 0 0 1px rgba(39, 89, 114, 0.3);
    border-radius: 3px;
    left: 0px;
    position: relative;
    -webkit-transform: translateX(-20px) rotate(-3deg);
    -moz-transform: translateX(-20px) rotate(-3deg);
    transform: translateX(-20px) rotate(-3deg);
}

.hoyrejuster-bilde{
    background: white;
    float: right !important;
    margin: 40px 30px;
    margin-right: 0;
    border: 3px solid white;
    box-shadow: 0 2px 8px rgba(39, 89, 114, 0.6), 0 0 1px rgba(39, 89, 114, 0.3);
    border-radius: 3px;
    right: 0px;
    position: relative;
    -webkit-transform: translateX(20px) rotate(3deg);
    -moz-transform: translateX(20px) rotate(3deg);
    transform: translateX(20px) rotate(3deg);
}

blockquote {
    background: #EFEFEF;
    font-size: 1em;
    border-left: 4px solid #DDD;
    padding: 10px;
    margin: 10px 0;
    display: block;
    clear: both;
}

blockquote p {
    font-size: 1.3em;
    margin: 0;
    color: #333;
    margin-bottom: 10px;
    line-height: 1.2;
}

blockquote .quote-source {
    text-align: right;
    display: block;
    font-size: 1em;
    color: #777;
}

blockquote .quote-source:before {
    content: "–";
}

h1, h2, h3, h4 {
    font-weight: lighter;
}

h1{
    margin: 1em 0 .2em 0;
}
h1 + p, h2 + p, h3 + p{
    margin-top: 0;
}
h2{
    margin: 1em 0 .2em 0;
}
h2 + p{
    margin-top: 0;
}
h3{
    margin: 1em 0 .2em 0;
}
h4{
    margin: 1em 0 .2em 0;
}

.ingress {
    font-size: 1.3em;
    line-height: 1.3;
    margin-top: 1em;
    margin-bottom: 2em;
}

/* Forms */
input[type="text"], input[type="search"]{
    border: 1px solid #999;
    box-shadow: 0 1px 2px rgba(0,0,0,.2) inset;
    padding: 5px 15px;
}

input[type="search"] {
    border-radius: 100px;
    box-sizing: border-box;
    width: 100%;
}


/* Utility */
.add-bottom { margin-bottom: 20px }
.add-top { margin-top: 20px; }

.promoted-article {
    position: relative;
    background: url("../../bitmaps/internett/forside-topp.jpg") no-repeat center top;
    background-size: cover;
    margin-bottom: 20px;
    padding: 20px 40px;
    color: #fff;
}
.promoted-article:after{
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
.promoted-article a, .promoted-articlea:visited{
    color: #fff;
}
.promoted-article h2{
    font-family: "HandsomeProRegular", serif;
    text-shadow: 0 2px 0 rgba(50,50,50, .8);
    opacity: 0.7;
}
.promoted-article .quote-source{
    color: #f1f1f1;
    text-shadow: 0 2px 0 rgba(50,50,50, .8);
    opacity: 0.7;
}
.promoted-article .without-image p{
    font-size: 2em;
    text-shadow: 0 2px 0 rgba(50,50,50, .8);
}
.promoted-article .without-image .quote-source, .promoted-article .with-image .quote-source{
    font-size: 14px;
}
.promoted-article .with-image p{
    font-size: 1.6em;
}
.promoted-article .with-image .text{
    float: left;
    width: 60%;
    font-size: .9em;
}
.promoted-article .with-image .promoted-image{
    position: absolute;
    right: -5px;
    top: 0;
    background: #fff;
    padding: 5px;
    -ms-transform:rotate(3deg); /* IE 9 */
    -moz-transform:rotate(3deg); /* Firefox */
    -webkit-transform:rotate(3deg); /* Safari and Chrome */
    -o-transform:rotate(3deg); /* Opera */
    transform:rotate(3deg);
}
table.tabellstil-2 tbody tr:nth-of-type(2n) {
    background: #f1f4f5;
}
table.tabellstil-2 thead tr{
    background-image: -webkit-linear-gradient(#fff, #d9d9d9);
    background-image: -moz-linear-gradient(#fff, #d9d9d9);
    background-image: -o-linear-gradient(#fff, #d9d9d9);
    background-image: -ms-linear-gradient(#fff, #d9d9d9);
    background-image: linear-gradient(#fff, #d9d9d9);
    text-shadow: 0 2px 0 rgba(255,255,255,.7);

}
table.tabellstil-2 thead th{
    padding: 15px 10px;
    font-weight: bold;
    box-shadow: 0 2px 1px rgba(0,0,0,.25);
    border-right: 1px solid #7ea0a7;
    border-top:1px solid #7ea0a7;
}
table.tabellstil-2 thead th:first-child{
    border-left:1px solid #7ea0a7;
}
table.tabellstil-2 tbody tr:hover {
    background: #fdfae2;
}


.revet-papir-sidedeler{
    background: url("../../bitmaps/internett/divider_rift.png") no-repeat 0 0;
    height: 202px;
    margin-bottom: 1em;
    margin-left: -118px;
    margin-top: -160px;
    width: 960px;
}

table.agendatabell td{
    vertical-align: top;
    padding: 5px;
}
table.agendatabell p{
    font-size: 1em;
}
table.agendatabell h3{
    margin: 0;
    font-weight: bold;
}
table.agendatabell .speaker{
    font-style: italic;
    color: #555;
    font-size: .9em;
}
table.agendatabell td:first-child{
    width: 60px;
}
table.agendatabell .time{
    border-radius: 50%;
    background: #21A0AD;
    color: #fff;
    text-align: center;
    width: 50px;
    height: 50px;
    line-height: 50px;
}
table.agendatabell .common{
    background: #E0F1F3;
    padding: 5px;
    border-radius: 5px;
    text-align: center;
}
table.agendatabell th{
    color: #46B4BE;
    text-align: left;
    font-size: 1.5em;
    padding: 5px;
    font-weight: normal;
}
table.agendatabell .seperator{
    border-left: 1px solid #DEEDEE;
}