nfu-farmeruni/assets/stylesheets/template/layout/wordpress.scss

346 lines
5.0 KiB
SCSS

@charset "utf-8";
@import "../initial";
.list-icons ul li {
padding: 5px 0;
margin: 0 0 2px 0;
list-style: none;
display: flex
;
align-items: first baseline;
font-size: 1em;
line-height: 1.5;
}
.list-icons i {
color: #316134;
background: #F4F4F4;
border-radius: 50%;
width: 40px!important;
height: 40px!important;
line-height: 40px!important;
text-align: center;
display: inline-block;
font-size: 18px;
margin-right: 15px;
}
.contact-text {
float: left;
width: 100%;
margin: 25px 0 25px 0;
color: #646150;
font-size: 1em;
line-height: 1.8;
padding: 25px 0 0 0;
box-sizing: border-box;
border-top-width: 1px;
border-top-style: dashed;
border-top-color: #c5c5c5;
}
#Content {
position: relative;
width: 100%;
}
body:not(.template-slider) #Content {
padding-top: 30px;
}
.section {
position: relative;
}
.section_wrapper, .container {
max-width: 1370px;
margin: 0 auto;
position: relative;
}
@media (max-width: 1499px) {
.section_wrapper, .container {
max-width: 1200px;
}
}
.section_wrapper:after, .container:after {
clear: both;
content: " ";
display: block;
height: 0;
visibility: hidden;
}
.items_group{
.column, .columns {
float: left;
margin: 0 1%;
}
}
.column.column_divider, .column-margin-0px .column {
margin-bottom: 0;
}
.column-margin-10px .column {
margin-bottom: 10px;
}
.column-margin-20px .column {
margin-bottom: 20px;
}
.column-margin-30px .column {
margin-bottom: 30px;
}
.column-margin-40px .column {
margin-bottom: 40px;
}
.column-margin-50px .column {
margin-bottom: 50px;
}
.the_content_wrapper {
margin: 0 1%;
}
.column_content .the_content_wrapper {
margin: 0;
}
.column_attr.align_left {
text-align: left;
}
.column_attr.align_right {
text-align: right;
}
.column_attr.align_center {
text-align: center;
}
.column_attr.align_justify {
text-align: justify;
}
.extra_content .the_content_wrapper {
margin: 0 1% 40px;
}
/* .with_aside */
.with_aside .content_wrapper {
width: 1200px;
margin: 0 auto;
}
.with_aside .sections_group {
width: 75%;
float: left;
}
.with_aside .section_wrapper {
width: 100%;
}
.with_aside .four.columns {
float: right;
}
.aside_left .sections_group {
float: right;
}
.aside_left .four.columns {
float: left;
}
.one-sixth.mcb-wrap {
width: 16.666%;
}
/* 1/6 */
.one-fifth.mcb-wrap {
width: 20%;
}
/* 1/5 */
.one-fourth.mcb-wrap {
width: 25%;
}
/* 1/4 */
.one-third.mcb-wrap {
width: 33.333%;
}
/* 1/3 */
.two-fifth.mcb-wrap {
width: 40%;
}
/* 2/5 */
.one-second.mcb-wrap {
width: 50%;
}
/* 1/2 */
.three-fifth.mcb-wrap {
width: 60%;
}
/* 3/5 */
.two-third.mcb-wrap {
width: 66.666%;
}
/* 2/3 */
.three-fourth.mcb-wrap {
width: 75%;
}
/* 3/4 */
.four-fifth.mcb-wrap {
width: 80%;
}
/* 4/5 */
.five-sixth.mcb-wrap {
width: 83.333%;
}
/* 5/6 */
.one.mcb-wrap {
width: 100%;
}
/* 1/1 */
/* .column */
.one-sixth.column {
width: 14.666%;
}
/* 1/6 */
.one-fifth.column {
width: 18%;
}
/* 1/5 */
.one-fourth.column, .four.columns {
width: 23%;
}
/* 1/4 */
.one-third.column {
width: 31.333%;
}
/* 1/3 */
.two-fifth.column {
width: 38%;
}
/* 2/5 */
.one-second.column {
width: 48%;
}
/* 1/2 */
.three-fifth.column {
width: 58%;
}
/* 3/5 */
.two-third.column {
width: 64.666%;
}
/* 2/3 */
.three-fourth.column {
width: 73%;
}
/* 3/4 */
.four-fifth.column {
width: 78%;
}
/* 4/5 */
.five-sixth.column {
width: 81.333%;
}
/* 5/6 */
.one.column {
width: 98%;
}
/* 1/1 */
.section.full-width>.one.column, .section.full-width>.section_wrapper>.one.column, .section.full-width .one.wrap .one.column {
width: 100%;
margin: 0;
}
/* .Sidebar | .with_aside */
.with_aside .content_wrapper {
max-width: 1240px;
margin: 0 auto;
}
.with_aside .sections_group {
width: 75%;
float: left;
}
.with_aside .section_wrapper {
max-width: 98%;
max-width: calc( 100% - 20px);
}
.with_aside .four.columns {
float: right;
margin: 0;
}
.aside_left .sections_group {
float: right;
}
.aside_left .four.columns {
float: left;
}
/* Sidebar - Both | .aside_both */
.aside_both .sections_group {
width: 60%;
margin-left: 20%;
}
.aside_both .sidebar.columns {
width: 18%;
}
.aside_both .sidebar-1 {
float: left !important;
margin-left: -79%;
}
.column_button .button {
margin: 0!important;
vertical-align: middle
}
.button_align.align_center {
text-align: center
}
.button_align.align_right {
text-align: right
}
@media only screen and (max-width: 767px) {
.mobile-header-mini #Top_bar .container {
width: 100%!important;
}
.section_wrapper,.four.columns .widget-area {
width: calc(100% - 60px)!important;
}
.section_wrapper .mcb-wrap, .section_wrapper .column, .container .column, .sections_group, .four.columns {
margin: 0;
width: 100%!important;
clear: both;
}
.mobile-sticky #Top_bar.is-sticky {
position: fixed !important;
}
#Top_bar #menu {
float: left;
position: absolute !important;
width: 100%!important;
padding-bottom: 20px;
z-index: 300;
}
#Top_bar .top_bar_left {
margin-top: 0px;
}
}
.edit{
@media(max-width:480px){
img{
max-width: 100%;
}
}
}