PHP Classes

File: bootstrap/sbnoblesse/css/custom.css

Recommend this page to a friend!
  Classes of Minh Tien   Noblesse CMS   bootstrap/sbnoblesse/css/custom.css   Download  
File: bootstrap/sbnoblesse/css/custom.css
Role: Auxiliary data
Content type: text/plain
Description: Auxiliary data
Class: Noblesse CMS
Content management system with custom plugins
Author: By
Last change: Improve system
Improve system
Improve system
Date: 8 years ago
Size: 20,525 bytes
 

Contents

Class file image Download
.nav-tabs > li a { color:#E0E0E0; background-color: #227BBA; } .nav-tabs > li { background-color: #227BBA; margin-right: 3px; border-top-left-radius: 3px; border-top-right-radius: 3px; } .nav-tabs > li.active:hover a { color:#CCCCCC; background-color:#227BBA; border:0px; } .nav-tabs > li:hover a { color:#CCCCCC; background-color: #227BBA; border:0px; border:1px solid #227BBA; } .nav-tabs > li.active a { color:#E0E0E0; background-color: #227BBA; border:0px; } .nav-tabs > li.active { color:#E0E0E0; background-color: #227BBA; border:1px solid #227BBA; } .no-padding { padding: 0px; } .no-margin { margin: 0px; } .no-padding-left { padding-left: 0px; } .no-padding-right { padding-right: 0px; } .no-padding-top { padding-top: 0px; } .no-padding-bottom { padding-bottom: 0px; } .padding-5 { padding: 5px; } .padding-10 { padding: 10px; } .padding-15 { padding: 15px; } .padding-20 { padding: 20px; } .padding-25 { padding: 25px; } .padding-30 { padding: 30px; } .padding-35 { padding: 35px; } .padding-40 { padding: 40px; } .padding-45 { padding: 45px; } .padding-50 { padding: 50px; } .padding-left-5 { padding-left: 5px; } .padding-right-5 { padding-right: 5px; } .padding-top-5 { padding-top: 5px; } .padding-bottom-5 { padding-bottom: 5px; } .padding-left-10 { padding-left: 10px; } .padding-right-10 { padding-right: 10px; } .padding-top-10 { padding-top: 10px; } .padding-bottom-10 { padding-bottom: 10px; } .padding-left-15 { padding-left: 15px; } .padding-right-15 { padding-right: 15px; } .padding-top-15 { padding-top: 15px; } .padding-bottom-15 { padding-bottom: 15px; } .padding-left-20 { padding-left: 20px; } .padding-right-20 { padding-right: 20px; } .padding-top-20 { padding-top: 20px; } .padding-bottom-20 { padding-bottom: 20px; } .padding-top-25 { padding-top: 25px; } .padding-bottom-25 { padding-bottom: 25px; } .padding-left-30 { padding-left: 30px; } .padding-right-30 { padding-right: 30px; } .padding-top-30 { padding-top: 30px; } .padding-bottom-30 { padding-bottom: 30px; } .margin-top-5 { margin-top: 5px; } .margin-bottom-5 { margin-bottom: 5px; } .margin-top-20 { margin-top: 20px; } .margin-bottom-20 { margin-bottom: 20px; } .margin-top-25 { margin-top: 25px; } .margin-bottom-25 { margin-bottom: 25px; } .margin-top-10 { margin-top: 10px; } .margin-bottom-10 { margin-bottom: 10px; } .margin-top-30 { margin-top: 30px; } .margin-bottom-30 { margin-bottom: 30px; } .margin-left-5 { margin-left: 5px; } .margin-right-5 { margin-right: 5px; } .margin-left-20 { margin-left: 20px; } .margin-right-20 { margin-right: 20px; } .margin-left-10 { margin-left: 10px; } .margin-right-10 { margin-right: 10px; } .margin-left-30 { margin-left: 30px; } .margin-right-30 { margin-right: 30px; } .color-f { color: #ffffff; } .color-e { color: #eeeeee; } .color-d { color: #dddddd; } .color-c { color: #cccccc; } .color-b { color: #bbbbbb; } .color-a { color: #aaaaaa; } .color-3 { color: #333333; } .color-4 { color: #444444; } .color-5 { color: #555555; } .color-6 { color: #666666; } .color-7 { color: #777777; } .color-8 { color: #888888; } .color-9 { color: #999999; } .hover-color-f:hover { color: #ffffff; } .hover-color-e:hover { color: #eeeeee; } .hover-color-d:hover { color: #dddddd; } .hover-color-c:hover { color: #cccccc; } .hover-color-b:hover { color: #bbbbbb; } .hover-color-a:hover { color: #aaaaaa; } .hover-color-3:hover { color: #333333; } .hover-color-4:hover { color: #444444; } .hover-color-5:hover { color: #555555; } .hover-color-6:hover { color: #666666; } .hover-color-7:hover { color: #777777; } .hover-color-8:hover { color: #888888; } .hover-color-9:hover { color: #999999; } .a-h1-lg, .a-h1-lg h1 { margin:0px; padding: 0px; font-size: 30px!important; } .a-h1-md, .a-h1-md h1 { margin:0px; padding: 0px; font-size: 24px!important; } .a-h1-sm, .a-h1-sm h1 { margin:0px; padding: 0px; font-size: 18px!important; } .a-h1-xs, .a-h1-xs h1 { margin:0px; padding: 0px; font-size: 15px!important; } .a-h2-lg, .a-h2-lg h2 { margin:0px; padding: 0px; font-size: 26px!important; } .a-h2-md, .a-h2-md h2 { margin:0px; padding: 0px; font-size: 20px!important; } .a-h2-sm, .a-h2-sm h2 { margin:0px; padding: 0px; font-size: 16px!important; } .a-h2-xs, .a-h2-xs h2 { margin:0px; padding: 0px; font-size: 13px!important; } .a-h3-lg, .a-h3-lg h3 { margin:0px; padding: 0px; font-size: 22px!important; } .a-h3-md, .a-h3-md h3 { margin:0px; padding: 0px; font-size: 18px!important; } .a-h3-sm, .a-h3-sm h3 { margin:0px; padding: 0px; font-size: 15px!important; } .a-h3-xs, .a-h3-xs h3 { margin:0px; padding: 0px; font-size: 13px!important; } .a-h4-lg, .a-h4-lg h4 { margin:0px; padding: 0px; font-size: 18px!important; } .a-h4-md, .a-h4-md h4 { margin:0px; padding: 0px; font-size: 16px!important; } .a-h4-sm, .a-h4-sm h4 { margin:0px; padding: 0px; font-size: 14px!important; } .a-h4-xs, .a-h4-xs h4 { margin:0px; padding: 0px; font-size: 12px!important; } .cursor-pointer { cursor: pointer; } .opacity-1, .opacity-10 { opacity: 1; } .opacity-9 { opacity: 0.9; } .opacity-8 { opacity: 0.8; } .opacity-7 { opacity: 0.7; } .opacity-6 { opacity: 0.6; } .opacity-5 { opacity: 0.5; } .opacity-4 { opacity: 0.4; } .hover-opacity-1:hover, .hover-opacity-10:hover { opacity: 1; } .hover-opacity-9:hover { opacity: 0.9; } .hover-opacity-8:hover { opacity: 0.8; } .hover-opacity-7:hover { opacity: 0.7; } .hover-opacity-6:hover { opacity: 0.6; } .hover-opacity-5:hover { opacity: 0.5; } .hover-opacity-4:hover { opacity: 0.4; } .no-underline { text-decoration: none; } .no-underline-hover:hover { text-decoration: none; } .min-width-24 { min-width: 24px; } .min-width-32 { min-width: 32px; } .min-width-50 { min-width: 50px; } .min-width-48 { min-width: 48px; } .min-width-64 { min-width: 64px; } .min-width-84 { min-width: 84px; } .min-width-128 { min-width: 128px; } .min-width-86 { min-width: 86px; } .min-width-120 { min-width: 120px; } .min-width-128 { min-width: 128px; } .min-width-150 { min-width: 150px; } .min-width-200 { min-width: 200px; } .min-width-250 { min-width: 250px; } .min-width-256 { min-width: 256px; } .min-width-300 { min-width: 300px; } .min-width-350 { min-width: 350px; } .min-width-400 { min-width: 400px; } .min-width-450 { min-width: 450px; } .min-width-500 { min-width: 500px; } .min-width-600 { min-width: 600px; } .min-width-700 { min-width: 700px; } .min-height-24 { min-height: 24px; } .min-height-32 { min-height: 32px; } .min-height-50 { min-height: 50px; } .min-height-48 { min-height: 48px; } .min-height-64 { min-height: 64px; } .min-height-84 { min-height: 84px; } .min-height-128 { min-height: 128px; } .min-height-86 { min-height: 86px; } .min-height-120 { min-height: 120px; } .min-height-128 { min-height: 128px; } .min-height-150 { min-height: 150px; } .min-height-200 { min-height: 200px; } .min-height-250 { min-height: 250px; } .min-height-256 { min-height: 256px; } .min-height-300 { min-height: 300px; } .min-height-350 { min-height: 350px; } .min-height-400 { min-height: 400px; } .min-height-450 { min-height: 450px; } .min-height-500 { min-height: 500px; } .min-height-600 { min-height: 600px; } .min-height-700 { min-height: 700px; } .list-style-none { list-style: none; padding: 0px; margin: 0px; display: block; } .list-style-circle { list-style: circle; } .list-padding-5 { padding: 5px; } .list-padding-10 { padding: 10px; } .list-padding-15 { padding: 15px; } .list-padding-20 { padding: 20px; } .list-padding-25 { padding: 25px; } .list-padding-30 { padding: 30px; } .display-block { display: block; } .display-none { display: none; } .li-inline-block > li { display: inline-block; } .li-inline-block > li > a { display: block; } .li-a-padding-5 > li > a { padding: 5px; } .li-a-padding-10 > li > a { padding: 10px; } .li-a-padding-15 > li > a { padding: 15px; } .li-a-padding-20 > li > a { padding: 20px; } .li-a-padding-25 > li > a { padding: 25px; } .li-a-padding-30 > li > a { padding: 30px; } .li-a-margin-right-5 > li > a { margin-right: 5px; } .li-a-margin-right-10 > li > a { margin-right: 10px; } .li-a-margin-right-15 > li > a { margin-right: 15px; } .li-a-margin-right-20 > li > a { margin-right: 20px; } .li-a-margin-right-25 > li > a { margin-right: 25px; } .li-a-margin-right-30 > li > a { margin-right: 30px; } .li-a-margin-left-5 > li > a { margin-left: 5px; } .li-a-margin-left-10 > li > a { margin-left: 10px; } .li-a-margin-left-15 > li > a { margin-left: 15px; } .li-a-margin-left-20 > li > a { margin-left: 20px; } .li-a-margin-left-25 > li > a { margin-left: 25px; } .li-a-margin-left-30 > li > a { margin-left: 30px; } .li-div-margin-right-5 > li > div { margin-right: 5px; } .li-div-margin-right-10 > li > div { margin-right: 10px; } .li-div-margin-right-15 > li > div { margin-right: 15px; } .li-div-margin-right-20 > li > div { margin-right: 20px; } .li-div-margin-right-25 > li > div { margin-right: 25px; } .li-div-margin-right-30 > li > div { margin-right: 30px; } .li-div-margin-left-5 > li > div { margin-left: 5px; } .li-div-margin-left-10 > li > div { margin-left: 10px; } .li-div-margin-left-15 > li > div { margin-left: 15px; } .li-div-margin-left-20 > li > div { margin-left: 20px; } .li-div-margin-left-25 > li > div { margin-left: 25px; } .li-div-margin-left-30 > li > div { margin-left: 30px; } .li-border-bottom > li, .li-border-bottom-1 > li { border-bottom: 1px solid #ededed; } .li-first-no-margin-top > li:first-child { margin-top: 0px; } .li-last-no-margin-top > li:last-child { margin-top: 0px; } .li-first-no-margin-bottom > li:first-child { margin-bottom: 0px; } .li-last-no-margin-bottom > li:last-child { margin-bottom: 0px; } .li-first-no-border > li:first-child { border: 0px; } .li-last-no-border > li:last-child { border: 0px; } .li-a-border-right > li > a { border-right: 1px solid #ededed; } .li-a-border-right > li > a:last-child { border-right: 0px; } .li-a-border-left > li > a { border-left: 1px solid #ededed; } .li-a-border-left > li > a:first-child { border-left: 0px; } .border-radius-2 { border-radius: 2px; } .border-radius-3 { border-radius: 3px; } .border-radius-5 { border-radius: 5px; } .border-radius-15 { border-radius: 15px; } .border-radius-30 { border-radius: 30px; } .border-radius-top-2 { border-top-left-radius: 2px; border-top-right-radius: 2px; } .border-radius-top-3 { border-top-left-radius: 3px; border-top-right-radius: 3px; } .border-radius-top-5 { border-top-left-radius: 5px; border-top-right-radius: 5px; } .border-radius-top-10 { border-top-left-radius: 10px; border-top-right-radius: 10px; } .border-radius-top-15 { border-top-left-radius: 15px; border-top-right-radius: 15px; } .border-radius-top-30 { border-top-left-radius: 30px; border-top-right-radius: 30px; } .border-radius-bottom-2 { border-bottom-left-radius: 2px; border-bottom-right-radius: 2px; } .border-radius-bottom-3 { border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; } .border-radius-bottom-5 { border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; } .border-radius-bottom-10 { border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; } .border-radius-bottom-15 { border-bottom-left-radius: 15px; border-bottom-right-radius: 15px; } .border-radius-bottom-30 { border-bottom-left-radius: 30px; border-bottom-right-radius: 30px; } .border-top-1 { border-top: 1px solid #ededed; } .border-top-2 { border-top: 2px solid #ededed; } .border-top-3 { border-top: 3px solid #ededed; } .border-top-4 { border-top: 4px solid #ededed; } .border-top-5 { border-top: 5px solid #ededed; } .border-bottom-1 { border-bottom: 1px solid #ededed; } .border-bottom-2 { border-bottom: 2px solid #ededed; } .border-bottom-3 { border-bottom: 3px solid #ededed; } .border-bottom-4 { border-bottom: 4px solid #ededed; } .border-bottom-5 { border-bottom: 5px solid #ededed; } .fly { position: absolute; } .fly-on-top-left { position: absolute; z-index: 999999; top: 0px; left: 0px; } .fly-on-top-right { position: absolute; z-index: 999999; top: 0px; right: 0px; } .fly-on-bottom-left { position: absolute; z-index: 999999; bottom: 0px; left: 0px; } .fly-on-bottom-right { position: absolute; z-index: 999999; bottom: 0px; right: 0px; } .fly-on-center-left-35 { position: absolute; z-index: 999999; top: 35%; left: 0px; } .fly-on-center-left-40 { position: absolute; z-index: 999999; top: 35%; left: 0px; } .fly-on-center-left-45 { position: absolute; z-index: 999999; top: 35%; left: 0px; } .fly-on-center-left-50 { position: absolute; z-index: 999999; top: 35%; left: 0px; } .fly-on-center-right-35 { position: absolute; z-index: 999999; top: 35%; right: 0px; } .fly-on-center-right-40 { position: absolute; z-index: 999999; top: 35%; right: 0px; } .fly-on-center-right-45 { position: absolute; z-index: 999999; top: 35%; right: 0px; } .fly-on-center-right-50 { position: absolute; z-index: 999999; top: 35%; right: 0px; } .fixed-top-left { position: fixed; left: 0px; top: 0px; } .fixed-top-right { position: fixed; right: 0px; top: 0px; } .fixed-bottom-left { position: fixed; left: 0px; bottom: 0px; } .fixed-bottom-right { position: fixed; right: 0px; bottom: 0px; } .fixed-bottom { position: fixed; bottom: 0px; margin: 0px; } .fixed-top { position: fixed; top: 0px; margin: 0px; } .fixed-center-right-35 { position: fixed; right: 35%; margin: 0px; } .fixed-center-right-40 { position: fixed; right: 40%; margin: 0px; } .fixed-center-right-45 { position: fixed; right: 45%; margin: 0px; } .fixed-center-left-35 { position: fixed; left: 35%; margin: 0px; } .fixed-center-left-40 { position: fixed; left: 40%; margin: 0px; } .fixed-center-left-45 { position: fixed; left: 45%; margin: 0px; } .is-relative { position: relative; } .z-index-1 { z-index: 90001; } .z-index-2 { z-index: 90002; } .z-index-3 { z-index: 90003; } .z-index-4 { z-index: 90004; } .z-index-5 { z-index: 90005; } .z-index-6 { z-index: 90006; } .z-index-7 { z-index: 90007; } .z-index-8 { z-index: 90008; } .z-index-9 { z-index: 90009; } .z-index-10 { z-index: 999999; } .bg-black, .bg-0 { background-color: #000000; } .bg-f, .bg-white { background-color: #ffffff; } /* Change color of arrow dynamic $('.arrow-color').each(function(index, el) { var color=$(this).attr('data-color'); if(typeof color !== "undefined") { var id=$(this).parent().attr('id'); if(typeof id !== "undefined") { $(this).css({ backgroundColor: color }); document.styleSheets[0].addRule('#'+id+' > .arrow_box:after', 'border-top-color: '+color+';'); document.styleSheets[0].addRule('#'+id+' > .arrow_box:before', 'border-top-color: '+color+';'); } } }); */ .arrow_box { position: relative; background: #89b218; border: 0px solid #ffffff; } .arrow_box:after, .arrow_box:before { top: 100%; left: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; } .arrow_box:after { border-color: rgba(255, 255, 255, 0); border-top-color: #89b218; border-width: 5px; margin-left: -5px; } .arrow_box:before { border-color: rgba(255, 255, 255, 0); border-top-color: #89b218; border-width: 6px; margin-left: -6px; } .arrow-size-10:after { border-color: rgba(255, 255, 255, 0); border-top-color: #89b218; border-width: 10px; margin-left: -10px; } .arrow-size-10:before { border-color: rgba(255, 255, 255, 0); border-top-color: #89b218; border-width: 11px; margin-left: -11px; } .arrow-size-15:after { border-color: rgba(255, 255, 255, 0); border-top-color: #89b218; border-width: 15px; margin-left: -15px; } .arrow-size-15:before { border-color: rgba(255, 255, 255, 0); border-top-color: #89b218; border-width: 16px; margin-left: -16px; } .arrow-size-20:after { border-color: rgba(255, 255, 255, 0); border-top-color: #89b218; border-width: 20px; margin-left: -20px; } .arrow-size-20:before { border-color: rgba(255, 255, 255, 0); border-top-color: #89b218; border-width: 21px; margin-left: -21px; } .shadow-1 { -moz-box-shadow: 1px 1px 3px #888; -webkit-box-shadow: 1px 1px 3px #888; box-shadow: 1px 1px 3px #888; } .shadow-2 { -moz-box-shadow: 2px 2px 3px #888; -webkit-box-shadow: 2px 2px 3px #888; box-shadow: 2px 2px 3px #888; } .shadow-3 { -moz-box-shadow: 3px 3px 3px #888; -webkit-box-shadow: 3px 3px 3px #888; box-shadow: 3px 3px 3px #888; } .shadow-5 { -moz-box-shadow: 5px 5px 3px #888; -webkit-box-shadow: 5px 5px 3px #888; box-shadow: 5px 5px 3px #888; } .shadow-10 { -moz-box-shadow: 10px 10px 3px #888; -webkit-box-shadow: 10px 10px 3px #888; box-shadow: 10px 10px 3px #888; } .show_modal_media { cursor: pointer; } #modal-media .row-tools { list-style: none; padding: 0px; margin: 0px; display: block; } #modal-media .row-tools li { display: inline-block; margin-right: 15px; } #modal-media .item { /*font-size: 13px;*/ cursor: pointer; } #modal-media .row-tools .item-dir { color: #ff005d; } .navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form { border-color: #333333; } .navbar-inverse { background-color: #222222; border-color: #333333; } div#page-wrapper { min-height: 624px; background-color: #f1f1f1; } .ulDashboard { list-style: none; padding:0px; } .ulDashboard li { margin:10px 0px 10px 0px; } .ulDashboard li a { color:#575757; display: block; } .ulDashboard li a:hover { text-decoration: none; } /*Auto chosen*/ .pChosen { /*position: relative;*/ } .ulChosen { /*position: absolute;*/ list-style: none; padding: 0px; /*top: 35px;*/ /*margin-left: 10px;*/ } .ulChosen li { float: left; padding: 2px 2px 2px 2px; cursor: pointer; background-color: #1C8FED; margin-right: 5px; margin-top: 5px; margin-bottom: 5px; } .ulChosen li span { color: #ffffff; } .ulChosen li .removeTextChosen:hover { color: #F50C2B; } .removeTextChosen { margin-left: 5px; } /*Auto complete*/ .colRelative { position: relative; } .listAutoSuggest { position: absolute; /*top:76px;*/ z-index: 9999999; display: none; max-height: 200px; overflow: scroll; overflow-y: auto; overflow-x: hidden; } .listAutoSuggest ul { list-style: none; padding:0px; background-color: #ffffff; min-width: 300px; } .listAutoSuggest ul > li span { display: block; cursor: pointer; color:#242424; padding: 5px 0px 5px 5px; border-bottom: 1px solid #D9D9D9; } .listAutoSuggest ul > li span:hover { background-color: #D9D9D9; } /*Auto complete*/ .plugin-store-ul { list-style: none; padding: 0px; margin:0px; } .plugin-store-ul > li { float: left; margin-right: 30px; } .plugin-store-item .head-title a { color: #242424; font-size: 20px; } .plugin-store-item .more-info { padding-top: 20px; } .themeCol { margin-bottom: 30px; min-height: 390px; } .themeCol .themeSummary .themeDesc h4 { font-size: 15px; } .img-tools { position: fixed; right: 0px; top: 70px; z-index: 999; cursor: pointer; margin: 0px auto; } .img-tools:hover { /*opacity: 0.8;*/ } .the-tool:hover { opacity: 0.8; } .a-the-tool { color: #52a310; } .a-the-tool:hover { color: #43820f; } .pointer { cursor: pointer; } .pagination { margin: 0px; } .notify-badge { position: absolute; right: 0px; top: 3px; background-color: #ff0059!important; color: #fff!important; } .input-size-medium { height: 35px; } .form-input-medium input[type="text"], .form-input-medium input[type="password"] { height: 35px; }