%PDF-
%PDF-
Mini Shell
Mini Shell
@media only screen and (max-width:1440px) {
#changeSAIHolder {
#changesaiContainer { margin:150px auto 0; }
}
}
@media only screen and (max-width:1280px) {
.wrapper { width: 94%!important; }
}
@media only screen and (max-width:1140px) {
.content_section { padding:0 4%;
&.newsletter { padding:90px 4% 110px; }
}
.boxes {
.box {
.excerpt { width:85%; }
}
}
.contact_page { padding:0 4%; }
}
@media only screen and (max-width:1024px) {
.no_mobile { display: none; }
.top_banner { //display:none; //height:520px;
.banner_content {
.banner_table {
.banner_cell {
.banner_info {
.banner_text { width:80%; }
}
}
}
}
}
.boxes {
.box {
h3 { margin:0 0 20px; }
}
&.boxlayout_4 {
.box {
.excerpt { width:100%; }
}
}
}
.newsletter {
.signup {
input { width:54%; }
}
}
.story_section {
.story_holder {
.story {
.story_table {
.story_cell { padding:0 8%; }
}
}
}
}
.map-and-chart {
.map_link { width:36%;
.overlay { font-size:26px; padding:85px 10% 0; }
}
.chart_section { width:64%; }
}
#third_level_menu {
ul {
li {
&.current-menu-ancestor {
.sub-menu {
li {
&.current-menu-item, &.current-menu-ancestor {
.sub-menu {
li { margin:-1px 0 0; }
}
}
}
}
}
}
}
}
#category_nav {
ul {
li { margin:-1px 0 0; }
}
}
.project_list {
.pl_headings {
.id { width:8%; }
.created, .edited { width:14%; }
.controlls { width:8%; }
}
.row {
.id { width:8%; }
.status { font-size:12px; }
.created, .edited { width:14%; }
.status { font-weight:700; }
.controlls { width:8%; }
}
}
#map_content { width:50%; }
#mapStart {
#quickFilter, #customFilter {
button { font-size:12px; }
}
}
#filter {
#result {
.row_heading { font-size:12px;
.ben { width:18%; }
}
.row {
.project_head { font-size:12px;
.ben { overflow:hidden; text-overflow:ellipsis; width:18%; }
.status { /*overflow:hidden;*/ white-space:nowrap; text-overflow:ellipsis;
.toolTipbox { bottom:125%; }
}
}
.project_bottom {
.row {
.onethird {
a { font-size:12px; }
}
}
}
}
}
}
#sai_holder,.wrapp-projectsinSai {
#saiInfo,.content-projectsinSai {
.projectsinSai {
.row_heading { font-size:12px;
.ben { width:18%; }
}
.row {
.project_head { font-size:12px;
.ben { width:18%; }
.status { overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }
}
.project_bottom {
.row {
.onethird {
a { font-size:12px; }
}
}
}
}
}
}
}
.partners {
.partner_holder {
.partner {
.partner_logo { margin:0 auto; }
}
}
}
}
@media only screen and (max-width:966px) {
.story_article, .news_article {
width: 100% !important;
}
.page-content {
padding: 0 4%;
}
.project_list {
.row {
.created, .edited { font-size:12px; }
}
}
.search_top {
#searchform {
input { width:74%; margin-right:0; }
button { width:24%; }
}
}
.partners {
.partner_holder {
.bx-wrapper {
.bx-viewport {
.partner_ticker {
li { width:250px!important; }
}
}
}
}
}
// Vi var bort scroll in effekterna
.new_success_stories_large {
height: 300px;
padding: 25px 0;
.wrapper {
width:94%;
// Gör så att boxarna syns i responsivt läge
.textContainer {
&.Offscreen {
opacity: 1 !important;
transform:none;
}
}
}
}
.new_success_stories_leftimage {
height: auto !important;
padding: 0;
.wrapper { width:94%;
.container { display:block;
.imageContainer { width:100%; height:350px;
&.Offscreen { opacity:1!important; transform:none; }
.imageHolder { max-width:108%; right:-4%; }
}
.textContainer {
width: 100%;
padding: 0;
margin: 40px 0;
align-items: flex-end;
&.Offscreen {
opacity: 1 !important;
transform: none;
}
.holder {
padding:0;
text-align: left;
h2 {
width:100%;
}
p {
width:100%;
}
}
}
}
}
}
.new_success_stories_rightimage {
height: auto !important;
padding: 0;
.wrapper { width:94%;
.container { flex-direction:column;
.imageContainer { width:100%; height:350px; order:1;
&.Offscreen { opacity:1!important; transform:none; }
.imageHolder { max-width:108%; left:-4%; }
}
.textContainer {
width:100%;
padding: 0;
align-items:
flex-start; order: 2;
margin: 40px 0;
text-align: left;
&.Offscreen {
opacity: 1 !important;
transform: none;
}
.holder {
padding:0;
h2 {
width:100%;
}
p {
width:100%;
}
}
}
}
}
}
.new_success_stories_textboxes {
height: auto !important;
padding: 0;
.wrapper {
margin-top: 0;
.container {
.mainContainer {
.headerContainer {
padding: 0;
}
&.Offscreen {
opacity: 1 !important;
transform: none;
}
.textContainer {
flex-wrap: wrap;
.textboxLeft,
.textboxRight {
width: 100%;
padding: 0;
}
}
}
}
}
}
.new_success_stories_images {
height: auto !important;
padding: 0;
.wrapper {
.container {
.imageContainer { width:100%; height:350px;
&.Flleft, &.Flright { float:left;
&.Offscreen { opacity:1!important; transform:none; }
}
.imgcontLeft { position:static; width:108%; margin-left:-4%; }
.imgcontRight { position:static; width:108%; margin-left:-4%; }
}
}
}
}
//Hide the sidebarmenu in the new succes stories
.menuContainer { display:none; }
}
@media only screen and (max-width:768px) {
.boxes {
&.boxlayout_3, &.boxlayout_4 {
.box { width:100%; margin:0 0 40px;
&.middle { width:100%; margin:0 0 40px; }
img, i { float:left; }
i { width:136px; height:136px; font-size:54px; padding-top:35px; margin:0 auto; }
h3, .excerpt { float:right; width:72%; text-align:left; }
h3 { margin:18px 0 5px;
&:after { left:0; }
}
}
}
}
.newsletter {
.signup {
input { width:100%; margin:33px 0 16px; }
}
}
.latest_news, .latest_projects {
&.newscount_3, &.newscount_6 {
.news_post { width:100%; margin:0 0 40px;
&.middle { width:100%; margin:0 0 40px; }
.news_thumb { width:44%; float:left; }
.meta, .titleFix, .excerpt { float:right; width:50%; }
}
}
&.projectcount_3, &.projectcount_6 {
.news_post { width:100%; margin:0 0 40px;
&.middle { width:100%; margin:0 0 40px; }
.news_thumb { display:none; }
.meta, .titleFix, .excerpt { float:right; width:100%; }
}
}
&.projectcount_4, &.projectcount_8 {
.news_post { width:100%; margin:0 0 40px;
&.middle_left, &.middle_right { width:100%; margin:0 0 40px; }
.news_thumb { display:none; }
.meta, .titleFix, .excerpt { float:right; width:100%; }
}
}
}
.partners {
.partner_holder {
.bx-wrapper {
.bx-viewport {
.partner_ticker {
li { width:300px!important; }
}
}
}
}
}
.contact_page {
.contact_left, .contact_right { width:100%; }
}
.contact_page {
.wrapper { display:flex; flex-direction:column;
.contact_left { order:2; }
.contact_right { order:1; border-left:0; padding:0;
.coworkers { margin:0; }
}
}
}
.page-content, .share_post { padding:0 4%; }
.gallery {
.gallery-item { margin-top:0!important; }
}
.story_section {
.story_holder {
.story {
.story_table { background:rgba(10,65,110,.4)!important;
.story_cell { font-size:14px; }
}
}
}
}
.map-and-chart {
.map_link { width:100%; margin:0 0 30px; height:300px; background-size:78% auto;
.overlay { padding:44px 10% 0; }
}
.chart_section { width:100%;
.chart_holder { float:none; width:70%; margin:0 auto; }
}
}
.top_banner {
&.static {
&.single_news, &.small { height:270px;
.banner_content {
.banner_table {
.banner_cell {
.banner_info {
.banner_text { font-size:24px; }
}
}
}
}
}
}
}
.news_article { margin:0 0 14px;
&.large { width:60%; }
&.small { width:38%;
&.place-5, &.place-6, &.place-7 { width:32%; }
&.place-6 { margin:0 2% 14px; }
}
.article_info { width:90%; left:5%; bottom:20px;
h2 { font-size:24px; line-height:26px; }
}
.overlay { opacity:.4; }
}
.post_pagination { padding:0 2%;
.newer, .older { max-width:48%;
a { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; float:none; }
}
}
.project_list { overflow:hidden;
.pl_headings { overflow:hidden;
div { font-size:14px; text-align:inherit!important; color:$lightBlue; position:relative;
&:after { position:absolute; top:0; width:20px; height:20px; font-family:$FA; color:#fff; font-size:18px; }
}
.id {
&:after { content:'\f292'; left:0; font-size:16px; }
}
.name {
&:after { content:'\f115'; left:0; font-size:16px; }
}
.created, .edited { width:20%; }
.created {
&:after { content:'\f017'; left:0; }
}
.edited {
&:after { content:'\f1da'; left:0; }
}
.status { width:3%;
&:after { content:'\f252'; left:0; font-size:14px; }
}
.controlls { width:5%;
&:after { content:'\f013'; right:0; }
}
}
.row {
div { font-size:12px; }
.name { width:40%; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }
.created, .edited { width:20%; }
.status { width:3%; position:relative;
.draft, .pending { width:14px; height:14px; position:absolute; top:6px; left:0; border-radius:50%; text-indent:-9999px; overflow:hidden; }
.draft { background:$lightBlue; }
.pending { background:#ea2a2a; }
}
.controlls { width:5%; }
}
.pl_headings {
.id { width:12%; }
.created { width:32%; }
.edited { display:none; }
}
.row {
.id { width:12%; }
.name{width: 38%;}
.created { width: 22%; }
.edited { display:none; }
.controlls { width:8%; }
.status{width: 20%;}
}
}
#map { display:none; }
#map_content { width:100%; height:auto!important; float:left; position:static; top:inherit!important; right:inherit!important; padding:40px 4%;
#hide_mc { display:none; }
.inner { height:auto!important; overflow-y:inherit!important; padding:0; }
}
.single_project {
h1 {
margin: 100px 0 0;
}
#project_info {
#projDesc { width:55%; margin:8px 0 0; }
#connectSais { width:40%;
.list {
h3 { font-size:18px; }
}
}
}
}
.search_result {
.result_post {
.search-content {
p { width:66%; }
.readMore { max-width:100%; }
}
}
}
}
@media only screen and (max-width:736px) {
.news_article {
&.large, &.small { width:100%; height:245px; margin:0 0 20px!important; }
&.small {
&.place-5, &.place-6, &.place-7 { width:100%; }
&.place-6 { margin:0 2% 14px; }
}
&:hover {
.article_info {
h2 {
&:after { width:100%; }
}
}
}
}
.page-content {
blockquote {
&:before { left:1%; }
}
}
.partners {
.partner_holder {
.bx-wrapper {
.bx-viewport {
.partner_ticker {
li { width:280px!important; }
}
}
}
}
}
// .new_success_stories_Large { height:auto!important; padding:25px 0;
// .wrapper {
// width:94%;
// // Gör så att boxarna syns i responsivt läge
// .textContainer {
// &.Offscreen { opacity:1!important; transform:none; }
// }
// }
// }
// .new_success_stories_Leftimage { height:auto!important; padding:25px 0;
// .wrapper { width:94%;
// .container { display:block;
// .imageContainer { width:100%; height:350px;
// &.Offscreen { opacity:1!important; transform:none; }
// .imageHolder { max-width:108%; right:-4%; }
// }
// .textContainer { width:100%; padding:50px 0; align-items:flex-end;
// &.Offscreen { opacity:1!important; transform:none; }
// h2 { width:100%; }
// p { width:100%; }
// }
// }
// }
// }
// .new_success_stories_Rightimage { height:auto!important; padding:25px 0;
// .wrapper { width:94%;
// .container { flex-direction:column;
// .imageContainer { width:100%; height:350px; order:1;
// &.Offscreen { opacity:1!important; transform:none; }
// .imageHolder { max-width:108%; left:-4%; }
// }
// .textContainer { width:100%; padding:50px 0; align-items:flex-start; order:2;
// &.Offscreen { opacity:1!important; transform:none; }
// h2 { width:100%; }
// p { width:100%; }
// }
// }
// }
// }
// .new_success_stories_Textboxes { height:auto!important; padding:25px 0;
// .wrapper {
// .container {
// .mainContainer {
// &.Offscreen { opacity:1!important; transform:none; }
// .textContainer { flex-wrap:wrap;
// .textboxLeft, .textboxRight { width:100%; }
// }
// }
// }
// }
// }
// .new_success_stories_Images { height:auto!important; padding:25px 0;
// .wrapper {
// .container {
// .imageContainer { width:100%; height:350px;
// &.Flleft, &.Flright { float:left;
// &.Offscreen { opacity:1!important; transform:none; }
// }
// .imgcontLeft { position:static; width:108%; margin-left:-4%; }
// .imgcontRight { position:static; width:108%; margin-left:-4%; }
// }
// }
// }
// }
// // Vi var bort scroll in effekterna
}
@media only screen and (max-width:667px) {
.boxes {
&.boxlayout_3, &.boxes.boxlayout_4 {
.box {
.excerpt, h3 { width:70%; }
}
}
}
.partners {
.partner_holder {
.bx-wrapper {
.bx-viewport {
.partner_ticker {
li { width:296px!important; margin-right:0!important; }
}
}
}
}
}
.gallery {
.gallery-item { max-height:130px!important; }
}
.partners {
.partner_holder {
.bx-wrapper {
.bx-viewport {
.partner_ticker {
li { width:270px!important; }
}
}
}
}
}
}
@media only screen and (max-width:568px) {
.sai-in-world {
.mainContainer {
.wrapper { flex-wrap: wrap;
.headerContainer, .contentContainer {
text-align: center;
}
.headerContainer, .selectContainer {
width: 100%;
}
}
}
.resultContainer {
.wrapper {
.innerContainer {
.countryInformation, .countrySidebar { width: 100%!important; }
}
}
}
}
.partners {
.partner_holder {
.partner {
.partner_logo { margin:0; }
}
.bx-wrapper {
.bx-viewport {
.partner_ticker {
li { width:265px!important; }
}
}
}
}
}
.newsletter {
.text { width:100%; margin:0 0 20px; }
.signup { width:100%; margin:0;
input { width:60%; }
button { margin-top:31px; }
}
}
.boxes {
&.boxlayout_3, &.boxes.boxlayout_4 {
.box {
.excerpt, h3 { width:62%; }
}
}
}
.gallery {
.gallery-item { max-height:114px!important; }
}
.downloads_sec {
.download_table {
.row {
.name { width:62%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
}
}
}
.page-content {
blockquote {
&:before { top:22px; font-size:90px; }
}
}
.single_project {
.project_meta {
.top { float:left; }
.bottom { float:right; }
.top, .bottom { width:48%;
div { width:100%; margin:0 0 5px!important; }
}
}
#project_info {
.row {
.projInfo {
&.half {
&.left, &.right { width:100%; }
&.left { margin:0 0 20px; }
}
&.third { width:100%;
&.middle { margin:20px 0; width:100%; }
}
}
}
}
}
.search_result {
.result_post {
.search-content {
p { width:58%; }
.readMore { max-width:100%; }
}
}
}
.partners {
.partner_holder {
.partner {
.partner_logo { margin:0 auto; }
}
.bx-wrapper {
.bx-viewport {
.partner_ticker {
li { width:456px!important; }
}
}
}
}
}
#map_content {
.inner {
#filter {
#result {
#filterResult {
#generateExcelExport { top:-90px; }
}
}
}
}
}
}
@media only screen and (max-width:450px) {
.top_banner { height:400px;
.banner_content {
.banner_table {
.banner_cell {
.banner_info {
.banner_text { font-size:34px; }
.btn { font-size:18px; }
}
}
}
}
}
.content_section { margin:30px 0; }
.boxes {
.text { width:100%; }
&.boxlayout_3, &.boxlayout_4 {
.box { width:100%; margin:0 0 40px;
&.middle { width:100%; margin:0 0 40px; }
img, i { float:none; }
i { width:136px; height:136px; font-size:54px; padding-top:35px; margin:0 auto; }
h3, .excerpt { float:left; width:100%!important; text-align:center; }
h3 { margin:18px 0 5px;
&:after { left:40%; }
}
.excerpt, h3 { width:62%; }
}
}
}
.latest_news, .latest_projects {
&.newscount_3, &.newscount_6, &.projectcount_3, &.projectcount_6 {
.news_post { width:100%; margin:0 0 40px;
&.middle { width:100%; margin:0 0 40px; }
.news_thumb { width:100%; float:left; text-align:center; }
.meta, .titleFix, .excerpt { float:left; width:100%; }
}
}
}
.newsletter { padding:60px 4% 70px;
.signup {
input { width:100%; }
button { margin-top:0; }
}
}
.partners {
.partner_holder {
.partner {
.partner_logo { margin:0 auto!important; }
}
.bx-wrapper {
.bx-viewport {
.partner_ticker {
li { width:346px!important; }
}
}
}
}
}
.bx-wrapper {
.bx-controls-direction {
a { top:44%; width:50px; height:50px; text-align:center!important; background:$lightBlue; color:#fff; border-radius:50%; padding-top:8px;
&.bx-prev { text-indent:-2px!important; }
&.bx-next { text-indent:2px!important; }
}
}
}
.story_section {
.story_holder {
.story {
&.group-of-1, &.group-of-2, &.group-of-3 { width:100%; height:180px;
&.middle { width:100%; }
}
.story_table {
.story_cell { font-size:16px; }
}
}
}
}
.downloads_sec {
.download_table {
.row { padding:10px 20px;
.name { margin-top:1px; font-size:14px; }
.filesize { font-size:12px; }
}
}
}
.gallery {
br { display:none!important; }
.gallery-item { width:100%!important; float:left!important; max-height:inherit!important; margin:0 0 5px; }
}
.map-and-chart {
.chart_section {
.chart_holder { width:100%; }
}
}
#filter {
#result {
.row {
.project_head {
.name { width:45%; }
}
.project_bottom {
.row {
.half, .twothird { width:100%; margin:0 0 10px; }
.onethird { width:100%; }
}
}
}
}
}
.single_project {
h1 { font-size:26px; line-height:31px; margin:100px 0 20px; }
.project_meta {
.top, .bottom { float:left; width:100%; }
}
#project_info {
#projDesc { width:100%; margin:0 0 30px; }
#connectSais { width:100%; margin:0;
.list { margin:0; }
}
.row {
.projInfo {
&.half {
&.left, &.right { width:100%; }
&.left { margin:0 0 20px; }
}
&.third { width:100%;
&.middle { margin:20px 0; width:100%; }
}
}
}
}
}
.search_result {
.result_post {
.search-content {
p { width:100%; }
.readMore { max-width:100%; }
}
}
}
.search_top {
#searchform {
input, button { width:100%; }
input {margin:0 0 10px; }
}
}
.new_success_stories_Large {
height:250px;
}
.new_success_stories_Leftimage {
.wrapper {
.container {
.imageContainer { height:250px; }
}
}
}
.new_success_stories_Rightimage {
.wrapper {
.container {
.imageContainer { height:250px; }
}
}
}
.new_success_stories_Images {
.wrapper {
.container {
.imageContainer { height:250px; }
}
}
}
}
@media only screen and (max-width:414px) {
.top_banner {
.banner_content {
.banner_table {
.banner_cell {
.banner_info {
.banner_text { font-size:28px; }
.btn { font-size:18px; }
}
}
}
}
}
.newsletter {
.signup {
button { width:100%; }
}
}
.partners {
.partner_holder {
.bx-wrapper {
.bx-viewport {
.partner_ticker {
li { width:312px!important; }
}
}
}
}
}
.coworkers {
.coworker {
.coworker_avatar { float:none; margin:0 auto 10px; }
.coworker_info { width:100%; text-align:center; }
}
}
.page-content {
blockquote { width:100%; margin:0 0 30px; padding:30px 40px 30px 18%;
&:before { top:19px; font-size:80px; }
}
}
.content_section {
&.my_projects { margin:60px 0 30px!important;
.create_project_btn { top:-52px; width:100%; text-align:center; }
}
}
.project_list {
.pl_headings { padding:8px 10px;
.id { width:12%; }
.created { width:32%; }
.edited { display:none; }
}
.row { padding:0 5px;
.id { width:12%; }
.name{width: 38%;}
.created { width: 22%; }
.edited { display:none; }
.controlls { width:8%; }
.status{width: 20%;}
}
}
#mapStart {
#quickFilter {
button { width:100%; }
}
}
}
@media only screen and (max-width:360px) {
.partners {
.partner_holder {
.bx-wrapper {
.bx-viewport {
.partner_ticker {
li { width:266px!important; }
}
}
}
}
}
.downloads_sec {
.download_table {
.row {
.icon {
.fa-download { display:none; }
}
.name { width:55%; }
}
}
}
.project_list {
.pl_headings { padding:8px 10px;
.id { width: 15%; }
.created { width: 15%; }
.edited { display:none; }
}
.row { padding:0 5px;
.id { width: 15%; }
.name{width: 38%;
overflow: visible;
white-space: inherit;
}
.created { width: 16%;}
.edited { display:none; }
.controlls { width: 11%; }
.status{
width: 18%;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
}
}
}
@media only screen and (max-width:320px) {
.partners {
.partner_holder {
.partner {
.partner_logo { margin:0 auto!important;
img { max-width:162px; margin:0 auto; }
}
}
.bx-wrapper {
.bx-viewport {
.partner_ticker {
li { width:225px!important; }
}
}
}
}
}
.bx-wrapper {
.bx-controls-direction {
a { top:37%; }
}
}
.map-and-chart {
.map_link {
.overlay {
i { font-size:100px; }
}
}
}
}
Zerion Mini Shell 1.0