Файловый менеджер - Редактировать - /home/lmsyaran/public_html/pusher/less.tar
Назад
blocks/_chzn-override.less 0000644 00000013243 15117055454 0011641 0 ustar 00 .chzn-container { .chzn-drop { border-radius: 0 0 3px 3px; } } // Fluid width .control-group .chzn-container { max-width: 100%; .chzn-choices li.search-field, .chzn-choices li.search-field input { // Fix for #13594 width: 100% !important; } } .chzn-container-single { .chzn-single { background-color: @white; background-clip: inherit; background-image: none; border: 1px solid @inputBorder; border: 1px solid rgba(0, 0, 0, 0.2); border-radius: 3px; box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2) inset, 0 1px 2px rgba(0, 0, 0, 0.05); height: auto; line-height: 26px; div { background-color: @btnBackground; border-left: 1px solid @inputBorder; bottom: 0; height: auto; text-align: center; width: 28px; b { background-image: none; display: inline-block; &:after { content: '\E011'; font-family: IcoMoon; } } } abbr { background: none; right: 36px; top: 0; &:before { font-family: IcoMoon; content: '\0049'; font-size: 10px; line-height: 26px; } &:hover { color: #000; } } } .chzn-search { &:after { content: '\0053'; font-family: IcoMoon; position: relative; right: 20px; top: 2px; } input[type="text"] { background: none; border-radius: @inputBorderRadius; border: 1px solid @inputBorder; box-shadow: none; height: 25px; &:focus { border-color: @inputBorderHighlight; } } } .chzn-drop { background-clip: padding-box; border-color: @inputBorderHighlight; border-radius: 0 0 3px 3px; } } .chzn-container-active { .chzn-single { color: @inputBorderHighlight; } &.chzn-with-drop { .chzn-single { background-image: none; border: 1px solid @inputBorderHighlight; border-bottom-left-radius: 0; border-bottom-right-radius: 0; div { background-color: @btnBackground; border-bottom: 1px solid @inputBorder; border-bottom-left-radius: @inputBorderRadius; border-left: 1px solid @inputBorder; b { &:after { content: '\E00F'; font-family: IcoMoon; } } } } } &.chzn-container-multi { .chzn-choices { border: 1px solid @inputBorderHighlight; box-shadow: none; } } } .chzn-container .chzn-results { background-color: @white; border-radius: 0 0 @inputBorderRadius @inputBorderRadius; margin: 0; padding: 0; li.highlighted { background-color: @inputBorderHighlight; background-image: none; } } .chzn-color[rel="value_"] div { background-color: @btnBackground; border-left: 1px solid @inputBorder; } .chzn-color-state.chzn-single, .chzn-color.chzn-single[rel="value_0"], .chzn-color.chzn-single[rel="value_1"], .chzn-color-state.chzn-single[rel="value_-1"], .chzn-color-state.chzn-single[rel="value_-2"], .chzn-color.chzn-single[rel="value_hide"], .chzn-color.chzn-single[rel="value_show_no_link"], .chzn-color.chzn-single[rel="value_show_with_link"] { div { background-color: transparent !important; border: none !important; } } .chzn-container-active .chzn-choices { border: 1px solid @inputBorderHighlight; } .chzn-container-multi { .chzn-choices { background-image: none; border-radius: @inputBorderRadius; border: 1px solid @inputBorder; li.search-choice { background-color: @inputBorderHighlight; background-image: none; border: 0; box-shadow: none; color: #fff; line-height: 20px; padding: 0 7px; .search-choice-close { color: #f5f5f5; display: inline-block; margin-left: 5px; position: relative; top: 0; left: 0; background-image: none; font-size: inherit; &:hover { text-decoration: none; } &:before { font-family: IcoMoon; content: '\004A'; position: relative; right: 1px; top: 0; } } } } } .js-stools .js-stools-container-bar .js-stools-field-filter .chzn-container { margin: 1px 0; padding: 0 !important; } /* Chosen color styles */ .chzn-color.chzn-single[rel="value_1"], .chzn-color-reverse.chzn-single[rel="value_0"], .chzn-color-state.chzn-single[rel="value_1"], .chzn-color.chzn-single[rel="value_show_no_link"], .chzn-color.chzn-single[rel="value_show_with_link"] { .buttonBackground(@btnSuccessBackground, @btnSuccessBackgroundHighlight); box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05); color: #ffffff; } .chzn-color-state.chzn-single[rel="value_0"], .chzn-color-state.chzn-single[rel="value_-2"] { .buttonBackground(@btnDangerBackground, @btnDangerBackgroundHighlight); box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05); color: #ffffff; } blocks/_custom.less 0000644 00000011357 15117055454 0010400 0 ustar 00 // Custom /* Links */ .j-links-separator { margin: 20px 0px; width: 100%; height: 0px; border-top: 2px solid #DDDDDD; } /* Main Container & System Debug Padding */ .container-main, #system-debug { padding-bottom: 50px; } /* Pagination in toolbar */ .pagination-toolbar { margin: 0; } .pagination-toolbar a { line-height: 26px; } /* Dropdown */ .pull-right > .dropdown-menu, .dropdown-reverse { left: auto; right: 0; } /* Nav list filters */ .nav-filters hr { margin: 5px 0; } /* Module Assignment Tab */ #assignment.tab-pane { min-height: 500px; } @media (max-width: @lg-max) { .container-fluid { padding-left: 10px; padding-right: 10px; } } @media (min-width: @md) { body { padding-top: 30px; } .nav-collapse.collapse.in { height: auto !important; } } @media (max-width: @md-max) { .container-fluid { padding-left: 0; padding-right: 0; } } @media (max-width: @sm-max) { .pagination a { padding: 5px; } .btn-group.divider, .header .row-fluid .span3, .header .row-fluid .span7 { display: none; } .btn-group + .btn-group { margin-left: 10px; } } /* Extension type labels */ .info-labels { margin-top: -5px; margin-bottom: 10px; } /* Sortable list*/ .sortable-handler.inactive { opacity: 0.3; filter: alpha(opacity=30); } /* Joomla and Extension update message */ .alert-joomlaupdate { text-align: center; button { vertical-align: baseline; } } .j-jed-message { line-height: 2em; color:#333333; } /* z-index issues */ .moor-box { z-index: 3; } .admin .chzn-container .chzn-drop { z-index: 1060; } /* Item associations */ .item-associations { margin: 0; } .item-associations li { list-style: none; display: inline-block; margin: 0 0 3px 0; } .item-associations li a { color: #ffffff; } /* Content Languages flag */ #flag img { padding-top: 6px; vertical-align: top; } /* Tweaking of tooltips */ .tooltip { max-width: 400px; } .tooltip-inner { max-width: none; text-align: left; text-shadow: none; } th .tooltip-inner { font-weight: normal; } .tooltip.hasimage { opacity: 1; } /* Permissions dropdown display */ #permissions-sliders { .chzn-container { margin-top: -5px; position: absolute; } .table td { padding: 8px 8px 9px; } } .img-preview > img { max-height: 100%; } .alert-no-items { margin-top: 20px; } @media (max-width: @md-max) { html[dir=rtl] #toolbar #toolbar-options, html[dir=rtl] #toolbar #toolbar-help, #toolbar #toolbar-options, #toolbar #toolbar-help { float: none; } } /* Widen the drop downs for the Permissions Field */ #permissions-sliders .input-small { width: 120px; } .editor { overflow: hidden; position: relative } .editor textarea.mce_editable { box-sizing: border-box; } /* For grid.boolean */ a.grid_false { display: inline-block; height: 16px; width: 16px; background-image: url('../images/admin/publish_r.png'); } a.grid_true { display: inline-block; height: 16px; width: 16px; background-image: url('../images/admin/icon-16-allow.png'); } /* Box-shadow from focused fields */ textarea, input, .uneditable-input { box-shadow: none !important; } textarea:focus, input:focus, .uneditable-input:focus { box-shadow: none; border: 1px solid @inputBorderHighlight; } /* Stats plugin */ .js-pstats-data-details dd { margin-left: 240px; } .js-pstats-data-details dt { width: 220px; } /* ACL Permission page */ #permissions, #page-permissions { table { td { vertical-align: middle; } select { margin-bottom: 0; } } } .js-stools-container-bar .btn-primary .caret { border-bottom: 4px solid @white; } .input-append .add-on, .input-append .btn, .input-append .btn-group > .dropdown-toggle, .input-prepend .add-on, .input-prepend .btn, .input-prepend .btn-group > .dropdown-toggle { -webkit-border-radius: 0 @inputBorderRadius @inputBorderRadius 0; -moz-border-radius: 0 @inputBorderRadius @inputBorderRadius 0; border-radius: 0 @inputBorderRadius @inputBorderRadius 0; } /* Removes Text Shadows */ .alert, .alert-options, .badge, .breadcrumb > li, .close, .input-append .add-on, .input-prepend .add-on, .label, .nav-header, .nav-list .nav-header, .nav-list > .active > a, .nav-list > .active > a:focus, .nav-list > .active > a:hover, .nav-list > li > a, .nav-tabs.nav-dark, .navbar .brand, .navbar .nav > li > a, .navbar-inverse .brand, .navbar-inverse .nav > li > a, .navbar-inverse .navbar-search .search-query.focused, .navbar-inverse .navbar-search .search-query:focus, .progress .bar, .subhead { text-shadow: none; } /* Popover minimum height - overwrite bootstrap default */ .popover-content { min-height: 33px; } /* Overrid font-weight 200 */ .lead, .navbar .brand, .hero-unit, .hero-unit .lead { font-weight: 400; } /* Stick permissions tab */ @media (min-width: @xl) { #permissions { .tab-content { position: sticky; top: 90px; } } } blocks/_editors.less 0000644 00000000145 15117055454 0010530 0 ustar 00 // Editors .CodeMirror { height: calc(~"100vh - 400px"); min-height: 400px; max-height: 800px; } blocks/_forms.less 0000644 00000013433 15117055454 0010211 0 ustar 00 // Forms // Normalize LTR Label (JBS request) // -------------------------- .form-horizontal { // Float the labels left .control-label { padding-right: 5px; text-align: left; // Set a width for the spacer hr so it shows .spacer hr { width: 380px; @media (max-width: 420px) { width: 220px; } } } .field-spacer>.control-label{ width: auto; } #jform_catid_chzn { vertical-align: middle; } } .form-vertical { .control-label { > label { display: inline-block; .ie7-inline-block(); } } .controls { margin-left: 0; } } @media (max-width: @lg-max) { .form-horizontal-desktop { .control-label { float: none; width: auto; padding-right: 0; padding-top: 0; text-align: left; > label { display: inline-block; .ie7-inline-block(); } } .controls { margin-left: 0; } } } @media (max-width: @xl-max) { .row-fluid .row-fluid .form-horizontal-desktop { .control-label { float: none; width: auto; padding-right: 0; padding-top: 0; text-align: left; > label { display: inline-block; .ie7-inline-block(); } } .controls { margin-left: 0; } } } .form-inline-header { margin: 5px 0; .control-group, .control-label, .controls { display: inline-block; .ie7-inline-block(); } .control-label { width: auto; padding-right: 10px; } .controls { padding-right: 20px; } } /* Make fieldsets responsive */ fieldset[class^="form-"] { min-width: 100%; } /* Make fieldsets responsive in Firefox. See http://getbootstrap.com/css/#tables-responsive */ @-moz-document url-prefix() { fieldset[class^="form-"] { display: table-cell; } } /* Display checkboxes without bullets in list */ fieldset.checkboxes input { float: left; } fieldset.checkboxes li { list-style: none; } /* Make form elements responsive */ .control-group, .controls, .controls input[type="text"], .controls input[type="number"], .controls input[type="email"], .controls select, .controls textarea { max-width: 100%; } /* Min-width on buttons */ .controls .btn-group > .btn { min-width: 50px; margin-left: -1px; } .controls .btn-group.btn-group-yesno { width: 220px; max-width: 100%; > .btn { width: 50%; min-width: 40px; padding: 2px 0; } } /* Title field */ input.input-large-text { font-size: 18px; line-height: 22px; height: auto; } /* Customize Textarea Resizing */ textarea { resize: both; } textarea.vert { resize: vertical; } textarea.noResize { resize: none; } /* Repeatable SubForm */ .subform-repeatable { padding-right: 10px; > .btn-toolbar { margin: 0; .group-add { line-height: 26px; width: 56px; font-size: 13px; margin-left: 28px; } } } .subform-repeatable-group { margin-top: 20px; margin-left: 28px; border: 1px solid @inputBorder; padding: 8px 25px 15px; position: relative; border-radius: @inputBorderRadius; > .btn-toolbar { margin: 0; .btn-group { margin-right: 0px; margin-top: -1px; position: static; } .btn { font-size: 13px; line-height: 26px; background-color: #F3F3F3; position: absolute; span { vertical-align: middle; line-height: 11px; } &.btn-success { color: #378137; bottom: 0; right: 0; border-radius: @inputBorderRadius 0 0 0; border-width: 1px 0 0 1px; padding-top: 1px; .icon-plus:before { content: "]"; } } &.btn-danger { color: #942a25; top: 0; right: 0; border-radius: 0 0 0 @inputBorderRadius; border-width: 0 0 1px 1px; .icon-minus:before { content: "I"; } } &.btn-primary { color: #24748c; color: #333; right: 100%; top: 50%; margin-top: -27px; margin-right: 1px; border-radius: @inputBorderRadius 0 0 @inputBorderRadius; border-width: 1px 0 1px 1px; line-height: 52px; .icon-move:before { content: "Z"; } } [class^="icon-"], [class*=" icon-"] { margin: 0; } &:hover { background-color: #E6E6E6; } } } &:nth-child(odd) { } &:nth-child(even) { } &:last-of-type { } .control-group:last-of-type { margin-bottom: 10px; } } @media (max-width: @lg-max) { .subform-repeatable-group > .btn-toolbar .btn-group { margin-bottom: 10px; } } .subform-table-layout { .control-group { margin-bottom: 10px; &:last-of-type { margin-bottom: 0; } } .controls { padding-right: 20px; } .btn-group { } input { width: 100%; max-width: 206px; } table .btn-group { margin: 0 7px; } } @media (max-width: 1024px) { .subform-table-layout { .subform-repeatable { padding-right: 0; tbody td:last-of-type { text-align: right; padding-bottom: 15px; } } table, thead, tbody, th, td, tr { display: block; } table { border: 1px solid #ddd; } thead { th { position: absolute; top: -9999px; left: -9999px; &:last-of-type { position: static; width: 100% !important; text-align: right; box-sizing: border-box; border-left: 0; } } } tr { margin: 0; padding: 0; border: 0; } td { border: none; position: relative; padding-left: 50%; } tbody { td:first-of-type { padding-top: 15px; border-top: 1px solid #ddd; &:before {top:18px;} } } td:before { content: attr(data-column); position: absolute; top: 13px; left: 10px; padding-right: 10px; } } } /* Remove unneeded space between label and field in vertical forms */ .controls > .radio:first-child, .controls > .checkbox:first-child { padding-top: 0; .form-horizontal & { padding-top: 5px; } } /* Align btn-group to label */ .form-horizontal .controls > .radio.btn-group:first-child { padding-top: 0; } /* Align btn-group-yesno to label */ .form-horizontal .controls > .radio.btn-group-yesno:first-child { padding-top: 2px; } /* Fix field media width */ input.field-media-input { width: auto; } blocks/_global.less 0000644 00000002176 15117055454 0010325 0 ustar 00 // Global /* Body */ html { height: 100%; } body { height: 100%; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; box-sizing: border-box; } a:hover, a:active, a:focus { outline: none; } /* Typography */ .small { font-size: 11px; } .row-even .small, .row-odd .small, .row-even .small a, .row-odd .small a { color: #888; } /* Page Title in Content */ .content-title { font-size: 24px; font-weight: normal; line-height: 26px; margin-top: 0; } /* Content */ .well .page-header { margin: -10px 0 18px 0; padding-bottom: 5px; } .well .module-title.nav-header { padding: 0 0 7px; margin: 0; font-size: 13px; } .well .row-even p, .well .row-odd p { margin-bottom: 0; } /* Headings */ h1, h2, h3, h4, h5, h6 { margin: (@baseLineHeight / 1.5) 0; } h1 { font-size: 26px; line-height: 28px; } h2 { font-size: 22px; line-height: 24px; } h3 { font-size: 18px; line-height: 20px; } h4 { font-size: 14px; line-height: 16px; } h5 { font-size: 13px; line-height: 15px; } h6 { font-size: 12px; line-height: 14px; } .truncate { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } blocks/_header.less 0000644 00000001665 15117055454 0010317 0 ustar 00 // header .header { background-color: @headerBackground; border-top: 1px solid rgba(255, 255, 255, 0.2); padding: 8px 25px; } @media (max-width: @md-max) { .header { padding: 4px 18px; margin-left: -20px; margin-right: -20px; } } .header .navbar-search { margin-top: 0; } @media (max-width: @lg-max) { .header .navbar-search { border-top: 0; border-bottom: 0; .box-shadow(none); } } /* Logo */ .container-logo { float: right; text-align: right; } .logo { width: auto; max-width: 100%; max-height: 36px; height: auto; } /* Page Title */ .page-title { color: white; font-weight: normal; font-size: 20px; line-height: 36px; margin: 0; [class^="icon-"], [class*=" icon-"] { margin-right: 16px; } } @media (max-width: @md-max) { .container-logo { display: none; } .page-title { font-size: 18px; line-height: 28px; [class^="icon-"], [class*=" icon-"] { margin-right: 10px; } } } blocks/_login.less 0000644 00000002401 15117055454 0010164 0 ustar 00 // Login .view-login { background-color: @loginBackground; padding-top: 0; .container { width: 300px; position: absolute; top: 50%; left: 50%; margin-top: -206px; margin-left: -150px; } .navbar-fixed-bottom { padding-left: 20px; padding-right: 20px; text-align: center; } .navbar-fixed-bottom, .navbar-fixed-bottom a { color: #FCFCFC; } .navbar-inverse.navbar-fixed-bottom, .navbar-inverse.navbar-fixed-bottom a { color: @gray; } .well { padding-bottom: 0; } .login-joomla { position: absolute; left: 50%; height: 24px; width: 24px; margin-left: -12px; font-size: 22px; } .navbar-fixed-bottom { position: absolute; } .input-medium { width: 176px; } #lang_chzn { width: 233px !important; max-width: none; .chzn-single div { width:43px; } } .input-prepend .add-on, .controls .btn-group > .btn { margin-left:0; } } .navbar-inverse { color: @textColor; } .login { .btn-large { margin-top: 15px; } .form-inline .btn-group { display:block; } } @media (max-width: @sm-max) { .login .chzn-single { width: 222px !important; } .login .chzn-container, .login .chzn-drop { width: 230px !important; } } @media (max-width: @xs-max) { .view-login .navbar-fixed-bottom { display: none; } } blocks/_media.less 0000644 00000011770 15117055454 0010144 0 ustar 00 // Media /* Spacing below buttons in media manager */ .ventral-space{ margin-bottom: 5px; } /* Media Manager folder icon override */ ul.manager .height-50 .icon-folder-2 { height: 35px; width: 35px; line-height: 35px; font-size: 30px; } #imageForm { .well { margin-bottom: 5px; } } .thumbnails-media { @thumbSize:100px; .thumbnail { background-color: #f4f4f4; border-radius: @inputBorderRadius; border: 0; box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05) inset; padding: 0px; height: @thumbSize; width: @thumbSize; margin: 8px; position: relative; text-align: center; overflow: hidden; .close { background-color: #ccc; border-left: 1px solid rgba(0, 0, 0, 0.1); height: 22px; line-height: 22px; opacity: 0.3; text-align: center; width: 22px; top: 0; right: 0; &:hover { background-color: #bbb; } } *, *:before { -webkit-transition: all 0.2s ease; transition: all 0.2s ease; -webkit-box-sizing: border-box; box-sizing: border-box; } input[type="radio"], input[type="checkbox"] { margin: 0; opacity: 0.55; position: absolute; top: 5px; left: 5px; } .controls, .imginfoBorder { display: none; } } .imgThumb { position: relative; z-index: 1; width:100%; display: inline-block; input { display: none; } label, .imgThumbInside { display: block; line-height: @thumbSize; position: relative; width: 100%; border-radius: @inputBorderRadius; overflow: hidden; &:before { font-family: "IcoMoon"; font-style: normal; content: 'G'; position: absolute; top: 0; right: 0; background-color: @btnSuccessBackground; color: #fff; line-height: 26px; width: 26px; -webkit-transform: scale(0.5); transform: scale(0.5); opacity: 0; border-color: rgba(0, 0, 0, 0.2); box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05); border-radius: 0 @inputBorderRadius; } } img { width: auto; } } .selected, .imgInput { :checked + label, .imgThumbInside { background-color: #ddd; &:before { -webkit-transform: scale(1); transform: scale(1); opacity: 1; } &:after { position: absolute; top: 0; left: 0; right: 0; bottom: 0; content: ''; border: 3px solid @btnSuccessBackground; border-radius: 5px; } } } .imgDelete a.close, .imgPreview a { padding: 0; position: absolute; left: 0; z-index: 1; height: 26px; width: 26px; } .imgPreview a { width: 100%; } .imgDelete a.close { background-color: @btnDangerBackground; border-color: @btnDangerBackground rgba(0, 0, 0, 0.2) rgba(0, 0, 0, 0.2) @btnDangerBackground; top: 0; line-height: 28px; font-size: 12px; padding-left: 1px; color: #fff; border-bottom-right-radius: @inputBorderRadius; border-top-left-radius: @inputBorderRadius; z-index: 10; opacity: 0; -webkit-transform: scale(0.5); transform: scale(0.5); &:hover { background-color: darken(@btnDangerBackground, 15%); } } .thumbnail:hover .imgDelete a.close { opacity: 1; -webkit-transform: scale(1); transform: scale(1); } .imgPreview a, .imgDetails { position: absolute; left:0; text-align: left; background-color: #fff; border-color: rgba(0, 0, 0, 0.2); bottom: 0; line-height: 26px; border: 1px solid rgba(0, 0, 0, 0.1); border-width: 1px; border-radius: 0 @inputBorderRadius 0 0; z-index: 1; &:hover { background-color: #eee; } } .imgDetails { padding: 0 5px; line-height: 20px; color: #555; } .imgFolder { span { line-height: 90px; font-size: 38px; margin: 0; width: auto; } } .imgFolder + .imgDetails { color: inherit; } } // Media Manager .com_media { .media a + a { margin-left: -1px; } .tree-holder { padding: 0 15px; } } #folderframe.thumbnail { border: 0; box-shadow: none; padding: 0; } #mediamanager-form { margin: 0 -10px; overflow-x: hidden; > .muted { padding: 0px; } .checkbox { padding-left: 30px; margin-bottom: 15px; input { margin-top: 3px; } } .thumbnails { margin: 0 -8px; overflow-x: hidden; .thumbnail { height: 120px; width: 120px; margin: 8px } .imgThumb label, .imgTotal { line-height: 120px; } } .icon-search::before { padding-right: 5px; padding-left: 1px; } .height-50 { background-color: #fafafa; height: 77px; position: relative; z-index: 1; width:100%; display: inline-block; a, .icon-folder-2 { display: inline-block; line-height: 75px; margin-top: -1px; } a { &:after { bottom: 0; box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.08) inset; content: ""; display: block; left: 0; overflow: hidden; position: absolute; right: 0; top: 0; } } .icon-folder-2 { font-size: 40px; } } } .uploadform { margin-top: 20px; } blocks/_modals.less 0000644 00000001417 15117055454 0010341 0 ustar 00 // Modals body.modal-open { -ms-overflow-style: none; } .modal-header { padding: 0 20px; text-align: left; h3 { font-weight: normal; line-height: 50px; } .close { width: 50px; margin-top: 0; margin-right: -15px; font-size: 2rem; line-height: 50px; border-left: 1px solid #ccc; } } .modal-body { padding: 0; width: 100%; height: auto; max-height: none; .container-fluid { padding-top: 15px; padding-bottom: 15px; } } .modal-footer { clear: both; } .contentpane { padding: 10px; height: auto } @media (min-width: @md) { .row-fluid .modal-batch [class*="span"] { margin-left: 0; } } // Component pop-up .container-popup { padding: 10px; } // Media modal .field-media-wrapper iframe { max-height: 75vh; } blocks/_navbar.less 0000644 00000011101 15117055454 0010322 0 ustar 00 // Navbar body .navbar, body .navbar-fixed-top { margin-bottom: 0; } .navbar-inner { min-height: 0; background: @navbarBackground; background-image: none; filter: none; .container-fluid { padding-left: 10px; padding-right: 10px; font-size: 15px; } } .navbar-inverse { .navbar-inner { background: @navbarInverseBackground; background-image: none; filter: none; } } .navbar { .navbar-text { line-height: 30px; } .admin-logo { float: left; padding: 7px 12px 0px 15px; font-size: 16px; color: @gray; &:hover { color: @grayDark; } .navbar-inverse& { color: #d9d9d9; &:hover { color: #ffffff; } } } .brand { float: right; display: block; padding: 6px 10px; margin-left: -20px; font-size: inherit; font-weight: normal; &:hover, &:focus { text-decoration: none; } } .nav > li > a { padding: 6px 10px; &:hover { color: white; } &:hover span.carot { border-bottom-color: #fff; border-top-color: #fff; } } .dropdown-menu, .nav-user { font-size: 13px; } .nav-user .dropdown-menu li span { padding-left: 10px; } .nav > li ul { overflow-y: auto; overflow-x: hidden; -webkit-overflow-scrolling: touch; -moz-overflow-scrolling: touch; -ms-overflow-scrolling: touch; -o-overflow-scrolling: touch; overflow-scrolling: touch; height: auto; max-height: 500px; margin: 0; &::-webkit-scrollbar { -webkit-appearance: none; width: 7px; } &::-webkit-scrollbar-thumb { border-radius: 4px; background-color: rgba(0,0,0,.5); -webkit-box-shadow: 0 0 1px rgba(255,255,255,.5); } } .nav > li > .dropdown-menu:after { display: none; } .nav > .dropdown.open:after { content: ''; display: inline-block; border-left: 6px solid transparent; border-right: 6px solid transparent; border-bottom: 6px solid #fff; position: absolute; top: 25px; left: 10px; z-index: 1001; } .empty-nav { display: none; } } .navbar-fixed-top, .navbar-static-top { .navbar-inner { .box-shadow(none); } } .dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus, .dropdown-submenu:hover > a, .dropdown-submenu:focus > a { background-image: none; } // Fixed to bottom .navbar-fixed-bottom { bottom: 0; .navbar-inner { .box-shadow(none); } } .navbar .btn-navbar { background: #17568c; border: 1px solid #0D2242; margin-bottom: 2px; } @media (max-width: @md-max) { .navbar .admin-logo { margin-left: 10px; padding: 9px 9px 0 9px; } } /* Search Module */ .navbar-search .search-query { background: rgba(255, 255, 255, 0.3); } @media (max-width: @lg-max) { .navbar { .nav { font-size: 13px; margin: 0 2px 0 0; > li { > a { padding: 6px; } } } } } @media (max-width: @md-max) { .navbar-search.pull-right { float: none; text-align: center; } } @media (max-width: 738px) { .navbar { .brand { font-size: 16px; } } } // Navbar .nav-collapse .nav li a, .dropdown-menu a { background-image: none; } .nav-collapse .dropdown-menu > li { img { max-width: none; } } @media (max-width: @navbarCollapseWidth) { .navbar-fixed-top .navbar-inner, .navbar-fixed-top .navbar-inner .container-fluid { padding: 0; } .navbar .brand { margin-top: 2px; float: none; text-align: center; } .navbar .btn-navbar { margin-top: 3px; margin-right: 3px; margin-bottom: 3px; } .nav-collapse .nav .nav-header { color: @white; } .nav-collapse .nav, .navbar .nav-collapse .nav.pull-right { margin: 0; } .nav-collapse .dropdown-menu { margin: 0; } .nav-collapse .dropdown-menu > li > span { display: block; padding: 4px 15px; } .navbar-inverse .nav-collapse .dropdown-menu > li > span { color: @navbarInverseLinkColor; } .nav-collapse .nav > li > a.dropdown-toggle { background-color: rgba(255, 255, 255, 0.07); font-size: 12px; font-weight: bold; color: @grayLighter; text-transform: uppercase; padding-left: 15px; } .nav-collapse .nav li a { margin-bottom: 0; border-top: 1px solid rgba(255, 255, 255, 0.25); border-bottom: 1px solid rgba(0, 0, 0, 0.5); } .nav-collapse .nav li ul li ul.dropdown-menu, .nav-collapse .nav li ul li:hover ul.dropdown-menu, .nav-collapse .caret { display: none !important; } .nav-collapse .nav > li > a, .nav-collapse .dropdown-menu a { font-size: 15px; font-weight: normal; color: @white; .border-radius(0); } .navbar .nav-collapse .nav > li > .dropdown-menu::before, .navbar .nav-collapse .nav > li > .dropdown-menu::after, .navbar .nav-collapse .dropdown-submenu > a::after { display: none; } .nav-collapse .dropdown-menu li + li a { margin-bottom: 0; } } blocks/_quickicons.less 0000644 00000000731 15117055454 0011230 0 ustar 00 // Quick-icons .quick-icons { font-size: 14px; margin-bottom: 20px; .nav-header { margin: 12px 0 5px; font-size: 13px; &:first-child { margin: 0 0 5px; } } [class^="icon-"], [class*=" icon-"] { margin-right: 9px; &:before { font-size: 16px; margin-bottom: 20px; line-height: 18px; } } } html[dir=rtl] .quick-icons .nav-list [class^="icon-"], html[dir=rtl] .quick-icons .nav-list [class*=" icon-"] { margin-left: 9px; margin-right: 0; } blocks/_sidebar.less 0000644 00000004476 15117055454 0010503 0 ustar 00 // Sidebar .sidebar-nav .nav-list { padding-left: 25px; padding-right: 25px; } .sidebar-nav .nav-list > li > a { color: #555; padding: 3px 25px; margin-left: -26px; margin-right: -26px; } .sidebar-nav .nav-list > li.active > a { color: #fff; margin-right: -26px; } .sidebar-nav .nav-list > li > a:focus, .sidebar-nav .nav-list > li > a:hover { text-decoration: none; color: #fff; background-color: #2d6ca2; text-shadow: none; } /* For collapsible sidebar */ .j-sidebar-container { position: absolute; display: block; left: -16.5%; width: 16.5%; margin: -18px 0 0 -1px; padding-top: 28px; padding-bottom: 40px; clear: both; background-color: @wellBackground; border-bottom: 1px solid darken(@wellBackground, 7%); border-right: 1px solid darken(@wellBackground, 7%); .border-radius(0 0 @baseBorderRadius 0); &.j-sidebar-hidden { left: -16.5%; } &.j-sidebar-visible { left: 0; } .filter-select { padding: 0 14px; } } .j-toggle-sidebar-header { h3 { font-weight: normal; padding: 0 15px; } } .j-toggle-button-wrapper { position: absolute; display: block; top: 7px; padding: 0; &.j-toggle-hidden { right: -24px; } &.j-toggle-visible { right: 7px; } } .j-toggle-sidebar-button { font-size: 16px; color: @linkColor; text-decoration: none; cursor: pointer; &:hover { color: @linkColorHover; } } #system-message-container, #j-main-container { padding: 0 0 0 5px; min-height: 0; } #system-message-container.j-toggle-main, #j-main-container.j-toggle-main, #system-debug.j-toggle-main { float: right; } @media (min-width: @md) { .j-toggle-transition { .transition(all 0.3s ease); } } @media (max-width: @lg-max) { .j-toggle-button-wrapper.j-toggle-hidden { right: -20px; } } @media (max-width: @md-max) { .j-sidebar-container { position: relative; width: 100%; margin: 0 0 20px 0; padding: 0; background: transparent; border-right: 0; border-bottom: 0; } .j-sidebar-container.j-sidebar-hidden { margin-left: 16.5%; } .j-sidebar-container.j-sidebar-visible { margin-left: 0; } .j-toggle-sidebar-header, .j-toggle-button-wrapper { display: none; } .view-login { select { width: 232px; } } } @media (max-width: 420px) { .j-sidebar-container { margin: 0; } .view-login { .input-medium { width: 180px; } select { width: 232px } } } blocks/_status.less 0000644 00000001500 15117055454 0010376 0 ustar 00 // Status #status { background: #ebebeb; border-top: 1px solid #dedede; padding: 4px 10px; .box-shadow(~"0 0 3px rgba(0, 0, 0, 0.08)"); color: #626262; .btn-group { margin: 0; } .btn-group.separator:after { content: ' '; display: block; float: left; background: #ADADAD; margin: 0 10px; height: 15px; width: 1px; } .btn-toolbar, p { margin: 0px; } .btn-toolbar, .btn-group { font-size: 12px; } a { color: #626262; } .badge { margin-right: .25em; } } /* Status Module in top position */ #status.status-top { background: @headerBackground; .box-shadow(~"0px 1px 0px rgba(255, 255, 255, 0.2) inset, 0px -1px 0px rgba(0, 0, 0, 0.3) inset, 0px -1px 0px rgba(0, 0, 0, 0.3)"); border-top: 0; color: @navbarInverseText; padding: 2px 20px 6px 20px; a { color: @navbarInverseLinkColor; } } blocks/_tables.less 0000644 00000002140 15117055454 0010326 0 ustar 00 // Tables @media (max-width: @sm-max) { .pagination a { padding: 5px; } .btn-group.divider, .header .row-fluid .span3, .header .row-fluid .span7 { display: none; } .navbar .btn { margin: 0; } .btn-subhead { display: block; margin: 10px 0; } .subhead-collapse.collapse { height: 0; overflow: hidden; } .btn-toolbar .btn-wrapper { display: block; margin:0px 10px 5px 10px; } .btn-toolbar .btn-wrapper .btn { width: 100% !important; } .subhead { background: none repeat scroll 0 0 transparent; border-bottom: 0 solid darken(@wellBackground, 7%); } .btn-group + .btn-group { margin-left: 10px; } .login .chzn-single { width: 222px !important; } .login .chzn-container, .login .chzn-drop { width: 230px !important; } #toolbar [class^="icon-"], #toolbar [class*=" icon-"] { background-color: transparent; border-right: medium none; width: 10px; } } /* Tables */ table label { margin: 0; } td.has-context { // Fixes difference in height between normal and hover on cell with context height: 23px; } td.nowrap.has-context { width: 45%; } blocks/_toolbar.less 0000644 00000005272 15117055454 0010527 0 ustar 00 // Toolbar /* Subhead */ .subhead { background: @wellBackground; border-bottom: 1px solid darken(@wellBackground, 7%); color: #0C192E; text-shadow: 0 1px 0 #FFF; margin-bottom: 10px; min-height: 51px; } .subhead-collapse { margin-bottom: 19px; } .subhead-collapse.collapse { height: auto; overflow: visible; } .btn-toolbar { margin-bottom: 5px; .btn-wrapper { display: inline-block; margin: 0 0 8px 5px; } } .subhead-fixed { position: fixed; width: 100%; top: 30px; z-index: 100; } @media (max-width: @md-max) { /* Fix ios scrolling inside bootstrap modals */ body { -webkit-overflow-scrolling: touch; } .subhead { margin-left: -20px; margin-right: -20px; padding-left: 10px; padding-right: 10px; } } .subhead h1 { font-size: 17px; font-weight: normal; margin-left: 10px; margin-top: 6px; } /* Toolbar */ #toolbar { margin-bottom: 2px; margin-top: 12px; .btn { line-height: 24px; margin-right: 4px; padding: 0 10px; } .btn-success { min-width: 148px; } .btn-primary, .btn-warning, .btn-danger, .btn-success, .btn-info, .btn-inverse { [class^="icon-"], [class*=" icon-"] { background-color: transparent; border-right: 0; border-left: 0; width: 16px; margin-left: 0; margin-right: 0; } } #toolbar-options, #toolbar-help { float: right; } [class^="icon-"], [class*=" icon-"] { background-color: @btnBackgroundHighlight; border-radius: 3px 0 0 3px; border-right: 1px solid @btnBorder; height: auto; line-height: inherit; margin: 0 6px 0 -10px; opacity: 1; text-shadow: none; width: 28px; z-index: -1; } iframe .btn-group .btn { margin-left: -1px !important; } } html[dir=rtl] #toolbar #toolbar-options, html[dir=rtl] #toolbar #toolbar-help { float: left; } @media (max-width: @md-max) { .subhead-fixed { position: static; width: auto; } } /* Subhead (toolbar) Collapse Button */ .btn-subhead { display: none; } @media (min-width: @sm) { #filter-bar { // Fix for Firefox height: 29px; } } @media (max-width: @sm-max) { .navbar .btn { margin: 0; } .btn-subhead { display: block; margin: 10px 0; } .subhead-collapse.collapse { height: 0; overflow: hidden; } .btn-toolbar .btn-wrapper { display: block; margin:0px 10px 5px 10px; } .btn-toolbar .btn-wrapper .btn { width: 100% !important; } .subhead { background: none repeat scroll 0 0 transparent; border-bottom: 0 solid darken(@wellBackground, 7%); } #toolbar [class^="icon-"], #toolbar [class*=" icon-"] { background-color: transparent; border-right: medium none; width: 10px; } } @media (max-width: @xs-max) { .view-login .navbar-fixed-bottom { display: none; } } blocks/_treeselect.less 0000644 00000002421 15117055454 0011215 0 ustar 00 // Tree Select ul.treeselect, ul.treeselect li { margin: 0; padding: 0; } ul.treeselect { margin-top: 8px; } ul.treeselect li { padding: 2px 10px 2px; list-style: none; } ul.treeselect i.treeselect-toggle { line-height: 18px; } ul.treeselect label { font-size: 1em; margin-left: 8px; } ul.treeselect label.nav-header { padding: 0; } ul.treeselect input { margin: 2px 0 0 8px; } ul.treeselect .treeselect-menu { margin: 0 6px; } ul.treeselect ul.dropdown-menu { margin: 0; } ul.treeselect ul.dropdown-menu li { padding: 0 5px; border: none; } .tree-holder { .folder-url, .file { position: relative; background-color: #fefefe; margin-bottom: 4px; padding: 0 10px; line-height: 32px; border: 1px solid rgba(0, 0, 0, 0.08); } .folder-url, .folder-url:hover, .folder-url:focus { font-weight: bold; background-color: #f5f5f5; color: @linkColor; } .active { background-color: @linkColor; color: #fff; box-shadow: -3px 0 0 #36a2ff !important; &.folder-url { background-color: #f5f5f5; color: @linkColor; } &.file:hover { background-color: #3071a9; } } ul { ul { box-shadow: -3px 0 0 rgba(0, 0, 0, 0.08); padding-right: 0; .folder-url, .file { box-shadow: -3px 0 0 @linkColor; border-left: 0; } } } } blocks/_utility-classes.less 0000644 00000000261 15117055454 0012214 0 ustar 00 // Utility Classes .break-word { word-break: break-all; word-wrap: break-word; } .disabled { cursor: default; background-image: none; .opacity(65); .box-shadow(none); } bootstrap/button-groups.less 0000644 00000013111 15117055454 0012305 0 ustar 00 // // Button groups // -------------------------------------------------- // Make the div behave like a button .btn-group { position: relative; display: inline-block; .ie7-inline-block(); font-size: 0; // remove as part 1 of font-size inline-block hack vertical-align: middle; // match .btn alignment given font-size hack above white-space: nowrap; // prevent buttons from wrapping when in tight spaces (e.g., the table on the tests page) .ie7-restore-left-whitespace(); .btn + .btn { margin-left: -1px; } } // Space out series of button groups .btn-group + .btn-group { margin-left: 5px; } // Optional: Group multiple button groups together for a toolbar .btn-toolbar { font-size: 0; // Hack to remove whitespace that results from using inline-block margin-top: @baseLineHeight / 2; margin-bottom: @baseLineHeight / 2; > .btn + .btn, > .btn-group + .btn, > .btn + .btn-group { margin-left: 5px; } } // Float them, remove border radius, then re-add to first and last elements .btn-group > .btn { position: relative; .border-radius(0); } .btn-group > .btn + .btn { // margin-left: -1px; } .btn-group > .btn-micro { margin-left: -1px; } .btn-group > .btn, .btn-group > .dropdown-menu, .btn-group > .popover { font-size: @baseFontSize; // redeclare as part 2 of font-size inline-block hack } // Reset fonts for other sizes .btn-group > .btn-mini { font-size: @fontSizeMini; } .btn-group > .btn-small { font-size: @fontSizeSmall; } .btn-group > .btn-large { font-size: @fontSizeLarge; } // Set corners individual because sometimes a single button can be in a .btn-group and we need :first-child and :last-child to both match .btn-group > .btn:first-child { margin-left: 0; .border-top-left-radius(@baseBorderRadius); .border-bottom-left-radius(@baseBorderRadius); } // Need .dropdown-toggle since :last-child doesn't apply given a .dropdown-menu immediately after it .btn-group > .btn:last-child, .btn-group > .dropdown-toggle { .border-top-right-radius(@baseBorderRadius); .border-bottom-right-radius(@baseBorderRadius); } // Reset corners for large buttons .btn-group > .btn.large:first-child { margin-left: 0; .border-top-left-radius(@borderRadiusLarge); .border-bottom-left-radius(@borderRadiusLarge); } .btn-group > .btn.large:last-child, .btn-group > .large.dropdown-toggle { .border-top-right-radius(@borderRadiusLarge); .border-bottom-right-radius(@borderRadiusLarge); } // On hover/focus/active, bring the proper btn to front .btn-group > .btn:hover, .btn-group > .btn:focus, .btn-group > .btn:active, .btn-group > .btn.active { z-index: 2; } // On active and open, don't show outline .btn-group .dropdown-toggle:active, .btn-group.open .dropdown-toggle { outline: 0; } // Split button dropdowns // ---------------------- // Give the line between buttons some depth .btn-group > .btn + .dropdown-toggle { padding-left: 8px; padding-right: 8px; *padding-top: 5px; *padding-bottom: 5px; } .btn-group > .btn-mini + .dropdown-toggle { padding-left: 5px; padding-right: 5px; *padding-top: 2px; *padding-bottom: 2px; } .btn-group > .btn-small + .dropdown-toggle { *padding-top: 5px; *padding-bottom: 4px; } .btn-group > .btn-large + .dropdown-toggle { padding-left: 12px; padding-right: 12px; *padding-top: 7px; *padding-bottom: 7px; } .btn-group.open { // The clickable button for toggling the menu // Remove the gradient and set the same inset shadow as the :active state .dropdown-toggle { background-image: none; } // Keep the hover's background when dropdown is open .btn.dropdown-toggle { background-color: @btnBackgroundHighlight; } .btn-primary.dropdown-toggle { background-color: @btnPrimaryBackgroundHighlight; } .btn-warning.dropdown-toggle { background-color: @btnWarningBackgroundHighlight; } .btn-danger.dropdown-toggle { background-color: @btnDangerBackgroundHighlight; } .btn-success.dropdown-toggle { background-color: @btnSuccessBackgroundHighlight; } .btn-info.dropdown-toggle { background-color: @btnInfoBackgroundHighlight; } .btn-inverse.dropdown-toggle { background-color: @btnInverseBackgroundHighlight; } } // Reposition the caret .btn .caret { margin-top: 8px; margin-left: 0; } // Carets in other button sizes .btn-large .caret { margin-top: 6px; } .btn-large .caret { border-left-width: 5px; border-right-width: 5px; border-top-width: 5px; } .btn-mini .caret, .btn-small .caret { margin-top: 8px; } // Upside down carets for .dropup .dropup .btn-large .caret { border-bottom-width: 5px; } // Account for other colors .btn-primary { .caret { border-top-color: @linkColorHover; border-bottom-color: @linkColorHover; } } .btn-warning, .btn-danger, .btn-info, .btn-success, .btn-inverse { .caret { border-top-color: @white; border-bottom-color: @white; } } // Vertical button groups // ---------------------- .btn-group-vertical { display: inline-block; // makes buttons only take up the width they need .ie7-inline-block(); } .btn-group-vertical > .btn { display: block; float: none; max-width: 100%; .border-radius(0); } .btn-group-vertical > .btn + .btn { margin-left: 0; margin-top: -1px; } .btn-group-vertical > .btn:first-child { .border-radius(@baseBorderRadius @baseBorderRadius 0 0); } .btn-group-vertical > .btn:last-child { .border-radius(0 0 @baseBorderRadius @baseBorderRadius); } .btn-group-vertical > .btn-large:first-child { .border-radius(@borderRadiusLarge @borderRadiusLarge 0 0); } .btn-group-vertical > .btn-large:last-child { .border-radius(0 0 @borderRadiusLarge @borderRadiusLarge); } bootstrap/buttons.less 0000644 00000013145 15117055454 0011162 0 ustar 00 // // Buttons // -------------------------------------------------- // Base styles // -------------------------------------------------- // Core .btn { display: inline-block; .ie7-inline-block(); padding: 4px 12px; margin-bottom: 0; // For input.btn font-size: @baseFontSize; line-height: @baseLineHeight; text-align: center; vertical-align: middle; cursor: pointer; background-color: @btnBackground; color: #333; // .buttonBackground(@btnBackground, @btnBackgroundHighlight, @grayDark, 0 1px 1px rgba(255,255,255,.75)); border: 1px solid @btnBorder; .border-radius(@baseBorderRadius); box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05); &:hover, &:focus { background-color: @btnBackgroundHighlight; text-decoration: none; text-shadow: none; } // Focus state for keyboard and accessibility &:focus { .tab-focus(); } // Active state &.active, &:active { background-image: none; outline: 0; // .box-shadow(~"inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05)"); } // Disabled state &.disabled, &[disabled] { cursor: default; background-image: none; .opacity(65); .box-shadow(none); } } // Button Sizes // -------------------------------------------------- // Large .btn-large { padding: @paddingLarge; font-size: @fontSizeLarge; .border-radius(@borderRadiusLarge); } .btn-large [class^="icon-"], .btn-large [class*=" icon-"] { margin-top: 4px; } // Small .btn-small { padding: @paddingSmall; font-size: @fontSizeSmall; .border-radius(@borderRadiusSmall); } .btn-small [class^="icon-"], .btn-small [class*=" icon-"] { margin-top: 0; } .btn-mini [class^="icon-"], .btn-mini [class*=" icon-"] { margin-top: -1px; } // Mini .btn-mini { padding: @paddingMini; font-size: @fontSizeMini; .border-radius(@borderRadiusSmall); } // Block button // ------------------------- .btn-block { display: block; width: 100%; padding-left: 0; padding-right: 0; .box-sizing(border-box); } // Vertically space out multiple block buttons .btn-block + .btn-block { margin-top: 5px; } // Specificity overrides input[type="submit"], input[type="reset"], input[type="button"] { &.btn-block { width: 100%; } } // Alternate buttons // -------------------------------------------------- .btn-primary, .btn-warning, .btn-danger, .btn-success, .btn-info, .btn-inverse { box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05); } // Provide *some* extra contrast for those who can get it .btn-primary.active, .btn-warning.active, .btn-danger.active, .btn-success.active, .btn-info.active, .btn-inverse.active { // color: rgba(255,255,255,.75); } // Set the backgrounds // ------------------------- .btn-primary { border: 1px solid @btnPrimaryBackgroundHighlight; border: 1px solid rgba(0, 0, 0, 0.2); color: #fff; background-color: @btnPrimaryBackground; &:hover, &:focus { background-color: darken(@btnPrimaryBackground, 15%); color: #fff; text-decoration: none; } } // Warning appears are orange .btn-warning { border: 1px solid @btnWarningBackground; border: 1px solid rgba(0, 0, 0, 0.2); color: #fff; background-color: @btnWarningBackground; &:hover, &:focus { background-color: darken(@btnWarningBackground, 15%); color: #fff; text-decoration: none; text-shadow: none; } } // Danger and error appear as red .btn-danger { border: 1px solid @btnDangerBackground; border: 1px solid rgba(0, 0, 0, 0.2); color: #fff; background-color: @btnDangerBackground; &:hover, &:focus { background-color: darken(@btnDangerBackground, 15%); color: #fff; text-decoration: none; } } // Success appears as green .btn-success { border: 1px solid @btnSuccessBackgroundHighlight; border: 1px solid rgba(0, 0, 0, 0.2); color: #fff; background-color: @btnSuccessBackground; &:hover, &:focus { background-color: darken(@btnSuccessBackground, 15%); color: #fff; text-decoration: none; } } // Info appears as a neutral blue .btn-info { border: 1px solid @btnInfoBackground; border: 1px solid rgba(0, 0, 0, 0.2); color: #fff; background-color: @btnInfoBackground; &:hover, &:focus { background-color: darken(@btnInfoBackground, 15%); color: #fff; text-decoration: none; } } // Inverse appears as dark gray .btn-inverse { border: 1px solid @btnInverseBackground; border: 1px solid rgba(0, 0, 0, 0.2); color: #fff; background-color: @btnInverseBackground; &:hover, &:focus { background-color: darken(@btnInverseBackground, 15%); color: #fff; text-decoration: none; } } // Cross-browser Jank // -------------------------------------------------- button.btn, input[type="submit"].btn { // Firefox 3.6 only I believe &::-moz-focus-inner { padding: 0; border: 0; } // IE7 has some default padding on button controls *padding-top: 3px; *padding-bottom: 3px; &.btn-large { *padding-top: 7px; *padding-bottom: 7px; } &.btn-small { *padding-top: 3px; *padding-bottom: 3px; } &.btn-mini { *padding-top: 1px; *padding-bottom: 1px; } } // Link buttons // -------------------------------------------------- // Make a button look and behave like a link .btn-link, .btn-link:active, .btn-link[disabled] { background-color: transparent; background-image: none; .box-shadow(none); } .btn-link { border-color: transparent; cursor: pointer; color: @linkColor; .border-radius(0); } .btn-link:hover, .btn-link:focus { color: @linkColorHover; text-decoration: underline; background-color: transparent; } .btn-link[disabled]:hover, .btn-link[disabled]:focus { color: @grayDark; text-decoration: none; } bootstrap/mixins.less 0000644 00000055565 15117055454 0011007 0 ustar 00 // // Mixins // -------------------------------------------------- // UTILITY MIXINS // -------------------------------------------------- // Clearfix // -------- // For clearing floats like a boss h5bp.com/q .clearfix { *zoom: 1; &:before, &:after { display: table; content: ""; // Fixes Opera/contenteditable bug: // http://nicolasgallagher.com/micro-clearfix-hack/#comment-36952 line-height: 0; } &:after { clear: both; } } // Webkit-style focus // ------------------ .tab-focus() { // Default outline: thin dotted #333; // Webkit outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; } // Center-align a block level element // ---------------------------------- .center-block() { display: block; margin-left: auto; margin-right: auto; } // IE7 inline-block // ---------------- .ie7-inline-block() { *display: inline; /* IE7 inline-block hack */ *zoom: 1; } // IE7 likes to collapse whitespace on either side of the inline-block elements. // Ems because we're attempting to match the width of a space character. Left // version is for form buttons, which typically come after other elements, and // right version is for icons, which come before. Applying both is ok, but it will // mean that space between those elements will be .6em (~2 space characters) in IE7, // instead of the 1 space in other browsers. .ie7-restore-left-whitespace() { *margin-left: .3em; &:first-child { *margin-left: 0; } } .ie7-restore-right-whitespace() { *margin-right: .3em; } // Sizing shortcuts // ------------------------- .size(@height, @width) { width: @width; height: @height; } .square(@size) { .size(@size, @size); } // Placeholder text // ------------------------- .placeholder(@color: @placeholderText) { &:-moz-placeholder { color: @color; } &:-ms-input-placeholder { color: @color; } &::-webkit-input-placeholder { color: @color; } } // Text overflow // ------------------------- // Requires inline-block or block for proper styling .text-overflow() { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } // CSS image replacement // ------------------------- // Source: https://github.com/h5bp/html5-boilerplate/commit/aa0396eae757 .hide-text { font: 0/0 a; color: transparent; text-shadow: none; background-color: transparent; border: 0; } // FONTS // -------------------------------------------------- #font { #family { .serif() { font-family: @serifFontFamily; } .sans-serif() { font-family: @sansFontFamily; } .monospace() { font-family: @monoFontFamily; } } .shorthand(@size: @baseFontSize, @weight: normal, @lineHeight: @baseLineHeight) { font-size: @size; font-weight: @weight; line-height: @lineHeight; } .serif(@size: @baseFontSize, @weight: normal, @lineHeight: @baseLineHeight) { #font > #family > .serif; #font > .shorthand(@size, @weight, @lineHeight); } .sans-serif(@size: @baseFontSize, @weight: normal, @lineHeight: @baseLineHeight) { #font > #family > .sans-serif; #font > .shorthand(@size, @weight, @lineHeight); } .monospace(@size: @baseFontSize, @weight: normal, @lineHeight: @baseLineHeight) { #font > #family > .monospace; #font > .shorthand(@size, @weight, @lineHeight); } } // FORMS // -------------------------------------------------- // Block level inputs .input-block-level { display: block; width: 100%; min-height: @inputHeight; // Make inputs at least the height of their button counterpart (base line-height + padding + border) .box-sizing(border-box); // Makes inputs behave like true block-level elements } // Mixin for form field states .formFieldState(@textColor: #555, @borderColor: #ccc, @backgroundColor: #f5f5f5) { // Set the text color .control-label, .help-block, .help-inline { color: @textColor; } // Style inputs accordingly .checkbox, .radio, input, select, textarea { color: @textColor; } input, select, textarea { border-color: @borderColor; //.box-shadow(inset 0 1px 1px rgba(0,0,0,.075)); // Redeclare so transitions work &:focus { border-color: darken(@borderColor, 10%); @shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 6px lighten(@borderColor, 20%); //.box-shadow(@shadow); } } // Give a small background color for input-prepend/-append .input-prepend .add-on, .input-append .add-on { color: @textColor; background-color: @backgroundColor; border-color: @textColor; } } // CSS3 PROPERTIES // -------------------------------------------------- // Border Radius .border-radius(@radius) { -webkit-border-radius: @radius; -moz-border-radius: @radius; border-radius: @radius; } // Single Corner Border Radius .border-top-left-radius(@radius) { -webkit-border-top-left-radius: @radius; -moz-border-radius-topleft: @radius; border-top-left-radius: @radius; } .border-top-right-radius(@radius) { -webkit-border-top-right-radius: @radius; -moz-border-radius-topright: @radius; border-top-right-radius: @radius; } .border-bottom-right-radius(@radius) { -webkit-border-bottom-right-radius: @radius; -moz-border-radius-bottomright: @radius; border-bottom-right-radius: @radius; } .border-bottom-left-radius(@radius) { -webkit-border-bottom-left-radius: @radius; -moz-border-radius-bottomleft: @radius; border-bottom-left-radius: @radius; } // Single Side Border Radius .border-top-radius(@radius) { .border-top-right-radius(@radius); .border-top-left-radius(@radius); } .border-right-radius(@radius) { .border-top-right-radius(@radius); .border-bottom-right-radius(@radius); } .border-bottom-radius(@radius) { .border-bottom-right-radius(@radius); .border-bottom-left-radius(@radius); } .border-left-radius(@radius) { .border-top-left-radius(@radius); .border-bottom-left-radius(@radius); } // Drop shadows .box-shadow(@shadow) { -webkit-box-shadow: @shadow; -moz-box-shadow: @shadow; box-shadow: @shadow; } // Transitions .transition(@transition) { -webkit-transition: @transition; -moz-transition: @transition; -o-transition: @transition; transition: @transition; } .transition-delay(@transition-delay) { -webkit-transition-delay: @transition-delay; -moz-transition-delay: @transition-delay; -o-transition-delay: @transition-delay; transition-delay: @transition-delay; } .transition-duration(@transition-duration) { -webkit-transition-duration: @transition-duration; -moz-transition-duration: @transition-duration; -o-transition-duration: @transition-duration; transition-duration: @transition-duration; } // Transformations .rotate(@degrees) { -webkit-transform: rotate(@degrees); -moz-transform: rotate(@degrees); -ms-transform: rotate(@degrees); -o-transform: rotate(@degrees); transform: rotate(@degrees); } .scale(@ratio) { -webkit-transform: scale(@ratio); -moz-transform: scale(@ratio); -ms-transform: scale(@ratio); -o-transform: scale(@ratio); transform: scale(@ratio); } .translate(@x, @y) { -webkit-transform: translate(@x, @y); -moz-transform: translate(@x, @y); -ms-transform: translate(@x, @y); -o-transform: translate(@x, @y); transform: translate(@x, @y); } .skew(@x, @y) { -webkit-transform: skew(@x, @y); -moz-transform: skew(@x, @y); -ms-transform: skewX(@x) skewY(@y); // See https://github.com/twitter/bootstrap/issues/4885 -o-transform: skew(@x, @y); transform: skew(@x, @y); -webkit-backface-visibility: hidden; // See https://github.com/twitter/bootstrap/issues/5319 } .translate3d(@x, @y, @z) { -webkit-transform: translate3d(@x, @y, @z); -moz-transform: translate3d(@x, @y, @z); -o-transform: translate3d(@x, @y, @z); transform: translate3d(@x, @y, @z); } // Backface visibility // Prevent browsers from flickering when using CSS 3D transforms. // Default value is `visible`, but can be changed to `hidden // See git pull https://github.com/dannykeane/bootstrap.git backface-visibility for examples .backface-visibility(@visibility){ -webkit-backface-visibility: @visibility; -moz-backface-visibility: @visibility; backface-visibility: @visibility; } // Background clipping // Heads up: FF 3.6 and under need "padding" instead of "padding-box" .background-clip(@clip) { -webkit-background-clip: @clip; -moz-background-clip: @clip; background-clip: @clip; } // Background sizing .background-size(@size) { -webkit-background-size: @size; -moz-background-size: @size; -o-background-size: @size; background-size: @size; } // Box sizing .box-sizing(@boxmodel) { -webkit-box-sizing: @boxmodel; -moz-box-sizing: @boxmodel; box-sizing: @boxmodel; } // User select // For selecting text on the page .user-select(@select) { -webkit-user-select: @select; -moz-user-select: @select; -ms-user-select: @select; -o-user-select: @select; user-select: @select; } // Resize anything .resizable(@direction) { resize: @direction; // Options: horizontal, vertical, both overflow: auto; // Safari fix } // CSS3 Content Columns .content-columns(@columnCount, @columnGap: @gridGutterWidth) { -webkit-column-count: @columnCount; -moz-column-count: @columnCount; column-count: @columnCount; -webkit-column-gap: @columnGap; -moz-column-gap: @columnGap; column-gap: @columnGap; } // Optional hyphenation .hyphens(@mode: auto) { word-wrap: break-word; -webkit-hyphens: @mode; -moz-hyphens: @mode; -ms-hyphens: @mode; -o-hyphens: @mode; hyphens: @mode; } // Opacity .opacity(@opacity) { opacity: @opacity / 100; filter: ~"alpha(opacity=@{opacity})"; } // BACKGROUNDS // -------------------------------------------------- // Add an alphatransparency value to any background or border color (via Elyse Holladay) #translucent { .background(@color: @white, @alpha: 1) { background-color: hsla(hue(@color), saturation(@color), lightness(@color), @alpha); } .border(@color: @white, @alpha: 1) { border-color: hsla(hue(@color), saturation(@color), lightness(@color), @alpha); .background-clip(padding-box); } } // Gradient Bar Colors for buttons and alerts .gradientBar(@primaryColor, @secondaryColor, @textColor: #fff, @textShadow: 0 -1px 0 rgba(0,0,0,.25)) { color: @textColor; text-shadow: @textShadow; #gradient > .vertical(@primaryColor, @secondaryColor); border-color: @secondaryColor @secondaryColor darken(@secondaryColor, 15%); // No idea why this is here, as it makes the border grey instead of the given colors // border-color: rgba(0,0,0,.1) rgba(0,0,0,.1) fadein(rgba(0,0,0,.1), 15%); } // Gradients #gradient { .horizontal(@startColor: #555, @endColor: #333) { background-color: @endColor; background-image: -moz-linear-gradient(left, @startColor, @endColor); // FF 3.6+ background-image: -webkit-gradient(linear, 0 0, 100% 0, from(@startColor), to(@endColor)); // Safari 4+, Chrome 2+ background-image: -webkit-linear-gradient(left, @startColor, @endColor); // Safari 5.1+, Chrome 10+ background-image: -o-linear-gradient(left, @startColor, @endColor); // Opera 11.10 background-image: linear-gradient(to right, @startColor, @endColor); // Standard, IE10 background-repeat: repeat-x; filter: e(%("progid:DXImageTransform.Microsoft.gradient(startColorstr='%d', endColorstr='%d', GradientType=1)",argb(@startColor),argb(@endColor))); // IE9 and down } .vertical(@startColor: #555, @endColor: #333) { background-color: mix(@startColor, @endColor, 60%); background-image: -moz-linear-gradient(top, @startColor, @endColor); // FF 3.6+ background-image: -webkit-gradient(linear, 0 0, 0 100%, from(@startColor), to(@endColor)); // Safari 4+, Chrome 2+ background-image: -webkit-linear-gradient(top, @startColor, @endColor); // Safari 5.1+, Chrome 10+ background-image: -o-linear-gradient(top, @startColor, @endColor); // Opera 11.10 background-image: linear-gradient(to bottom, @startColor, @endColor); // Standard, IE10 background-repeat: repeat-x; filter: e(%("progid:DXImageTransform.Microsoft.gradient(startColorstr='%d', endColorstr='%d', GradientType=0)",argb(@startColor),argb(@endColor))); // IE9 and down } .directional(@startColor: #555, @endColor: #333, @deg: 45deg) { background-color: @endColor; background-repeat: repeat-x; background-image: -moz-linear-gradient(@deg, @startColor, @endColor); // FF 3.6+ background-image: -webkit-linear-gradient(@deg, @startColor, @endColor); // Safari 5.1+, Chrome 10+ background-image: -o-linear-gradient(@deg, @startColor, @endColor); // Opera 11.10 background-image: linear-gradient(@deg, @startColor, @endColor); // Standard, IE10 } .horizontal-three-colors(@startColor: #00b3ee, @midColor: #7a43b6, @colorStop: 50%, @endColor: #c3325f) { background-color: mix(@midColor, @endColor, 80%); background-image: -webkit-gradient(left, linear, 0 0, 0 100%, from(@startColor), color-stop(@colorStop, @midColor), to(@endColor)); background-image: -webkit-linear-gradient(left, @startColor, @midColor @colorStop, @endColor); background-image: -moz-linear-gradient(left, @startColor, @midColor @colorStop, @endColor); background-image: -o-linear-gradient(left, @startColor, @midColor @colorStop, @endColor); background-image: linear-gradient(to right, @startColor, @midColor @colorStop, @endColor); background-repeat: no-repeat; filter: e(%("progid:DXImageTransform.Microsoft.gradient(startColorstr='%d', endColorstr='%d', GradientType=0)",argb(@startColor),argb(@endColor))); // IE9 and down, gets no color-stop at all for proper fallback } .vertical-three-colors(@startColor: #00b3ee, @midColor: #7a43b6, @colorStop: 50%, @endColor: #c3325f) { background-color: mix(@midColor, @endColor, 80%); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(@startColor), color-stop(@colorStop, @midColor), to(@endColor)); background-image: -webkit-linear-gradient(@startColor, @midColor @colorStop, @endColor); background-image: -moz-linear-gradient(top, @startColor, @midColor @colorStop, @endColor); background-image: -o-linear-gradient(@startColor, @midColor @colorStop, @endColor); background-image: linear-gradient(@startColor, @midColor @colorStop, @endColor); background-repeat: no-repeat; filter: e(%("progid:DXImageTransform.Microsoft.gradient(startColorstr='%d', endColorstr='%d', GradientType=0)",argb(@startColor),argb(@endColor))); // IE9 and down, gets no color-stop at all for proper fallback } .radial(@innerColor: #555, @outerColor: #333) { background-color: @outerColor; background-image: -webkit-gradient(radial, center center, 0, center center, 460, from(@innerColor), to(@outerColor)); background-image: -webkit-radial-gradient(circle, @innerColor, @outerColor); background-image: -moz-radial-gradient(circle, @innerColor, @outerColor); background-image: -o-radial-gradient(circle, @innerColor, @outerColor); // > Joomla JUI /* Joomla JUI NOTE: makes radial gradient IE 10+, also confirmed in Bootstrap, https://github.com/twbs/bootstrap/issues/7462 */ background-image: radial-gradient(circle, @innerColor, @outerColor); // < Joomla JUI background-repeat: no-repeat; } .striped(@color: #555, @angle: 45deg) { background-color: @color; background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(.25, rgba(255,255,255,.15)), color-stop(.25, transparent), color-stop(.5, transparent), color-stop(.5, rgba(255,255,255,.15)), color-stop(.75, rgba(255,255,255,.15)), color-stop(.75, transparent), to(transparent)); background-image: -webkit-linear-gradient(@angle, rgba(255,255,255,.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,.15) 50%, rgba(255,255,255,.15) 75%, transparent 75%, transparent); background-image: -moz-linear-gradient(@angle, rgba(255,255,255,.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,.15) 50%, rgba(255,255,255,.15) 75%, transparent 75%, transparent); background-image: -o-linear-gradient(@angle, rgba(255,255,255,.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,.15) 50%, rgba(255,255,255,.15) 75%, transparent 75%, transparent); background-image: linear-gradient(@angle, rgba(255,255,255,.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,.15) 50%, rgba(255,255,255,.15) 75%, transparent 75%, transparent); } } // Reset filters for IE .reset-filter() { filter: e(%("progid:DXImageTransform.Microsoft.gradient(enabled = false)")); } // COMPONENT MIXINS // -------------------------------------------------- // Horizontal dividers // ------------------------- // Dividers (basically an hr) within dropdowns and nav lists .nav-divider(@top: #e5e5e5, @bottom: @white) { // IE7 needs a set width since we gave a height. Restricting just // to IE7 to keep the 1px left/right space in other browsers. // It is unclear where IE is getting the extra space that we need // to negative-margin away, but so it goes. *width: 100%; height: 1px; margin: ((@baseLineHeight / 2) - 1) 1px; // 8px 1px *margin: -5px 0 5px; overflow: hidden; background-color: @top; border-bottom: 1px solid @bottom; } // Button backgrounds // ------------------ .buttonBackground(@startColor, @endColor, @textColor: #fff, @textShadow: 0 -1px 0 rgba(0,0,0,.25)) { // gradientBar will set the background to a pleasing blend of these, to support IE<=9 //.gradientBar(@startColor, @endColor, @textColor, @textShadow); background-color: @startColor; *background-color: @startColor; /* Darken IE7 buttons by default so they stand out more given they won't have borders */ //.reset-filter(); // in these cases the gradient won't cover the background, so we override &:hover, &:focus, &:active, &.active, &.disabled, &[disabled] { color: @textColor; background-color: darken(@endColor, 5%); *background-color: darken(@endColor, 5%); } // IE 7 + 8 can't handle box-shadow to show active, so we darken a bit ourselves &:active, &.active { background-color: @startColor; } } // Navbar vertical align // ------------------------- // Vertically center elements in the navbar. // Example: an element has a height of 30px, so write out `.navbarVerticalAlign(30px);` to calculate the appropriate top margin. .navbarVerticalAlign(@elementHeight) { margin-top: (@navbarHeight - @elementHeight) / 2; } // Grid System // ----------- // Centered container element .container-fixed() { margin-right: auto; margin-left: auto; .clearfix(); } // Table columns .tableColumns(@columnSpan: 1) { float: none; // undo default grid column styles width: ((@gridColumnWidth) * @columnSpan) + (@gridGutterWidth * (@columnSpan - 1)) - 16; // 16 is total padding on left and right of table cells margin-left: 0; // undo default grid column styles } // Make a Grid // Use .makeRow and .makeColumn to assign semantic layouts grid system behavior .makeRow() { margin-left: @gridGutterWidth * -1; .clearfix(); } .makeColumn(@columns: 1, @offset: 0) { float: left; margin-left: (@gridColumnWidth * @offset) + (@gridGutterWidth * (@offset - 1)) + (@gridGutterWidth * 2); width: (@gridColumnWidth * @columns) + (@gridGutterWidth * (@columns - 1)); } // The Grid #grid { .core (@gridColumnWidth, @gridGutterWidth) { .spanX (@index) when (@index > 0) { .span@{index} { .span(@index); } .spanX(@index - 1); } .spanX (0) {} .offsetX (@index) when (@index > 0) { .offset@{index} { .offset(@index); } .offsetX(@index - 1); } .offsetX (0) {} .offset (@columns) { margin-left: (@gridColumnWidth * @columns) + (@gridGutterWidth * (@columns + 1)); } .span (@columns) { width: (@gridColumnWidth * @columns) + (@gridGutterWidth * (@columns - 1)); } .row { margin-left: @gridGutterWidth * -1; .clearfix(); } [class*="span"] { float: left; min-height: 1px; // prevent collapsing columns margin-left: @gridGutterWidth; } // Set the container width, and override it for fixed navbars in media queries .container, .navbar-static-top .container, .navbar-fixed-top .container, .navbar-fixed-bottom .container { .span(@gridColumns); } // generate .spanX and .offsetX .spanX (@gridColumns); .offsetX (@gridColumns); } .fluid (@fluidGridColumnWidth, @fluidGridGutterWidth) { .spanX (@index) when (@index > 0) { .span@{index} { .span(@index); } .spanX(@index - 1); } .spanX (0) {} .offsetX (@index) when (@index > 0) { .offset@{index} { .offset(@index); } .offset@{index}:first-child { .offsetFirstChild(@index); } .offsetX(@index - 1); } .offsetX (0) {} .offset (@columns) { margin-left: (@fluidGridColumnWidth * @columns) + (@fluidGridGutterWidth * (@columns - 1)) + (@fluidGridGutterWidth*2); *margin-left: (@fluidGridColumnWidth * @columns) + (@fluidGridGutterWidth * (@columns - 1)) - (.5 / @gridRowWidth * 100 * 1%) + (@fluidGridGutterWidth*2) - (.5 / @gridRowWidth * 100 * 1%); } .offsetFirstChild (@columns) { margin-left: (@fluidGridColumnWidth * @columns) + (@fluidGridGutterWidth * (@columns - 1)) + (@fluidGridGutterWidth); *margin-left: (@fluidGridColumnWidth * @columns) + (@fluidGridGutterWidth * (@columns - 1)) - (.5 / @gridRowWidth * 100 * 1%) + @fluidGridGutterWidth - (.5 / @gridRowWidth * 100 * 1%); } .span (@columns) { width: (@fluidGridColumnWidth * @columns) + (@fluidGridGutterWidth * (@columns - 1)); *width: (@fluidGridColumnWidth * @columns) + (@fluidGridGutterWidth * (@columns - 1)) - (.5 / @gridRowWidth * 100 * 1%); } .row-fluid { width: 100%; .clearfix(); [class*="span"] { .input-block-level(); float: left; margin-left: @fluidGridGutterWidth; *margin-left: @fluidGridGutterWidth - (.5 / @gridRowWidth * 100 * 1%); } [class*="span"]:first-child { margin-left: 0; } // Space grid-sized controls properly if multiple per line .controls-row [class*="span"] + [class*="span"] { margin-left: @fluidGridGutterWidth; } // generate .spanX and .offsetX .spanX (@gridColumns); .offsetX (@gridColumns); } } .input(@gridColumnWidth, @gridGutterWidth) { .spanX (@index) when (@index > 0) { input.span@{index}, textarea.span@{index}, .uneditable-input.span@{index} { .span(@index); } .spanX(@index - 1); } .spanX (0) {} .span(@columns) { width: ((@gridColumnWidth) * @columns) + (@gridGutterWidth * (@columns - 1)) - 14; } input, textarea, .uneditable-input { margin-left: 0; // override margin-left from core grid system } // Space grid-sized controls properly if multiple per line .controls-row [class*="span"] + [class*="span"] { margin-left: @gridGutterWidth; } // generate .spanX .spanX (@gridColumns); } } bootstrap/responsive-1200px-min.less 0000644 00000010420 15117055454 0013363 0 ustar 00 // // Responsive: Large desktop and up // -------------------------------------------------- @media (min-width: 1200px) { // Fixed grid #grid > .core(@gridColumnWidth1200, @gridGutterWidth1200); // Fluid grid .row-fluid { width: 100%; *zoom: 1; } .row-fluid:before, .row-fluid:after { display: table; content: ""; line-height: 0; } .row-fluid:after { clear: both; } .row-fluid [class*="span"] { display: block; width: 100%; min-height: 28px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; float: left; margin-left: 2.76243094%; *margin-left: 2.70923945%; } .row-fluid [class*="span"]:first-child { margin-left: 0; } .row-fluid .controls-row [class*="span"] + [class*="span"] { margin-left: 2.76243094%; } .row-fluid .span12 { width: 100%; *width: 99.94680851%; } .row-fluid .span11 { width: 91.43646409%; *width: 91.3832726%; } .row-fluid .span10 { width: 82.87292818%; *width: 82.81973669%; } .row-fluid .span9 { width: 74.30939227%; *width: 74.25620078%; } .row-fluid .span8 { width: 65.74585635%; *width: 65.69266486%; } .row-fluid .span7 { width: 57.18232044%; *width: 57.12912895%; } .row-fluid .span6 { width: 48.61878453%; *width: 48.56559304%; } .row-fluid .span5 { width: 40.05524862%; *width: 40.00205713%; } .row-fluid .span4 { width: 31.49171271%; *width: 31.43852122%; } .row-fluid .span3 { width: 22.9281768%; *width: 22.87498531%; } .row-fluid .span2 { width: 14.36464088%; *width: 14.31144939%; } .row-fluid .span1 { width: 5.80110497%; *width: 5.74791348%; } .row-fluid .offset12 { margin-left: 105.52486188%; *margin-left: 105.4184789%; } .row-fluid .offset12:first-child { margin-left: 102.76243094%; *margin-left: 102.65604796%; } .row-fluid .offset11 { margin-left: 96.96132597%; *margin-left: 96.85494299%; } .row-fluid .offset11:first-child { margin-left: 94.19889503%; *margin-left: 94.09251205%; } .row-fluid .offset10 { margin-left: 88.39779006%; *margin-left: 88.29140708%; } .row-fluid .offset10:first-child { margin-left: 85.63535912%; *margin-left: 85.52897614%; } .row-fluid .offset9 { margin-left: 79.83425414%; *margin-left: 79.72787116%; } .row-fluid .offset9:first-child { margin-left: 77.0718232%; *margin-left: 76.96544023%; } .row-fluid .offset8 { margin-left: 71.27071823%; *margin-left: 71.16433525%; } .row-fluid .offset8:first-child { margin-left: 68.50828729%; *margin-left: 68.40190431%; } .row-fluid .offset7 { margin-left: 62.70718232%; *margin-left: 62.60079934%; } .row-fluid .offset7:first-child { margin-left: 59.94475138%; *margin-left: 59.8383684%; } .row-fluid .offset6 { margin-left: 54.14364641%; *margin-left: 54.03726343%; } .row-fluid .offset6:first-child { margin-left: 51.38121547%; *margin-left: 51.27483249%; } .row-fluid .offset5 { margin-left: 45.5801105%; *margin-left: 45.47372752%; } .row-fluid .offset5:first-child { margin-left: 42.81767956%; *margin-left: 42.71129658%; } .row-fluid .offset4 { margin-left: 37.01657459%; *margin-left: 36.91019161%; } .row-fluid .offset4:first-child { margin-left: 34.25414365%; *margin-left: 34.14776067%; } .row-fluid .offset3 { margin-left: 28.45303867%; *margin-left: 28.3466557%; } .row-fluid .offset3:first-child { margin-left: 25.69060773%; *margin-left: 25.58422476%; } .row-fluid .offset2 { margin-left: 19.88950276%; *margin-left: 19.78311978%; } .row-fluid .offset2:first-child { margin-left: 17.12707182%; *margin-left: 17.02068884%; } .row-fluid .offset1 { margin-left: 11.32596685%; *margin-left: 11.21958387%; } .row-fluid .offset1:first-child { margin-left: 8.56353591%; *margin-left: 8.45715293%; } // Input grid #grid > .input(@gridColumnWidth1200, @gridGutterWidth1200); // Thumbnails .thumbnails { margin-left: -@gridGutterWidth1200; } .thumbnails > li { margin-left: @gridGutterWidth1200; } .row-fluid .thumbnails { margin-left: 0; } } bootstrap/responsive-768px-979px.less 0000644 00000010254 15117055455 0013450 0 ustar 00 // // Responsive: Tablet to desktop // -------------------------------------------------- @media (min-width: 768px) and (max-width: 979px) { // Fixed grid #grid > .core(@gridColumnWidth768, @gridGutterWidth768); // Fluid grid .row-fluid { width: 100%; *zoom: 1; } .row-fluid:before, .row-fluid:after { display: table; content: ""; line-height: 0; } .row-fluid:after { clear: both; } .row-fluid [class*="span"] { display: block; width: 100%; min-height: 28px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; float: left; margin-left: 2.76243094%; *margin-left: 2.70923945%; } .row-fluid [class*="span"]:first-child { margin-left: 0; } .row-fluid .controls-row [class*="span"] + [class*="span"] { margin-left: 2.76243094%; } .row-fluid .span12 { width: 100%; *width: 99.94680851%; } .row-fluid .span11 { width: 91.43646409%; *width: 91.3832726%; } .row-fluid .span10 { width: 82.87292818%; *width: 82.81973669%; } .row-fluid .span9 { width: 74.30939227%; *width: 74.25620078%; } .row-fluid .span8 { width: 65.74585635%; *width: 65.69266486%; } .row-fluid .span7 { width: 57.18232044%; *width: 57.12912895%; } .row-fluid .span6 { width: 48.61878453%; *width: 48.56559304%; } .row-fluid .span5 { width: 40.05524862%; *width: 40.00205713%; } .row-fluid .span4 { width: 31.49171271%; *width: 31.43852122%; } .row-fluid .span3 { width: 22.9281768%; *width: 22.87498531%; } .row-fluid .span2 { width: 14.36464088%; *width: 14.31144939%; } .row-fluid .span1 { width: 5.80110497%; *width: 5.74791348%; } .row-fluid .offset12 { margin-left: 105.52486188%; *margin-left: 105.4184789%; } .row-fluid .offset12:first-child { margin-left: 102.76243094%; *margin-left: 102.65604796%; } .row-fluid .offset11 { margin-left: 96.96132597%; *margin-left: 96.85494299%; } .row-fluid .offset11:first-child { margin-left: 94.19889503%; *margin-left: 94.09251205%; } .row-fluid .offset10 { margin-left: 88.39779006%; *margin-left: 88.29140708%; } .row-fluid .offset10:first-child { margin-left: 85.63535912%; *margin-left: 85.52897614%; } .row-fluid .offset9 { margin-left: 79.83425414%; *margin-left: 79.72787116%; } .row-fluid .offset9:first-child { margin-left: 77.0718232%; *margin-left: 76.96544023%; } .row-fluid .offset8 { margin-left: 71.27071823%; *margin-left: 71.16433525%; } .row-fluid .offset8:first-child { margin-left: 68.50828729%; *margin-left: 68.40190431%; } .row-fluid .offset7 { margin-left: 62.70718232%; *margin-left: 62.60079934%; } .row-fluid .offset7:first-child { margin-left: 59.94475138%; *margin-left: 59.8383684%; } .row-fluid .offset6 { margin-left: 54.14364641%; *margin-left: 54.03726343%; } .row-fluid .offset6:first-child { margin-left: 51.38121547%; *margin-left: 51.27483249%; } .row-fluid .offset5 { margin-left: 45.5801105%; *margin-left: 45.47372752%; } .row-fluid .offset5:first-child { margin-left: 42.81767956%; *margin-left: 42.71129658%; } .row-fluid .offset4 { margin-left: 37.01657459%; *margin-left: 36.91019161%; } .row-fluid .offset4:first-child { margin-left: 34.25414365%; *margin-left: 34.14776067%; } .row-fluid .offset3 { margin-left: 28.45303867%; *margin-left: 28.3466557%; } .row-fluid .offset3:first-child { margin-left: 25.69060773%; *margin-left: 25.58422476%; } .row-fluid .offset2 { margin-left: 19.88950276%; *margin-left: 19.78311978%; } .row-fluid .offset2:first-child { margin-left: 17.12707182%; *margin-left: 17.02068884%; } .row-fluid .offset1 { margin-left: 11.32596685%; *margin-left: 11.21958387%; } .row-fluid .offset1:first-child { margin-left: 8.56353591%; *margin-left: 8.45715293%; } // Input grid #grid > .input(@gridColumnWidth768, @gridGutterWidth768); // No need to reset .thumbnails here since it's the same @gridGutterWidth } bootstrap/wells.less 0000644 00000001041 15117055455 0010603 0 ustar 00 // // Wells // -------------------------------------------------- // Base class .well { min-height: 20px; padding: 19px; margin-bottom: 20px; background-color: @wellBackground; border: 1px solid @wellBackground; .border-radius(@baseBorderRadius); //.box-shadow(inset 0 1px 1px rgba(0,0,0,.05)); blockquote { border-color: #f0f0f0; border-color: rgba(0,0,0,.15); } } // Sizes .well-large { padding: 24px; .border-radius(@borderRadiusLarge); } .well-small { padding: 9px; .border-radius(@borderRadiusSmall); } icomoon.less 0000644 00000002077 15117055455 0007115 0 ustar 00 @font-face { font-family: 'IcoMoon'; src: url('../../../../media/jui/fonts/IcoMoon.eot'); src: url('../../../../media/jui/fonts/IcoMoon.eot?#iefix') format('embedded-opentype'), url('../../../../media/jui/fonts/IcoMoon.woff') format('woff'), url('../../../../media/jui/fonts/IcoMoon.ttf') format('truetype'), url('../../../../media/jui/fonts/IcoMoon.svg#IcoMoon') format('svg'); font-weight: normal; font-style: normal; } @import "../../../../media/jui/less/icomoon.less"; .icon-edit:before { color: @btnInfoBackgroundHighlight; } .icon-publish:before, .icon-save:before, .icon-ok:before, .icon-save-new:before, .icon-save-copy:before, .btn-toolbar .icon-copy:before { color: @btnSuccessBackgroundHighlight; } .icon-unpublish:before, .icon-not-ok:before, .icon-eye-close:before, .icon-ban-circle:before, .icon-minus-sign:before, .btn-toolbar .icon-cancel:before { color: @btnDangerBackgroundHighlight; } .icon-featured:before, .icon-default:before, .icon-expired:before, .icon-pending:before { color: @btnWarningBackgroundHighlight; } .icon-back:before { content: "\e008"; } pages/_com_cpanel.less 0000644 00000000561 15117055455 0011004 0 ustar 00 // com_cpanel .com_cpanel { .well { padding: 8px 14px; border: 1px solid rgba(0,0,0,0.05); .module-title.nav-header { color: #555; } > .row-striped, > .list-striped { margin: 0 -14px; > .row-fluid { padding: 8px 14px; [class*="span"] { margin-left: 0; } } > li { padding-left: 15px; padding-right: 15px; } } } } pages/_com_postinstall.less 0000644 00000000502 15117055455 0012111 0 ustar 00 // com_postinstall .com_postinstall { fieldset { background-color: #fafafa; border: 1px solid #ccc; border-radius: 5px; margin: 0 0 18px; padding: 4px 18px 18px; .btn { margin-top: 10px; } } legend { border: 0 none; display: inline-block; padding: 0 5px; margin-bottom: 0; width: auto; } } pages/_com_privacy.less 0000644 00000000563 15117055455 0011221 0 ustar 00 // com_privacy .com_privacy { .well { padding: 8px 14px; border: 1px solid rgba(0,0,0,0.05); .module-title.nav-header { color: #555; } > .row-striped, > .list-striped { margin: 0 -14px; > .row-fluid { padding: 8px 14px; [class*="span"] { margin-left: 0; } } > li { padding-left: 15px; padding-right: 15px; } } } } pages/_com_templates.less 0000644 00000001531 15117055455 0011536 0 ustar 00 // Template Menu Assignment #menu-assignment { position: relative; .menu-links { margin-top: 15px; margin-left: 0; -webkit-column-count: 4; -moz-column-count: 4; column-count: 4; -moz-column-gap: 15px; -webkit-column-gap: 15px; column-gap: 15px; > li { display: inline-block; vertical-align: top; margin-bottom: 15px; width: 100%; list-style: none; page-break-inside: avoid; break-inside: avoid; } } .menu-links-block { background-color: #fafafa; border: 1px solid #ddd; border-radius: 3px; padding: 15px; } } @media (max-width: @xl-max) { #menu-assignment .menu-links { -webkit-column-count: 3; -moz-column-count: 3; column-count: 3; } } @media (max-width: @md-max) { #menu-assignment .menu-links { -webkit-column-count: auto; -moz-column-count: auto; column-count: auto; } } template-rtl.less 0000644 00000017004 15117055455 0010060 0 ustar 00 @import "template.less"; @import "../../../../media/jui/less/bootstrap-rtl.less"; .navbar { .admin-logo { float: right; padding: 7px 15px 0px 12px; } .brand { float: left; padding: 6px 10px; } .nav { margin: 0 0 0 10px; > li > a { padding: 6px 10px; } > li ul { overflow-y: auto; overflow-x: hidden; -webkit-overflow-scrolling: touch; -moz-overflow-scrolling: touch; -ms-overflow-scrolling: touch; -o-overflow-scrolling: touch; overflow-scrolling: touch; height: auto; max-height: 500px; margin: 0; &::-webkit-scrollbar { -webkit-appearance: none; width: 7px; } &::-webkit-scrollbar-thumb { border-radius: 4px; background-color: rgba(0,0,0,.5); -webkit-box-shadow: 0 0 1px rgba(255,255,255,.5); } } } .nav-user .dropdown-menu li span { padding-left: 0; padding-right: 10px; } .nav > .dropdown.open:after { right: 10px; width: 0; } .empty-nav { display: none; } } #toolbar { .btn { padding: 0 10px; } [class^="icon-"], [class*=" icon-"] { border-radius: 0 3px 3px 0; border-right: 0; border-left: 1px solid #b3b3b3; margin: 0 -10px 0 6px; } } .chzn-container-single .chzn-single { padding-left: 8px; div { border-left: 0; border-right: 1px solid #cccccc; } abbr { left: 36px; } } .chzn-container-active.chzn-with-drop .chzn-single div { background-color: #f3f3f3; border-bottom: 1px solid #cccccc; border-bottom-left-radius: 0px; border-bottom-right-radius: 3px; border-left: 1px solid #cccccc; } .chzn-container-multi .chzn-choices .search-choice { padding-left: 7px; .search-choice-close { margin-left: 0; margin-right: 3px; } } .chzn-container .chzn-single.chzn-color[rel="value_0"] div, .chzn-container .chzn-single.chzn-color[rel="value_1"] div { border-right: none; } .chzn-container-single .chzn-search::after { left: 20px; right: auto; } .container-logo { padding-top: 0; float: left; text-align: left; } .page-title { [class^="icon-"], [class*=" icon-"] { margin-right: 0; margin-left: 16px; } } @media (max-width: @md-max) { .navbar { .admin-logo { margin-right: 10px; padding: 9px 9px 0 9px; } .btn-navbar { float: left; margin-right: 5px; margin-left: 3px; } .nav-collapse .nav.pull-left { float: none; margin-left: 0; margin-right: 0; } } .nav-collapse .nav > li { float: none; } .page-title { [class^="icon-"], [class*=" icon-"] { margin-left: 10px; } } } /* Status module */ #status { padding: 4px 10px; .btn-group { margin: 0; } .btn-group.separator:after { content: ' '; display: block; float: left; background: #ADADAD; margin: 0 10px; height: 15px; width: 1px; } .badge { margin-left: .25em; margin-right: 0; } } /* Menus */ .dropdown-menu > li > a { text-align: right; } /* btn-group */ .btn-group.btn-group-yesno > .btn, .btn-group > .btn, .btn-group > .btn + .dropdown-toggle { float: none; } /* For grid.boolean */ a.grid_false { display: inline-block; height: 16px; width: 16px; background-image: url('../images/admin/publish_r.png'); } a.grid_true { display: inline-block; height: 16px; width: 16px; background-image: url('../images/admin/icon-16-allow.png'); } /* Login */ .view-login { .login-joomla { position: absolute; right: 50%; height: 24px; width: 24px; margin-right: -12px; font-size: 22px; } .input-medium { width: 169px; } } .login { .chzn-single { width: 219px !important; } .chzn-container, .chzn-drop { width: 227px !important; max-width: 227px !important; } .input-prepend .chzn-container-single .chzn-single { .border-radius(3px 0 0 3px); border-right:0px; } } /* For collapsible sidebar */ .j-sidebar-container { position: absolute; display: block; left: auto; right: -16.5%; padding-top: 28px; padding-bottom: 40px; clear: both; margin: -10px -1px 0 0; border-right: 0; border-left: 1px solid #d3d3d3; } .j-sidebar-container.j-sidebar-hidden { left: auto; right: -16.5%; } .j-sidebar-container.j-sidebar-visible { left: auto; right: 0; } .j-toggle-sidebar-header { padding: 10px 19px 10px 0; } .sidebar { padding: 3px 4px 3px 3px; } .j-toggle-button-wrapper { &.j-toggle-hidden { right: auto; left: -24px; } &.j-toggle-visible { right: auto; left: 10px; } } .j-sidebar-container .icon-folder-2 { line-height: 15px; padding-left: 0; } #system-message-container, #j-main-container { padding: 0 5px 0 0; } #system-message-container.j-toggle-main, #j-main-container.j-toggle-main, #system-debug.j-toggle-main { float: left; } @media (max-width: @lg-max) { .j-toggle-button-wrapper.j-toggle-hidden { right: auto; left: -20px; } } @media (max-width: @md-max) { .j-sidebar-container { position: relative; padding: 0; border-right: 0; border-left: 0; } .j-sidebar-container.j-sidebar-hidden { margin-left: auto; margin-right: 16.5%; } .j-sidebar-container.j-sidebar-visible { margin-left: auto; margin-right: 0; } /* login */ .view-login { select { width: 229px } } } #j-main-container.expanded { margin-right: 0; } /* Modal batch */ @media (min-width: @md) { .row-fluid [class*="span"] { margin-right: 15px; margin-left: 0; } .row-fluid .modal-batch [class*="span"] { margin-right: 0; } } .row-fluid .modal-batch [class*="span"] { margin-right: 0; } /* Extended Responsive Styles */ @media (max-width: @sm-max) { .btn-toolbar .btn-wrapper .btn { width: 100% !important; margin-right:0px; } .btn-toolbar .btn-wrapper { margin:0 10px 5px 10px; } } @media (max-width: 420px) { .j-sidebar-container { margin: 0; } /* login */ .view-login { .input-medium { width: 173px; } select { width: 229px } } } /* Stats plugin */ .js-pstats-data-details dd { margin-right: 240px; } /* Modal footer */ .modal-footer button { float: left; } /* Modal Header text align right even if parent container centered */ .modal-header { text-align: right; } /* Media Manager */ #mediamanager-form .thumbnails-media .thumbnail { margin-left: 18px !important; margin-right: 0; direction: ltr; text-align: center; } .thumbnails-media .imgThumb label::before, .thumbnails-media .imgThumb .imgThumbInside::before { left: 0; right: auto; border-radius: 3px 0; } .thumbnails-media .thumbnail input[type="radio"], .thumbnails-media .thumbnail input[type="checkbox"] { left: auto; right: 5px; } .thumbnails-media .imgDelete a.close { border-radius: 0 3px; } .thumbnails-media .imgPreview a, .thumbnails-media .imgDetails { border-radius: 3px 0; border-width: 1px; left: 0; right: 0; text-align: left; direction: ltr; } .thumbnails-media .imgPreview a { width: 100%; } /* SubForms (Table) */ .subform-table-layout { td { padding-left: 10px; &::before { content: attr(data-column); left: auto; right: 10px; padding-left: 10px; padding-right: 0; } } .subform-repeatable tbody td:last-of-type { text-align: left; } .form-horizontal .controls { margin-top: 0; } } /* com_templates */ .tree-holder { ul { ul { padding-right: 15px; box-shadow: 3px 0 0 rgba(0, 0, 0, 0.08); padding-left: 0; .folder-url, .file { box-shadow: 3px 0 0 @linkColor; border-right: 0; border-left: 1px solid rgba(0, 0, 0, 0.08); } } } } /* Dropdown */ .dropdown-reverse { left: 0; right: auto; } /* CPanel Site Information mod_stats_admin */ .com_cpanel .well > .row-striped > .row-fluid [class*="span"], .com_cpanel .well > .list-striped > .row-fluid [class*="span"] { margin-right: 0; } template.less 0000644 00000007047 15117055455 0007267 0 ustar 00 // CSS Reset @import "../../../../media/jui/less/reset.less"; // Core variables and mixins @import "variables.less"; // Custom for this template @import "bootstrap/mixins.less"; // Grid system and page structure @import "../../../../media/jui/less/scaffolding.less"; @import "../../../../media/jui/less/grid.less"; @import "../../../../media/jui/less/layouts.less"; // Base CSS @import "../../../../media/jui/less/type.less"; @import "../../../../media/jui/less/code.less"; @import "../../../../media/jui/less/forms.less"; @import "../../../../media/jui/less/tables.less"; // Components: common // @import "../../../../media/jui/less/sprites.less"; @import "../../../../media/jui/less/dropdowns.less"; @import "bootstrap/wells.less"; @import "../../../../media/jui/less/component-animations.less"; @import "../../../../media/jui/less/close.less"; // Components: Buttons & Alerts @import "bootstrap/buttons.less"; @import "bootstrap/button-groups.less"; @import "../../../../media/jui/less/alerts.less"; // Note: alerts share common CSS with buttons and thus have styles in buttons.less // Components: Nav @import "../../../../media/jui/less/navs.less"; @import "../../../../media/jui/less/navbar.less"; @import "../../../../media/jui/less/breadcrumbs.less"; @import "../../../../media/jui/less/pagination.less"; @import "../../../../media/jui/less/pager.less"; // Components: Popovers @import "../../../../media/jui/less/modals.less"; @import "../../../../media/jui/less/tooltip.less"; @import "../../../../media/jui/less/popovers.less"; // Components: Misc @import "../../../../media/jui/less/thumbnails.less"; @import "../../../../media/jui/less/media.less"; @import "../../../../media/jui/less/labels-badges.less"; @import "../../../../media/jui/less/progress-bars.less"; @import "../../../../media/jui/less/accordion.less"; @import "../../../../media/jui/less/carousel.less"; @import "../../../../media/jui/less/hero-unit.less"; // Utility classes @import "../../../../media/jui/less/utilities.less"; // RESPONSIVE CLASSES // ------------------ @import "../../../../media/jui/less/responsive-utilities.less"; // MEDIA QUERIES // ------------------ // Phones to portrait tablets and narrow desktops @import "../../../../media/jui/less/responsive-767px-max.less"; // Tablets to regular desktops @import "bootstrap/responsive-768px-979px.less"; // Large desktops @import "bootstrap/responsive-1200px-min.less"; // RESPONSIVE NAVBAR // ------------------ // From 979px and below, show a button to toggle navbar contents @import "../../../../media/jui/less/responsive-navbar.less"; // Extended for JUI @import "../../../../media/jui/less/bootstrap-extended.less"; // Has to be last to override when necessary // div.modal (instead of .modal) @import "../../../../media/jui/less/modals.joomla.less"; @import "../../../../media/jui/less/responsive-767px-max.joomla.less"; // Icon Font @import "icomoon.less"; // Blocks @import "blocks/_global.less"; @import "blocks/_chzn-override.less"; @import "blocks/_editors.less"; @import "blocks/_forms.less"; @import "blocks/_header.less"; @import "blocks/_login.less"; @import "blocks/_media.less"; @import "blocks/_modals.less"; @import "blocks/_navbar.less"; @import "blocks/_quickicons.less"; @import "blocks/_sidebar.less"; @import "blocks/_status.less"; @import "blocks/_tables.less"; @import "blocks/_toolbar.less"; @import "blocks/_treeselect.less"; @import "blocks/_utility-classes.less"; @import "blocks/_custom.less"; // Pages @import "pages/_com_cpanel.less"; @import "pages/_com_postinstall.less"; @import "pages/_com_privacy.less"; @import "pages/_com_templates.less"; variables.less 0000644 00000023777 15117055455 0007434 0 ustar 00 // // Variables // -------------------------------------------------- // > Joomla JUI // Responsive Breakpoints // ------------------------- @xs: 320px; @sm: 480px; @md: 768px; @lg: 980px; @xl: 1200px; @xs-max: @xs - 1; @sm-max: @sm - 1; @md-max: @md - 1; @lg-max: @lg - 1; @xl-max: @xl - 1; // < Joomla JUI // Global values // -------------------------------------------------- // Grays // ------------------------- @black: #000; @grayDarker: #222; @grayDark: #333; @gray: #555; @grayLight: #999; @grayLighter: #eee; @white: #fff; // Accent colors // ------------------------- @blue: #049cdb; @blueDark: #0064cd; @green: #46a546; @red: #9d261d; @yellow: #ffc40d; @orange: #f89406; @pink: #c3325f; @purple: #7a43b6; // Scaffolding // ------------------------- @bodyBackground: @white; @textColor: @grayDark; // Links // ------------------------- @linkColor: darken(#428bca, 10%); @linkColorHover: darken(@linkColor, 15%); // Typography // ------------------------- @sansFontFamily: "Helvetica Neue", Helvetica, Arial, sans-serif; @serifFontFamily: Georgia, "Times New Roman", Times, serif; @monoFontFamily: Monaco, Menlo, Consolas, "Courier New", monospace; // > Joomla JUI @baseFontSize: 13px; // < Joomla JUI @baseFontFamily: @sansFontFamily; // > Joomla JUI @baseLineHeight: 18px; // < Joomla JUI @altFontFamily: @serifFontFamily; @headingsFontFamily: inherit; // empty to use BS default, @baseFontFamily @headingsFontWeight: bold; // instead of browser default, bold @headingsColor: inherit; // empty to use BS default, @textColor // Component sizing // ------------------------- // Based on 14px font-size and 20px line-height @fontSizeLarge: @baseFontSize * 1.25; // ~18px // > Joomla JUI @fontSizeSmall: ceil(@baseFontSize * 0.85); // ~12px // < Joomla JUI @fontSizeMini: @baseFontSize * 0.75; // ~11px @paddingLarge: 11px 19px; // 44px @paddingSmall: 2px 10px; // 26px @paddingMini: 0 6px; // 22px @baseBorderRadius: 3px; @borderRadiusLarge: 6px; @borderRadiusSmall: 3px; // Tables // ------------------------- @tableBackground: transparent; // overall background-color @tableBackgroundAccent: #f9f9f9; // for striping @tableBackgroundHover: #F0F0F0; // for hover @tableBorder: #ddd; // table and cell border // Buttons // ------------------------- @btnBackground: #f3f3f3; @btnBackgroundHighlight: darken(@grayLighter, 3%); @btnBorder: lighten(@grayLight, 10%); // > Joomla JUI @btnPrimaryBackground: #2384d3; @btnPrimaryBackgroundHighlight: #15497c; // < Joomla JUI @btnInfoBackground: #2f96b4; @btnInfoBackgroundHighlight: darken(@btnInfoBackground, 10%); @btnSuccessBackground: #46a546; @btnSuccessBackgroundHighlight: darken(@btnSuccessBackground, 10%); @btnWarningBackground: @orange; @btnWarningBackgroundHighlight: darken(@btnWarningBackground, 10%); @btnDangerBackground: #bd362f; @btnDangerBackgroundHighlight: darken(@btnDangerBackground, 10%); @btnInverseBackground: #444; @btnInverseBackgroundHighlight: @grayDarker; // Forms // ------------------------- @inputBackground: @white; @inputBorder: #ccc; @inputBorderHighlight: #3071A9; @inputBorderRadius: 3px; @inputDisabledBackground: @grayLighter; @formActionsBackground: #F0F0F0; @inputHeight: @baseLineHeight + 10px; // base line-height + 8px vertical padding + 2px top/bottom border // Dropdowns // ------------------------- @dropdownBackground: @white; @dropdownBorder: rgba(0,0,0,.2); @dropdownDividerTop: #F0F0F0; @dropdownDividerBottom: @white; @dropdownLinkColor: @grayDark; @dropdownLinkColorHover: @white; @dropdownLinkColorActive: @dropdownLinkColor; @dropdownLinkBackgroundHover: @dropdownLinkBackgroundActive; @dropdownLinkBackgroundActive: @linkColor; // COMPONENT VARIABLES // -------------------------------------------------- // Z-index master list // ------------------------- // Used for a bird's eye view of components dependent on the z-axis // Try to avoid customizing these :) @zindexDropdown: 1000; @zindexTooltip: 1030; @zindexFixedNavbar: 1030; @zindexModalBackdrop: 1040; @zindexModal: 1050; @zindexPopover: 1060; // Sprite icons path // ------------------------- @iconSpritePath: "../img/glyphicons-halflings.png"; @iconWhiteSpritePath: "../img/glyphicons-halflings-white.png"; // Input placeholder text color // ------------------------- @placeholderText: @grayLight; // Hr border color // ------------------------- @hrBorder: @grayLighter; // Horizontal forms & lists // ------------------------- @horizontalComponentOffset: 180px; // Wells // ------------------------- @wellBackground: #F0F0F0; // Navbar // ------------------------- // > Joomla JUI @navbarCollapseWidth: @md-max; // < Joomla JUI @navbarCollapseDesktopWidth: (@navbarCollapseWidth + 1); @navbarHeight: 40px; @navbarBackgroundHighlight: #ffffff; @navbarBackground: darken(@navbarBackgroundHighlight, 5%); @navbarBorder: darken(@navbarBackground, 12%); @navbarText: @gray; @navbarLinkColor: @gray; @navbarLinkColorHover: @grayDark; @navbarLinkColorActive: @gray; @navbarLinkBackgroundHover: transparent; @navbarLinkBackgroundActive: darken(@navbarBackground, 5%); @navbarBrandColor: @navbarLinkColor; // Inverted navbar // > Joomla JUI @navbarInverseBackground: darken(@headerBackground, 10%); @navbarInverseBackgroundHighlight: darken(@headerBackground, 5%); @navbarInverseBorder: darken(@headerBackground, 15%); @navbarInverseText: lighten(@grayLight, 25%); @navbarInverseLinkColor: lighten(@grayLight, 25%); // < Joomla JUI @navbarInverseLinkColorHover: @white; @navbarInverseLinkColorActive: @navbarInverseLinkColorHover; @navbarInverseLinkBackgroundHover: transparent; @navbarInverseLinkBackgroundActive: @navbarInverseBackground; @navbarInverseSearchBackground: lighten(@navbarInverseBackground, 25%); @navbarInverseSearchBackgroundFocus: @white; @navbarInverseSearchBorder: @navbarInverseBackground; @navbarInverseSearchPlaceholderColor: #ccc; @navbarInverseBrandColor: @navbarInverseLinkColor; // Pagination // ------------------------- @paginationBackground: #fff; @paginationBorder: #ddd; @paginationActiveBackground: #F0F0F0; // Hero unit // ------------------------- @heroUnitBackground: @grayLighter; @heroUnitHeadingColor: inherit; @heroUnitLeadColor: inherit; // Form states and alerts // ------------------------- @warningText: #8a6d3b; @warningBackground: #fcf8e3; @warningBorder: darken(spin(@warningBackground, -10), 5%); @errorText: #a94442; @errorBackground: #f2dede; @errorBorder: darken(spin(@errorBackground, -10), 5%); @successText: #3c763d; @successBackground: #dff0d8; @successBorder: darken(spin(@successBackground, -10), 5%); @infoText: #31708f; @infoBackground: #d9edf7; @infoBorder: darken(spin(@infoBackground, -10), 7%); // Tooltips and popovers // ------------------------- @tooltipColor: #fff; @tooltipBackground: #000; @tooltipArrowWidth: 5px; @tooltipArrowColor: @tooltipBackground; @popoverBackground: #fff; @popoverArrowWidth: 10px; @popoverArrowColor: #fff; @popoverTitleBackground: darken(@popoverBackground, 3%); // Special enhancement for popovers @popoverArrowOuterWidth: @popoverArrowWidth + 1; @popoverArrowOuterColor: rgba(0,0,0,.25); // GRID // -------------------------------------------------- // Default 940px grid // ------------------------- @gridColumns: 12; @gridColumnWidth: 60px; @gridGutterWidth: 20px; @gridRowWidth: (@gridColumns * @gridColumnWidth) + (@gridGutterWidth * (@gridColumns - 1)); // 1200px min @gridColumnWidth1200: 70px; @gridGutterWidth1200: 30px; @gridRowWidth1200: (@gridColumns * @gridColumnWidth1200) + (@gridGutterWidth1200 * (@gridColumns - 1)); // 768px-979px @gridColumnWidth768: 42px; @gridGutterWidth768: 20px; @gridRowWidth768: (@gridColumns * @gridColumnWidth768) + (@gridGutterWidth768 * (@gridColumns - 1)); // Fluid grid // ------------------------- @fluidGridColumnWidth: percentage(@gridColumnWidth/@gridRowWidth); @fluidGridGutterWidth: percentage(@gridGutterWidth/@gridRowWidth); // 1200px min @fluidGridColumnWidth1200: percentage(@gridColumnWidth1200/@gridRowWidth1200); @fluidGridGutterWidth1200: percentage(@gridGutterWidth1200/@gridRowWidth1200); // 768px-979px @fluidGridColumnWidth768: percentage(@gridColumnWidth768/@gridRowWidth768); @fluidGridGutterWidth768: percentage(@gridGutterWidth768/@gridRowWidth768); // > Joomla JUI // Login // ------------------------- @loginBackground: #17568c; // Header // ------------------------- @headerBackground: #1a3867; @headerBackgroundHighlight: #17568c; // < Joomla JUI
| ver. 1.4 |
Github
|
.
| PHP 8.1.33 | Генерация страницы: 0 |
proxy
|
phpinfo
|
Настройка