%PDF-
%PDF-
Mini Shell
Mini Shell
//----------------------------------------------------
// NEWS CATEGORY MENU
//----------------------------------------------------
#category_nav { width:100%; float:left; margin:20px 0 50px;
ul { display:inline-block; width:100%; margin:0; padding:0; text-align:center; font-size:0;
li { display:inline-block; font-size:16px; padding:0; margin:0;
a { display:block; float:left; padding:8px 20px; background:transparent; color:$darkBlue; font-weight:700; border:1px solid #dedede; margin-left:-1px; transition:all .3s;
&:hover { background:lighten($darkBlue, 20%); color:#fff; }
}
&.current-menu-item {
a { background:$darkBlue; color:#fff; }
}
}
}
}
//----------------------------------------------------
// NEWS LISTING
//----------------------------------------------------
.news_article { float:left; margin:0 0 20px; color:#fff; height:340px; position:relative; overflow:hidden;
&.large { width:66%;
&.place-4 { float:right; }
}
&.small { width:33%;
&.place-2, &.place-9 { float:right; }
&.place-6 { width:32%; margin:0 1% 20px; }
}
&.priority { background:#af0000; float:right; display:flex; justify-content:center; align-items:center; padding:30px;
span { font-weight:700; color:#fff; font-size:44px; text-transform:uppercase;}
}
.article_info { width:80%; position:absolute; bottom:30px; left:50px; z-index:10;
.meta { font-size:14px; }
h2 { display:block; float:left;
&:after { content:''; display:block; width:0%; height:4px; margin:5px 0 0; background:$darkBlue; transition:width .3s; }
}
}
.overlay { width:100%; height:100%; position:absolute; top:0; left:0; background:$darkBlue; opacity:.2; z-index:2; }
.news_bg { width:100%; height:100%; position:absolute; top:0; left:0; z-index:1; opacity:1; filter:blur(0); transition:all .3s; }
&:hover {
.article_info {
h2 {
&:after { width:110%; }
}
}
.news_bg { opacity:.8; filter:blur(3px); }
}
}
//----------------------------------------------------
// STORY LISTING
//----------------------------------------------------
.story_article { float:left; margin:0 0 20px; color:#fff; height:340px; position:relative; overflow:hidden;
&.large { width:66%;
&.place-3 { float:right; }
}
&.small { width:33%;
&.place-3, &.place-8 { float:right; }
&.place-5 { width:32%; margin:0 1% 20px; }
}
&.priority { background:#af0000; float:right; display:flex; justify-content:center; align-items:center; padding:30px;
span { font-weight:700; color:#fff; font-size:44px; text-transform:uppercase;}
}
.article_info { width:80%; position:absolute; bottom:30px; left:50px; z-index:10;
.meta { font-size:14px; }
h2 { display:block; float:left;
&:after { content:''; display:block; width:0%; height:4px; margin:5px 0 0; background:$darkBlue; transition:width .3s; }
}
}
.overlay { width:100%; height:100%; position:absolute; top:0; left:0; background:$darkBlue; opacity:.2; z-index:2; }
.news_bg { width:100%; height:100%; position:absolute; top:0; left:0; z-index:1; opacity:1; filter:blur(0); transition:all .3s; }
&:hover {
.article_info {
h2 {
&:after { width:110%; }
}
}
.news_bg { opacity:.8; filter:blur(3px); }
}
}
//----------------------------------------------------
// SINGLE PROJEKT
//----------------------------------------------------
.single_project { width:100%; float:left;
h1 { display:block; float:left; width:100%; color:$darkBlue; }
.project_meta { float:left; width:100%; font-size:14px; margin:0 0 20px;
span { font-weight:700; color:$lightBlue;
span { font-style:italic; color:darken($lightBlue, 10%); }
}
.top, .bottom { width:100%; float:left; margin:0 0 5px; }
#benlvl, #status, #regions, #from, #to, #budget { float:left; margin-right:30px; }
#dac { float:left; clear:both; margin-top:5px; }
}
#project_info { width:100%; float:left;
#projDesc { width:60%; float:left; margin:26px 0 0; font-size:16px; }
#connectSais { width:35%; float:right; }
.row { width:100%; float:left; margin:0 0 10px; padding:16px 0; font-size:14px;
&.bg { background:#eef8f7; }
.projInfo {
&.full { width:100%; padding:0 20px; float:left; }
&.half { width:50%; padding:0 20px;
&.left { float:left; }
&.right { float:right; }
}
&.third { width:33%; float:left; padding:0 20px;
&.middle { width:34%; }
}
.label { font-weight:700; color:$darkBlue; margin:0 0 4px; }
}
}
.list { width:100%; float:left; background:#def0ff; padding:30px; margin:0 0 20px;
h3 { color:$darkBlue; font-size:20px; }
.projList { margin:0 0 10px;
li { padding:5px 0 5px 50px!important; }
}
}
}
}
//----------------------------------------------------
// SOCIAL SHARING
//----------------------------------------------------
.share_post { width:100%; float:left; margin:0 0 50px;
.wrapper { max-width:900px; }
h6 { color:$lightBlue; font-size:16px; }
.share { display:block; float:left; width:30px; height:30px; margin-right:3px; color:#fff; text-align:center; font-size:14px; line-height:2em; opacity:1; transition:opacity .3s;
&:hover { cursor:pointer; opacity:.8; }
&.facebook { background:#3c5899; }
&.twitter { background:#28a9e0; }
&.google_plus { background:#f15b22; }
&.linkedin { background:#006699; }
&.mail { background:#da9426; }
}
}
//----------------------------------------------------
// PAGINATION
//----------------------------------------------------
.pagination { display:inline-block; width:100%; float:left; background:$lightBlue; padding:20px 0; color:#fff; text-align:center;
span, a { display:inline-block; }
a { color:#fff; transition:background .3s;
&:hover { background:lighten($lightBlue, 10%); }
}
.page-numbers { width:30px; height:30px; border-radius:30px; vertical-align:middle; padding:4px 0 0; margin:0 3px; background:lighten($lightBlue, 5%);
&.current { background:$darkBlue; }
&.next { margin-left:15px; }
&.prev { margin-right:15px; }
&.next, &.prev { width:auto!important; height:auto!important; padding:8px 20px!important; border:2px solid #fff; border-radius:30px; background:transparent!important;
&:hover { background:lighten($lightBlue, 10%)!important; }
}
}
}
//----------------------------------------------------
// SINGLE PAGINATION
//----------------------------------------------------
.post_pagination { width:100%; float:left; margin-top:-90px; position:relative; z-index:999;
.newer { float:left;
a {
&:after { content:'\f104'; left:16px; }
}
}
.older { float:right;
a {
&:after { content:'\f105'; right:16px; }
}
}
.newer, .older { position:relative;
a { color:#fff; display:block; float:left; border:2px solid #fff; padding:8px 36px; border-radius:30px; font-size:14px; background:transparent; position:relative; transition:background .3s;
&:hover { background:rgba(255,255,255,.2); }
&:after { font-family:$FA; position:absolute; top:8px; font-size:18px; }
}
}
}
//----------------------------------------------------
// GALLERY
//----------------------------------------------------
.gallery { width:100%; float:left; margin:20px 0 40px!important;
.gallery-item { max-height:150px; overflow:hidden; }
img { border:none!important; }
}
//----------------------------------------------------
// SÖKRESULTAT
//----------------------------------------------------
#searchResultHolder{ float: left; width: 100%;
.search-post { float: left; width: 100%; margin:0 0 15px; padding: 0 0 15px; border-bottom: solid 1px #ccc;
&:last-child {border:none; padding:0; margin:0;}
.search-header { float: left; width: 100%;
h2 {margin:0;}
.meta-info { font-size: small; margin:5px 0;
.updated {}
.author {display:none;}
}
}
.search-content { float: left; width: 100%;
p {
&:last-child {margin:0;}
}
.readMore {float: left; width: 100%; margin: 10px 0 0;
a {float: right; }
}
}
}
}
ul#search_result {
li {
.serach-post-header {
h2 {}
}
.serach-post-content {
}
.serach-post-footer {
}
}
}
Zerion Mini Shell 1.0