%PDF- %PDF-
Mini Shell

Mini Shell

Direktori : /var/www/pn/beta/64801_wp-content/themes/intosai/assets/styles/common/
Upload File :
Create Path :
Current File : /var/www/pn/beta/64801_wp-content/themes/intosai/assets/styles/common/_global.scss

//*****************************************************
// Allmänt
//*****************************************************
*, *:after, *:before {margin: 0; padding: 0;-moz-box-sizing:border-box;box-sizing:border-box;-webkit-font-smoothing:antialiased;font-smoothing:antialiased;text-rendering:optimizeLegibility;}
.clear {clear:both;*zoom:1; &:before {content:'';display:table;} &:after {content:'';display:table;} }

html {}
body { font-family:$mainFont; font-size:16px; font-weight:400; color:#222; margin-top:105px; overflow-x:hidden; position:relative; top:0!important;
	&.home { margin-top:68px; }
	.wrapper { max-width:1200px; width:100%; margin:0 auto; position:relative; }
	//Om en sidebar ej finns.
	#main_wrapper {float: left; width: 100%;
		.content {float: left; width:100%;
			#main {float: left; width: 100%;}
		}
	}

	//Om en sidebar finns.
	&.sidebar-active {
		#main_wrapper { float: left; width: 100%;
			.content { float: left; width: 100%;
				#main {float: left; width: 72%; padding:0 25px 0 0;}
				#sidebar {float:left; width: 28%; padding: 0 0 0 25px;}
			}
		}
	}
}

.message { position:fixed; top:100px; left:0; width:100%; z-index:9999;
	.inner { width:400px; margin:0 auto; color:#fff; padding:42px 60px 30px 74px; position:relative;
		.close { display:block; width:30px; height:30px; border-radius:50%; position:absolute; top:20px; right:20px; font-size:14px; background:#fff; text-align:center; padding-top:5px; opacity:1; transition:opacity .3s;
			i { position:relative; top:0; left:inherit!important; font-size:16px; }
			&:hover { opacity:.8; cursor:pointer; }
		}
		i { font-size:40px; position:absolute; top:36px; left:22px; }
		p { font-size:14px; margin:0; line-height:22px; }
	}
	&.success {
		.inner { background:$lightBlue;
			.close { color:$lightBlue; }
		}
	}
	&.error {
		.inner { background:#b53333;
			.close { color:#b53333; }
		}
	}
}

//*****************************************************
// BREADCRUMBS
//*****************************************************
#breadcrumbs { float:left; width:100%; padding:10px 0 10px 12.3%; color:#fff; background:lighten($darkBlue, 5%); font-size:12px; transition:padding .3s;
	&.isSearch {
		span {
			&:nth-child(3) { display:none; }
		}
	}
	a { color:lighten($lightBlue, 20%); font-style:italic; }
	.delimiter { margin:0 3px; }
}

//*****************************************************
// Google Translate
//*****************************************************
.skiptranslate { position:fixed; bottom:0; left:0; width:100%; height:38px; z-index:99999; overflow:hidden;
	iframe { position:absolute!important; }
}
#google_translate_element {
	.skiptranslate { position:static; bottom:inherit!important; left:inherit!important; width:inherit!important; height:inherit!important; }
}

//*****************************************************
// Typografi & Bildhantering
//*****************************************************
.titleFix { display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
h1, h2, h3, h4 { font-weight:700; font-family:$secondFont; }
h1 { margin:0 0 10px; font-size:32px; line-height:36px; }
h2 { margin:0 0 8px; font-size:28px; line-height:32px; }
h3 { margin:0 0 6px; font-size:25px; line-height:29px; }
h4 { margin:0 0 5px; font-size:22px; line-height:26px; }
h5 { margin:0 0 3px; font-size:20px; line-height:24px; }
h6 { margin:0 0 2px; font-size:18px; line-height:22px; }

.centered_title { width:100%; display:inline-block; text-align:center; position:relative;
	h1, h2, h3, h4 { display:inline-block; background:#fff; padding:20px 40px; color:$darkBlue; margin:0; position:relative; z-index:10; }
	h2 { margin:0 0 10px; font-size:32px; line-height:36px; }
	&:before { content:''; display:block; width:100%; height:2px; background:$darkBlue; position:absolute; top:38px; left:0; z-index:5; }
}

p { margin: 0 0 15px 0; line-height:28px; }
i, em { font-style:italic; }
blockquote { font-style: italic; margin: 0 0 10px 20px; }
b, strong { font-weight:bold; }
a { color:$darkBlue; text-decoration:none; transition: all .2s;
	&:hover {color:lighten($darkBlue, 10%); text-decoration: none; }
	&:focus {outline: 0;}
	&:active {outline: 0;}
}
ul { margin: 0 0 10px 35px;
	li {list-style: disc; padding: 3px 0;}
}
ol {margin: 0 0 10px 35px;
	li {list-style: decimal; padding: 0 0;}
}
img {opacity: 1; transition: opacity .2s; max-width:100%; height: auto;
	&[data-src] {opacity: 0;}
	&.alignleft {float: left; margin: 10px 10px 10px 0;}
	&.alignright {float: right; margin: 10px 0 10px 10px;}
	&.aligncenter {display:block; margin: 10px auto;}
}

//*****************************************************
// META INFO
//*****************************************************
.meta-info { float: left; width: 100%; margin:0 0 5px; font-size: small;
	time.updated {}
	p.author {}
}

//*****************************************************
// MEDDELANDEN
//*****************************************************
.function_message { width: 100%; float: left; opacity:0; animation-name: slideright; animation-duration: .4s; animation-fill-mode:forwards; animation-timing-function: ease; animation-delay: .8s; margin: 0 0 15px; transition: all .2s;
	.inner { float: left; width: 100%; padding: 10px 20px 10px 13px; text-align: left;
		p { margin:0;
			.fa {margin:0 5px 0 0;}
		}
		&.success 	{color: #3c763d;background-color: #dff0d8; border-left: solid 5px #559a1c;}
		&.failed 	{color: #a94442;background-color: #f2dede; border-left: solid 5px #ca3750;}
		&.info 		{color: #31708f;background-color: #d9edf7; border-left: solid 5px #18a7c3;}
	}
	// Kopplad till Om inga poster hittades.
	&.light_message {position: inherit; top: inherit; right: inherit;
		.inner {margin: 15px 0;}
	}
}

Zerion Mini Shell 1.0