AsiaV4/assets/stylesheets/template/base/_global.scss

129 lines
1.9 KiB
SCSS

@charset "utf-8";
@import "../initial";
@import "variables";
html {
font-size: 100%;
}
body {
font-family: $main-font;
font-weight: 300;
font-size: inherit;
margin-top: 40px;
}
a:link,
a:visited {
font-family: $main-font;
font-weight: 300;
color: $brand-primary;
}
a:hover,
a:focus {
color: lighten($brand-primary, 10%);
text-decoration: none;
}
img {
width: 100%;
height: auto;
}
.admin-edit {
clear: both;
}
// override bootsrap settings
th,
td {
padding: 8px .5rem;
}
.borderless > tbody > tr > td,
.borderless > tbody > tr > th,
.borderless > tfoot > tr > td,
.borderless > tfoot > tr > th,
.borderless > thead > tr > td,
.borderless > thead > tr > th {
border: none !important;
}
a.btn-primary {
text-transform:uppercase;
font-weight: 500;
border-radius: 0;
color: $theme-gray;
border: 3px solid $theme-gray;
background-color: transparent;
font-size: 0.8125rem;
padding: .8em 1.4em;
&:hover,&:active,&:active:hover{
border-radius: 0;
color: $theme-color-third;
background-color: transparent;
border: 3px solid $theme-color-third;
}
}
// Page heading
.page-module-title {
@extend .unity-title;
margin-bottom: 18px;
}
.view-count {
font-size: 0.75rem;
}
.view_count {
> i {
font-size: 0.75rem;
&:before {
margin-right: 8px;
}
}
}
//index > main-section
.main-section{
position: relative;
@media(min-width: 993px){
width: 80%;
margin-left: 20%;
}
}
.black-bg{
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: transparent;
width: 100%;
height: 100%;
transition: .5s;
z-index: 10;
pointer-events: none;
&.active{
background-color: rgba(black,.5);
pointer-events: auto;
}
}
// Take care of exceeding content
body[data-module="page_content"],
body[data-module="announcement"] {
.layout-content {
overflow-x: auto;
}
}