Current Path :
/
home
/
develito
/
www
/
templates
/
jsn_epic2_pro
/
scss
/
joomla
/
Or
Select Your Path :
Upload File :
New :
File
Dir
//home/develito/www/templates/jsn_epic2_pro/scss/joomla/_responsive.scss
// ====================================== // -------- Disable Responsive ---------- // ====================================== .disable-responsive { .container { width: 960px !important; } } // ====================================== // ------------- Small grid ------------- // ====================================== @media (min-width: $screen-sm-min) { } // ====================================== // ------------- Medium grid ------------ // ====================================== @media (min-width: $screen-md-min) { .container-fluid { padding-left: 0; padding-right: 0; } } // ====================================== // ------------- Large grid ------------- // ====================================== @media (max-width: 1366px) { body.coming-soon { height: 100%; } } @media (min-width: $screen-sm-max) { .sunfw-menu-head li.megamenu > .caret { display: none; } } @media (max-width: $screen-md-max) { #finder-search { fieldset > input[type="text"] { margin-bottom: 15px; } } body { &.coming-soon { .sunfw-content { width: 100%; } } } } @media (max-width: $screen-sm-max) { .contact { .accordion-inner { .contact-position { margin-top: 30px; * { margin-top: 0; } } } .dl-horizontal dt { float: left; width: 80px; clear: left; text-align: right; text-overflow: ellipsis; white-space: nowrap; } .dl-horizontal dd { margin-left: 100px; } #contact-form.form-horizontal .control-group .controls input, #contact-form.form-horizontal .control-group .controls textarea { width: 230px; } } #sunfw_section_bottom { .module-style[class*="richbox-"] { margin-bottom: 30px; } } [id*="member-"] { input[name*="jform[easydiscussprofile]"] { max-width: 100%; } input[type="email"],input[type="password"],input[type="text"],textarea { min-width: 100%; } } .contact .accordion-group button[type="submit"] { position: static; margin-left: 30px; } .pb-countdown__inner [class*="pb-countdown"] span { font-size: 27px; } } @media (max-width: $screen-xs-max) { .pb-countdown__inner [class*="pb-countdown"] span { font-size: 25px; } .sunfw-flex-component .user-2, .sunfw-flex-component .user-4 { padding-right: 0; padding-left: 0; padding-top: 15px; } .sunfw-flex-component .user-1, .sunfw-flex-component .user-3 { border-right: none; padding-right: 0; padding-left: 0; } .content-left { box-shadow: inset 0 -8px 8px -8px rgba(0,0,0,0.37); } .content-right { box-shadow: inset 0 8px 8px -8px rgba(0,0,0,0.4); } .layout-item { .items-row { margin-bottom: 0; &:last-child { [class*="col-xs-"]:last-child { margin-bottom: 0; } } } } .items-row [class*="col-xs-"] { width: 100%; margin-bottom: 30px; } .profile-edit, .login, #user-registration, #member-registration { .control-label { width: 100px; } .controls { @include rtl-margin-left(110px); } } .remind button, .reset button, .login > form button { min-width: 100%; } .p-0 { padding: 0; min-height: auto; } textarea, input[type="text"]:not([name*="filter"]), input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .chzn-container-single .chzn-single { width: 100%; } .filters { .btn-group { width: 100%; &.pull-right { width: calc(100% - 10px); } } input[type="text"][name="filter-search"] { margin-bottom: 20px; } } .table > thead > tr > th, .table > thead > tr > td, .table > tbody > tr > th, .table > tbody > tr > td, .table > tfoot > tr > th, .table > tfoot > tr > td { padding: 10px; } .edit.item-page { .chzn-container-multi .chzn-choices, select:not(.time), textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .chzn-container-single .chzn-single { min-width: 235px; width: 235px; } .chzn-container-single .chzn-search input[type="text"] { min-width: 100%; } .calendar-container table { max-width: 235px; } #metadata, #publishing { .control-label { flex: 0 0 32%; } } form#adminForm .toggle-editor .btn { margin-bottom: 80px; } } .table { table-layout: fixed; overflow-y: hidden; min-height: .01%; overflow-x: scroll; overflow-y: hidden; webkit-overflow-scrolling: auto; -webkit-overflow-scrolling: touch; border: 1px solid #d5d6d8; text-overflow: ellipsis; &.table-bordered { border: none; } } .registration #member-registration, .profile-edit { .control-group { max-width: 100%; } } .registration #member-registration { .control-group { .control-label { width: 130px; } .controls { @include rtl-margin-left(150px); } } > .control-group { .controls { @include rtl-margin-left(0); } } } .contact { .accordion-group fieldset legend { margin: 0; } #contact-form.form-horizontal { .control-group { .control-label { float: none; @include rtl-text-align-left(); } .controls { @include rtl-margin-left(0); input, textarea { width: 100%; } } } } #contact-form.form-horizontal { .control-group:last-child { display: flex; flex-direction: row-reverse; justify-content: flex-end; #jform_contact_email_copy { @include rtl-margin-right(10px); } } } } .jsn-contact-form .jsn-master .jsn-bootstrap { .jsn-form-content .control-group .controls { input { width: calc(100% - 20px) !important; &.input-file { width: calc(100%) !important; } } .select2-container.jsn-input-xlarge-fluid, textarea { width: calc(100%) !important; } } } div.sw-tab-layout > nav > a { padding: 7px 18px; margin: 0 -1px !important !important; &[data-active="true"] { margin: -3px -1px -1px !important; } } #sunfw-master div.search input[type="search"] { width: 100%; margin-bottom: 10px; } .sunfw-scrollup { padding: 12px 40px; } #sunfw_section_bottom { .module-style { margin-bottom: 30px; } } .module-style.ml-15 { @include rtl-margin-left(15px); } .module-style.mr-15 { @include rtl-margin-right(15px); } } @media (min-width: $screen-sm-min) and (max-width: $screen-sm-max) { .sunfw-logo { padding: 2px 0; } } @media (max-width: 380px) { #sunfw-master #recaptcha_table { width: 250px!important; } input#search-searchword[type="text"] { margin-bottom: 20px; } .remind button, .remind input[type="email"], .reset button, .reset input[type="email"] { min-width: 100%; } .article-index { width: 100%; margin: 0 0 20px; } .marginright-15 { @include rtl-margin-right(15px); } } @media (max-width: 320px) { #finder-search button.btn { margin-bottom: 10px; } .table > thead > tr > th, .table > thead > tr > td, .table > tbody > tr > th, .table > tbody > tr > td, .table > tfoot > tr > th, .table > tfoot > tr > td { padding: 10px 5px; } .table { font-size: 0.9em; &.category th { font-size: 1em; } } .badge { padding: 4px 8px; } .jsn-counter-wrap { .info { .number { font-size: 20px; line-height: 40px; width: 40px; height: 40px; } .title { font-size: 11px; } } } }