Many resources are needed to download a project. Please understand that we have to compensate our server costs. Thank you in advance.
Project price only 1 $
You can buy this project and download/modify it how often you want.
development.design.css.global.css Maven / Gradle / Ivy
::selection {
background: #333 !important;
color: white;
text-shadow: none;
}
a, a:visited{
text-decoration: none;
}
.articleLayout a, .articleLayout a:visited{
text-decoration: underline;
}
.articleLayout .image{
margin-left: -60px;
margin-right: -60px;
}
#topsection {
box-shadow: 0 2px 0 white, 0 -5px 4px -3px rgba(0, 0, 0, .3) inset;
}
.fadedText{
color: #777;
}
/* Footer */
#footer {
padding-top: 30px;
text-shadow: rgba(0, 0, 0, 0.4) 0 2px 2px;
}
/* Forsideslider */
#campaign-swipe .slide {
color: #fff;
text-shadow: 0 1px 2px rgba(0,0,0,.5);
padding: 20px;
text-align: center;
}
#campaign-swipe .slide.active-slide {
opacity: 1;
}
#campaign-swipe .slide h1{
margin-top: 0;
margin-bottom: 12px;
}
/* Timeline */
.timeline-slide {
padding: 10px 20px 20px;
}
.timeline-header {
position: relative;
display: block;
}
.timeline-header{
text-decoration: none;
color: #296177;
}
.timeline-title{
font-size: 1em;
font-weight: bold;
}
.timeline-date {
font-size: 1em;
}
.timeline-event{
float: left;
padding: 0 10px;
position: relative;
text-align: center;
text-shadow: 0 2px 0 rgba(255,255,255,.6);
}
.timeline-img{
width: 100%;
max-width: 100px;
display: inline-block;
height: auto;
border-radius: 1000px;
border: 4px solid #fff;
overflow: hidden;
background-clip: content-box;
box-shadow: 0 1px 1px rgba(42, 78, 92, 0.4),0 2px 5px rgba(42, 78, 92, 0.4);
margin-bottom: 20px;
}
.timeline-img img{
width: 100%;
height: auto;
}
.timeline-dato{
background: #f1f1f1;
-moz-border-radius:5px;
-webkit-border-radius:5px;
-ie-border-radius:5px;
-o-border-radius:5px;
border-radius:5px;
padding: 5px 10px;
}
.pil-ned{
display: block;
position: absolute;
bottom: -2px;
height: 24px;
width: 24px;
left: 50%;
margin-left: -12px;
}
.showroom {
margin-top: 60px;
margin-bottom: 60px;
}
.showroom-text {
position: absolute;
padding: 20px;
top: 33%;
width: 100%;
text-align: center;
color: #333;
text-shadow: 0 2px 0 rgba(255,255,255, .8);
}
.showroom-text a {
color: inherit;
}
.showroom-text h3 {
font-size: 2.3em;
margin: 0;
}
.blog-preview-main-post h3{
font-size: 1.7em;
}
.blog-preview h3{
margin: 15px 0;
}
.blog-preview-title {
color: #aaa;
font-family: "HandsomeProRegular", serif;
font-size: 27px;
margin-top: 10px;
display: inline-block;
}
.jigsaw {
border: none;
border-top: 1px solid #ddd;
}
/* Article */
.articleLayout{
padding: 10px 15px;
background: #fff;
box-shadow: 0 1px 3px rgba(39, 89, 114, 0.8);
border-radius: 3px;
margin-top: 20px;
}
.articleLayout .image img{
max-width: 100%;
margin-bottom: 30px;
/* -webkit-transform: rotate(2deg) scale(1.03);
border: 3px solid white;
border-radius: 3px;
box-shadow: 0 2px 10px rgba(0, 0, 0, .4), 0 0 1px rgba(0, 0, 0, .5); */
}
/* Artikkelopplisting på forsiden */
.artikkel {
float: left;
box-shadow: 0 1px 1px rgba(42, 78, 92, 0.4),0 2px 5px rgba(42, 78, 92, 0.4);
border-radius: 2px;
overflow: hidden;
background: white;
margin-bottom: 20px !important;
}
.artikkel img {
width: 100%;
height: auto;
}
.artikkel .body {
padding: 10px;
}
.bildegalleri {
margin-left: -30px;
margin-right: -30px;
}
/* Kontakt oss */
.faktureringsadresse {
margin-bottom: 20px;
margin-top: 20px;
}
.faktureringsadresse h3{
border-bottom: 1px solid #ddd;
margin-bottom: 10px;
}
/* Referanser */
.referanseContainer .details{
margin: 10px 0 30px;
text-shadow: 0 2px 0 rgba(255,255,255,.6);
text-align: center;
}
.referanseContainer .details h2 {
margin: 0;
font-size: 1.0em;
font-weight: bolder;
}
/* Tjenester */
.losning {
word-wrap: break-word;
float: left;
padding: 10px;
font-size: 0.8em;
text-align: center;
word-break: normal;
font-weight: lighter;
text-shadow: 0 2px 0 rgba(255, 255, 255, .6);
}
.losning img {
border-radius: 50%;
box-shadow: 0 1px 1px #296177 inset,0 3px 10px #296177 inset,0 2px 0 white;
max-width: 100%;
}
.losning-heading {
font-weight: lighter;
}
.losning-teaser-text {
margin-top: 10px;
}
.tjeneste {
text-shadow: 0 2px 0 rgba(255, 255, 255, .6);
margin-bottom: 20px;
}
.tjeneste-heading {
color: #296177;
border-bottom: 1px solid currentcolor;
margin-bottom: 15px;
padding-bottom: 5px;
font-weight: lighter;
box-shadow: 0 2px 0 rgba(255, 255, 255, .6);
}
.tjeneste-list {
padding-left: 0;
list-style: none;
}
.tjeneste-list li {
margin-bottom: 8px;
line-height: 1.1;
}
/* Masonry */
.csscolumns .masonry > * {
display: inline-block !important;
width: 100%;
float: none !important;
margin: 0 0 10px;
}
/* Event */
.timelineEventLayout{
background: #fff;
padding: 30px 20px;
margin-left: -15px;
margin-right: -15px;
box-shadow: 0 1px 3px rgba(39, 89, 114, 0.8);
border-radius: 0 0 3px 3px;
}
.timelineEventLayout h1{
margin-top: 0;
}
.timeline-event-image{
float: left;
margin: 0 10px 10px 0;
}
.notebookTop{
background: transparent url("../../bitmaps/internett/cal-top.png") repeat-x 0 0;
height: 105px;
margin-top: -50px;
margin-left: -20px;
margin-right: -20px;
padding-left: 20px;
padding-right: 20px;
margin-bottom: 20px;
}
.list-item{
border-bottom: 1px solid #ccc;
padding: 0 60px 0;
margin-left: -60px;
margin-right: -60px;
}
.list-item p{
margin: 0 0 1em;
}
.list-item:last-child{
border-bottom: none;
}
.muted{
color: #555;
}
/*
ALEX: Det må lages en default tabellstil !
https://kantega.no/content/890/Appmarkedet-gir-videre-sterk-vekst-for-Kantega
*/
#jobb-hos-oss{
position: relative;
height: 425px;
text-align: center;
color: #fff;
text-shadow: rgba(0, 0, 0, 0.5) 0px 2px 3px;
font-weight: 200;
}
#jobb-hos-oss h2{;
font-size: 40px;
font-weight: bold;
position: relative;
color: #fff;
}
#jobb-hos-oss .imgContainer{
position: relative;
}
#jobb-hos-oss .description{
position: relative;
width: 100%;
font-size: 25px;
color: #fff;
}
.img-3 {
width: 40%;
}
/* Swipe */
.slide-description{
background: #f1f1f1;
padding: 15px;
}
.slide-next-button{
background: #000;
color: #FFFFFF;
height: 40px;
position: absolute;
right: 0;
top: 45%;
width: 40px;
}
.slide-previous-button{
background: #000;
color: #FFFFFF;
height: 40px;
position: absolute;
left: 0;
top: 45%;
width: 40px;
}
.bildegalleri{
position: relative;
}
/******
Banners
*******/
.banner h2{
font-size: 50px;
font-weight: bold;
line-height: 1.2;
margin-bottom: 40px;
margin-top: 0;
}
.banner .banner-lead-paragraph{
font-size: 1.6em;
font-weight: normal;
line-height: 1.3;
float: left;
width: 50%;
}
.banner .banner-image{
float: right;
}
/***************
Form design
****************/
label{
padding-bottom: 5px;
line-height: 1.5;
}
.formElement{
margin: 20px 0;
}
.formElement .helpText{
color: #777;
margin-top: 2px;
font-size: .9em;
}
.formElement input[type="text"], .formElement input[type="search"]{
padding: 5px;
}
.formElement textarea{
padding: 5px;
font-family: inherit;
}
.formErrors{
padding: 10px;
background: #f1f1f1;
color: #B94A48;
-webkit-border-radius: 5px;
-moz-border-radius:5px;
border-radius: 5px;
}
.formElement.error input, .formElement.error textarea, .formElement.error select{
border: 1px solid #B94A48;
}
.formElement.error label{
color: #B94A48;
}
.formElement input, .formElement select, .formElement textarea{
width: 100%;
}
.formElement input[type=radio], .formElement input[type=checkbox]{
width: auto;
}
.formElement.mandatory .heading label:after{
content: " *";
font-size: 20px;
color: red;
}
.requiredExplanation{
margin: 30px 0 10px;
color: #555;
}
.requiredExplanation .symbol:after{
content: " *";
font-size: 20px;
color: red;
}
