Spade
Mini Shell
blocks/_chzn-override.less000064400000013243151170554540011641
0ustar00.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.less000064400000011357151170554540010400 0ustar00// 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.less000064400000000145151170554540010530 0ustar00// Editors
.CodeMirror {
height: calc(~"100vh - 400px");
min-height: 400px;
max-height: 800px;
}
blocks/_forms.less000064400000013433151170554540010211 0ustar00// 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.less000064400000002176151170554540010325 0ustar00// 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.less000064400000001665151170554540010317 0ustar00// 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.less000064400000002401151170554540010164 0ustar00// 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.less000064400000011770151170554540010144 0ustar00// 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.less000064400000001417151170554540010341 0ustar00// 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.less000064400000011101151170554540010322 0ustar00// 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.less000064400000000731151170554540011230 0ustar00//
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.less000064400000004476151170554540010503 0ustar00// 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.less000064400000001500151170554540010376 0ustar00// 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.less000064400000002140151170554540010326 0ustar00// 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.less000064400000005272151170554540010527 0ustar00//
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.less000064400000002421151170554540011215 0ustar00// 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.less000064400000000261151170554540012214 0ustar00//
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.less000064400000013111151170554540012305 0ustar00//
// 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.less000064400000013145151170554540011162 0ustar00//
// 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.less000064400000055565151170554540011007 0ustar00//
// 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.less000064400000010420151170554540013363
0ustar00//
// 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.less000064400000010254151170554550013450
0ustar00//
// 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.less000064400000001041151170554550010603 0ustar00//
// 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.less000064400000002077151170554550007115 0ustar00@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.less000064400000000561151170554550011004 0ustar00//
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.less000064400000000502151170554550012111 0ustar00//
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.less000064400000000563151170554550011221 0ustar00//
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.less000064400000001531151170554550011536 0ustar00//
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.less000064400000017004151170554550010060 0ustar00@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.less000064400000007047151170554550007267 0ustar00// 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.less000064400000023777151170554550007434 0ustar00//
// 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