territori-aperti-theme/src/main/webapp/css/custom_common.css

967 lines
15 KiB
CSS

@import "aui/alloy-font-awesome/scss/mixins-alloy";
@import "aui/alloy-font-awesome/scss/variables";
@import "compass";
@import "compass/css3/user-interface";
@import "mixins";
@import url(custom_responsive.css);
.aui {
body {
color: #000;
font-weight: 200;
}
a {
color: #3B5998;
font-weight: 200;
&:hover {
color: #3B5998;
}
[class^="icon-"], [class*=" icon-"] {
display: inline-block;
}
}
.alert, .portlet-msg-alert, .portlet-msg-error, .portlet-msg-help, .portlet-msg-info, .portlet-msg-progress, .portlet-msg-success {
word-wrap: break-word;
}
.table {
font-size: 15px;
overflow: hidden;
td {
background-color: #F9F9F9;
}
thead th {
background-color: #F0EFEF;
font-size: 15px;
font-weight: normal;
}
.table-sort-liner a {
color: #555;
font-weight: normal;
text-decoration: underline;
}
}
.table-striped tbody > tr:nth-child(odd) {
> td, > th {
background-color: #FFF;
}
}
.table-hover tbody tr:hover {
> td, > th {
background-color: #EDF8FD;
}
}
input[type="color"], input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="email"], input[type="month"], input[type="number"], input[type="password"], input[type="search"], input[type="tel"], input[type="text"], input[type="time"], input[type="url"], input[type="week"], select, textarea, .uneditable-input {
border: 1px solid #DDD;
color: #333;
font-weight: 200;
margin-bottom: 7px;
}
input[type="submit"] {
margin-bottom: 11px;
margin-top: 6px;
}
input[type="text"].search-query {
margin-top: 0;
}
label {
color: #555;
font-size: 15px;
font-weight: 200;
}
li {
line-height: 27px;
}
select:focus {
border: 1px solid rgba(0, 172, 255, 0.8);
outline: 5px auto rgba(82, 168, 236, 0.6);
outline-offset: -2px;
}
.form-search, .lfr-translation-manager-selector {
.control-group-inline {
margin: 0;
}
}
.field-wrapper .btn {
margin-top: 0;
}
.btn.disabled, .btn[disabled] {
@include opacity(0.4);
}
.btn-link {
color: #0078b2;
text-decoration: none;
&:focus, &:hover {
color: #009AE5;
text-decoration: none;
}
> i {
height: auto;
margin: 0;
padding: 0;
width: auto;
}
}
.control-group {
margin-bottom: 30px;
.input-resource-wrapper {
margin-bottom: 0;
}
}
.lfr-ddm-container, .portlet-staging-bar {
.control-group {
margin-bottom: 15px;
}
}
@include respond-to(phone) {
.form-search .input-append {
.btn {
font-size: 0;
padding: 4px 19px 0;
&:after {
content: $search;
font-size: 18px;
@include icon-FontAwesome();
}
}
}
}
.navbar .nav > li > a {
&:focus, &:hover {
color: #009AE5;
}
}
.lfr-tree .tree-node .tree-node-selected .tree-label {
background: #E4F5FC;
}
/* ---------- Main ---------- */
.previous-level {
&:focus {
color: #0A68CD;
}
&:hover {
color: #8CD3FC;
}
}
.logo, .logo:hover {
color: #333;
line-height: 20px;
}
.portlet, .portlet-borderless-container {
background: #FFF;
margin-bottom: 10px;
padding: 0;
}
.portlet-title {
padding: 0 10px;
}
.portlet-nested-portlets .portlet-body .portlet {
border: 1px solid #E5E5E5;
}
.portlet-borderless-container {
margin-bottom: -7px;
}
.portlet-options {
.dropdown-toggle .caret {
display: none;
}
}
/* ---------- Help icon ---------- */
.taglib-icon-help {
img {
@include opacity(0.5);
vertical-align: top;
&:hover {
@include opacity(1);
}
}
}
/* ---------- Dockbar ---------- */
.dockbar-split {
.dockbar {
.nav {
li.dropdown {
> .dropdown-toggle {
@extend %dockbar-caret;
}
&.open, &.active, &.open.active {
> .dropdown-toggle {
background-color: transparent;
color: #FFF;
@extend %dockbar-caret;
}
}
}
}
.navbar-inner {
background: none;
visibility: hidden;
}
}
&.dockbar-ready .dockbar .navbar-inner {
visibility: visible;
}
}
.dockbar {
&.navbar .navbar-inner {
min-height: 40px;
}
.navbar-inner {
background: #333;
.container .btn-navbar {
color: #FFF;
.user-avatar-image {
position: relative;
top: 2px;
width: 28px;
}
}
}
.nav {
> li {
> a {
color: #FFF;
line-height: 31px;
&:focus, &:hover {
color: #FFF;
}
[class^="icon-"], [class*=" icon-"] {
margin-top: 3px;
}
}
&.active > a {
color: #FFF;
&, &:hover, &:focus {
background: #0066B3;
}
}
}
%dockbar-caret {
&, &:hover {
.caret {
border-bottom-color: #FFF;
border-top-color: #FFF;
}
}
}
li.dropdown {
> .dropdown-toggle {
@extend %dockbar-caret;
}
&.open, &.active, &.open.active {
> .dropdown-toggle {
background-color: #3EA9DB;
color: #FFF;
@extend %dockbar-caret;
}
}
.dropdown-menu, .site-administration-menu {
background: #009AE5;
border-width: 0;
left: 0;
margin: 0;
right: auto;
> li > a {
color: #FFF;
font-size: 0.9em;
font-weight: 300;
&:focus, &:hover {
background: #2FA4F5;
@include filter-gradient(#2FA4F5, #2FA4F5, vertical);
}
[class^="icon-"], [class*=" icon-"] {
margin-right: 3px;
}
.icon-spacer {
margin-right: 17px;
}
}
li.active > a {
background: #3B6DCC;
}
}
.dropdown-menu {
max-height: 300px;
overflow-x: hidden;
overflow-y: auto;
&:after, &:before {
border-width: 0;
}
}
}
li.dropdown.user-avatar {
.dropdown-menu {
left: auto;
right: 0;
}
}
}
.nav-account-controls li ul li a:hover i {
background-image: none;
text-decoration: none;
}
.divider-vertical {
border-left-color: #222;
border-right-color: #555;
display: none;
}
}
.app-view-taglib .lfr-header-row-content .select-all-entries {
left: 7px;
top: 14px;
}
.navbar {
.btn-group, .navbar-search {
margin-bottom: 8px;
margin-top: 8px;
}
.btn-navbar {
padding: 10px;
}
.container .btn-navbar {
background: transparent;
border-color: #DDD;
&:hover, &:focus, &:active, &.active, &.disabled, &[disabled] {
background-color: #DDD;
}
.icon-bar {
background: #656565;
}
}
.icon-caret-down {
background: #27A7EB;
background: rgba(255, 255, 255, 0.2);
font-size: 14px;
height: auto;
margin-left: 5px;
padding: 1px 4px;
width: auto;
}
.nav > li.open > a {
background-color: #FFF;
color: #555;
text-decoration: none;
}
.navbar-inner {
min-height: 47px;
}
}
/* ---------- Nav#Navigation ---------- */
.modify-pages .delete-tab {
background: #555;
border: 2px solid #FFF;
color: #FFF;
font-size: 16px;
padding: 4px;
right: -10px;
top: 0;
z-index: 300;
&:hover {
@include box-shadow(0 1px 1px -1px #000)
}
}
/* ---------- Breadcrumbs ---------- */
.breadcrumb {
padding: 3px 15px 2px;
li {
a {
display: inline-block;
@include ellipsis;
line-height: normal;
max-width: 300px;
vertical-align: text-bottom;
}
span.divider {
color: #999;
font-weight: bold;
}
&.last {
a {
color: #676767;
}
span.divider {
display: none;
}
}
}
.only .divider {
display: none;
}
&.breadcrumb-horizontal {
@include respond-to(phone) {
padding-left: 5px;
padding-right: 5px;
li {
display: none;
&.only, &.first, &.last, &.current-parent {
display: inline-block;
}
&.breadcrumb-truncate {
&.only, &.first a, &.last a, &.active, &.current-parent a {
max-width: 65px;
}
&.current-parent:before {
color: #999;
content: ' ... / ';
font-weight: bold;
}
}
}
}
}
}
/* ---------- Form navigator ---------- */
.taglib-form-navigator > .form-steps > ul.form-navigator.well .tab {
&.active {
.tab-label {
.message {
color: #000;
}
.number {
background: #60BFEF;
}
.tab-icon {
color: #60BFEF;
}
}
}
&.section-error .tab-label .message {
color: #B50303;
}
.tab-label {
.message {
color: #000;
}
.number {
background: #CCC;
color: #FFF;
}
}
}
@include respond-to(phone, tablet) {
.taglib-form-navigator {
.form-navigator-content {
clear: both;
float: none;
width: 100%;
}
.form-navigator.nav.well {
border-width: 1px 0 0;
@include box-shadow(none);
clear: both;
float: none;
margin: 1em 0 0;
padding: 1em 0.5em;
width: 100%;
> li {
display: inline-block;
> a {
margin: 0;
padding: 0.1em 1em;
}
}
}
.nobr {
white-space: normal;
}
}
}
/* ---------- Hidden accessible ---------- */
#banner h2, #banner h3, .site-breadcrumbs h1 {
clip: rect(0 0 0 0);
position: absolute;
}
.opens-new-window-accessible {
background: url(@theme_image_path@/common/open_window.png) no-repeat 0 50%;
display: inline-block;
font-size: 0;
height: 11px;
margin-left: 2px;
overflow: hidden;
text-indent: -9999px;
vertical-align: top;
width: 11px;
}
.nav-header {
background-color: #E5E5E5;
border: solid #DDD;
border-width: 1px 0;
@include ellipsis;
}
.accordion .accordion-group {
.accordion-heading .accordion-toggle {
padding-left: 15px;
}
.toggler-content-expanded {
border-width: 1px 0 0 0;
}
}
%toggler-header-icon-base {
content: $chevron-sign-right;
@include icon-FontAwesome();
display: inline-block;
margin-right: 5px;
}
%toggler-header-icon-expanded {
content: $chevron-sign-down;
}
.accordion-group {
border-width: 0;
.accordion-heading {
background: none no-repeat 0 50%;
overflow: hidden;
.accordion-toggle {
&, &:hover {
text-decoration: none;
}
}
&.toggler-header-collapsed, &.toggler-header-expanded {
background-image: none;
.accordion-toggle:before {
@extend %toggler-header-icon-base;
@include opacity(0.5);
}
}
&.toggler-header-collapsed {
position: relative;
.accordion-toggle:after {
content: '';
margin-left: 10px;
position: absolute;
top: 50%;
width: 100%;
}
}
&.toggler-header-expanded .accordion-toggle:before {
@extend %toggler-header-icon-expanded;
}
}
.toggler-content-expanded {
border: 1px solid $borderColor;
.accordion-inner {
border-width: 0;
}
}
&.lfr-panel-extended {
border-width: 1px;
.accordion-heading {
background: #F2F2F2;
overflow: hidden;
position: static;
.accordion-toggle {
color: #999;
padding-left: 8px;
&:after, &:before {
float: right;
font-size: 22px;
}
}
}
}
}
.accordion-heading .accordion-toggle {
padding-left: 0;
}
.toggler-content-collapsed {
display: none;
}
body.yui3-skin-sam .yui3-widget-mask {
background-color: #FFF;
}
&.ie {
.dockbar, #navigation {
.navbar-inner {
filter: none;
}
}
}
&.ie6, &.ie7 {
.accordion-group .accordion-heading {
background: none no-repeat 0 50%;
&.toggler-header-collapsed {
background-image: url(../images/arrows/05_right.png);
}
&.toggler-header-expanded {
background-image: url(../images/arrows/05_down.png);
}
}
}
/* ---------- Side accordion navigations ---------- */
.add-content-menu, .lfr-edit-layout-panel, .panel-page-menu .portlet-borderless-container {
.accordion {
background: #FFF;
border: solid #D3D3D3;
border-width: 0 1px;
.accordion-group {
border-width: 0;
margin-bottom: 0;
.accordion-heading {
cursor: pointer;
.accordion-toggle {
font-size: 16px;
font-weight: 300;
padding: 0;
}
}
.accordion-inner {
background: #FCFCFC;
border: solid #D3D3D3;
border-width: 0 0 1px 0;
padding: 6px 0 15px;
}
.toggler-header {
background: #F2F2F2;
border: solid #D3D3D3;
border-width: 1px 0;
margin-top: -1px;
padding: 6px 10px;
@include user-select(none);
.accordion-toggle {
background: #F2F2F2 url(../images/arrows/13_right.png) no-repeat 100% -20px;
}
}
.toggler-header-collapsed .accordion-toggle {
background-position: 100% 0;
&:before {
display: none;
}
}
.toggler-header-expanded .accordion-toggle:before {
display: none;
}
}
.toggler-content-expanded {
border-width: 0;
}
}
}
.lfr-add-panel {
.add-content-menu {
.lfr-content-item {
color: #009AE5;
&:focus, &:hover {
background-color: #E5F5FC;
}
&.lfr-portlet-used {
color: #BBB;
}
}
}
.lfr-page-template .lfr-page-template-title {
&.toggler-header-collapsed, &.toggler-header-expanded {
&:before {
@extend %toggler-header-icon-base;
color: #8D8D8D;
position: absolute;
right: 5px;
top: 0;
}
}
&.toggler-header-expanded {
&:before {
@extend %toggler-header-icon-expanded;
}
}
&.active {
&:before {
color: #FFF;
}
}
}
}
.lfr-add-panel, .lfr-device-preview-panel, .lfr-edit-layout-panel {
&.lfr-admin-panel h1 {
color: #009AE5;
font-size: 26px;
font-weight: normal;
line-height: 26px;
}
}
/* ---------- CKEditor ---------- */
.html-editor.portlet-message-boards {
a {
font-weight: inherit;
}
}
/* ---------- Extras ---------- */
.breadcrumb > li {
@include text-shadow(none);
}
.taglib-form-navigator > .form-steps > ul.form-navigator.well .tab {
&.section-error, &.section-success {
.tab-label .number {
@include transition-duration(0.25s);
@include transition-property(box-shadow);
@include transition-timing-function(ease-out);
}
}
&.section-error .tab-label .number {
@include box-shadow(0 0 5px 0 #B50303);
}
&.section-success .tab-label .number {
@include box-shadow(0 0 5px 0 #488F06);
}
.tab-label {
&:hover, &:focus {
.number {
@include box-shadow(0 0 5px 0 #60BFEF);
}
}
}
}
.modify-pages .delete-tab {
@include border-radius(50%);
@include text-shadow(none);
}
.nav-header {
background-color: #FFF;
@include background-image(linear-gradient(#FFF 0%, #F2F2F2 100%));
}
.portlet-options {
&, &.open {
.dropdown-toggle {
@include box-shadow(none);
}
}
}
.table {
@include border-radius(5px);
}
input.search-query {
border-radius: 15px;
}
.tagselector-focused .tagselector-content .textboxlistentry-holder {
@include box-shadow(inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6));
}
.dockbar {
.nav {
> li {
> a {
@include text-shadow(none);
}
}
li.dropdown {
.dropdown-menu {
@include border-radius(0);
}
}
}
.container .btn, .nav li.dropdown.user-avatar {
.user-avatar-image {
@include border-radius(50%);
@include box-shadow(0 0 0 2px #5594E0);
}
}
}
.navbar {
.container .btn {
&, .icon-bar {
@include box-shadow(0 1px 0 #FFF);
}
}
.icon-caret-down {
@include border-radius(50%);
}
.nav {
> li.open > a {
@include box-shadow(inset 0 3px 8px rgba(0, 0, 0, 0.125));
}
}
}
.dockbar .container .btn {
@include box-shadow(none);
}
body.yui3-skin-sam .yui3-widget-mask {
@include opacity(0.8);
}
}