YDU/assets/stylesheets/template/template.scss

103 lines
2.3 KiB
SCSS
Executable File

@import url("http://fonts.googleapis.com/css?family=Droid+Sans:400,700");
// Base
@import "base/pagination";
@import "base/orbitbar-override";
@import "base/global";
@import "base/accesskey";
@import "base/go_back_top";
// Layout
@import "layout/header";
@import "layout/slide";
@import "layout/content";
@import "layout/footer";
// Modules
@import "modules/*";
// Widget
@import "widget/breadcrumb";
@import "widget/sitemenu";
.adminstration {
-webkit-column-count: 2;
-webkit-column-gap: 15px;
column-count: 2;
column-gap: 15px;
}
.adminstration-item {
display: flex;
margin: 0 0 10px 0;
border: 1px solid #ccc;
break-inside: avoid;
box-sizing: border-box;
break-inside: avoid;
padding: 10px;
.item-link {
ul { list-style: none; }
& > ul {
padding: 0 1rem;
}
& > ul > li:before {
content: '';
display: inline-block;
background: url(/assets/ar1.png) 0 0 no-repeat;
width: 1em;
height: 0.7em;
}
ul > li > ul { font-size: 0.95rem; }
}
}
.academics {
display: flex;
flex-wrap: wrap;
table { width: calc( 100% / 2 - 2em ); margin: 1em; }
tbody { background: #f6f6f6; }
}
#orbit-bar .orbit-bar-inner .orbit-bar-mobile-sign-language { display: none; }
@media (max-width: 767px) {
.layout-content aside[data-pp="10"] {
width: 37%;
}
.layout-content section[data-pp="1"] {
margin:auto;
background-color: #fff;
margin-bottom: 30px;
width: 100%;
height: 100% !important;
}
.layout-content #ads {
display: flex; flex-wrap: wrap;
}
.sitemenu-wrap img { display: none; }
.adminstration {
-webkit-column-count: 1;
column-count: 1;
}
}
@media (max-width: 580px) {
.layout-content aside[data-pp="10"], .layout-content section[data-pp="9"] {
width: 100%;
}
.academics table { width: 100%; margin: 0; }
.layout-content aside[data-pp="10"] {
height: unset !important;
padding-bottom: 2em;
}
}
html[lang='en'] {
.more, .cycle-next, .cycle-prev, .w-annc__more, .more-wrap { display: none !important; }
}
.layout-content .sitemenu-wrap .widget-link.widget1.active{
@media (max-width:420px){
display: none;
}
}