1023 lines
18 KiB
CSS
1023 lines
18 KiB
CSS
/* Author: Massimiliano Assante, ISTI-CNR */
|
||
/* License: EUPL */
|
||
|
||
@import "compass";
|
||
@import "mixins";
|
||
|
||
@import url(custom_common.css);
|
||
|
||
$dockbarGradientEnd: #FFF;
|
||
$dockbarGradientStart: #FFF;
|
||
|
||
$dockbarOpenGradientEnd: #0993DD;
|
||
$dockbarOpenGradientStart: #0EA6F9;
|
||
|
||
$navbarGradientStart: #0271BE;
|
||
$navbarGradientEnd: #0271BE;
|
||
|
||
$footerFontColor: #FFF;
|
||
|
||
$navbarSelected: #019AD3;
|
||
$navbarHover: #4CB5D2;
|
||
$dockbarCustomColor: #FFF;
|
||
|
||
/* --- Hide the My Calendars section in Calendar portlet **/
|
||
|
||
div#_1_WAR_calendarportlet_calendarListContainer > div:first-child {
|
||
display: none;
|
||
}
|
||
|
||
div#_1_WAR_calendarportlet_calendarListContainer > div:last-child {
|
||
display: none;
|
||
}
|
||
|
||
#_1_WAR_calendarportlet_myCalendarList {
|
||
display: none;
|
||
}
|
||
/* --- End Hide the My Calendars section **/
|
||
|
||
/* --- Custom vars, styles and mixins **/
|
||
|
||
@mixin navbarGradient($start, $end) {
|
||
background: #0271BE;
|
||
}
|
||
|
||
@mixin navbar-border-radius($radius) {
|
||
-webkit-border-radius: $radius !important;
|
||
-moz-border-radius: $radius !important;
|
||
-ms-border-radius: $radius !important;
|
||
border-radius: $radius !important;
|
||
}
|
||
|
||
@mixin portlet-border-radius($radius) {
|
||
-webkit-border-radius: $radius !important;
|
||
-moz-border-radius: $radius !important;
|
||
-ms-border-radius: $radius !important;
|
||
border-radius: $radius !important;
|
||
}
|
||
@mixin navbar-transition($transition...) {
|
||
-moz-transition: $transition;
|
||
-o-transition: $transition;
|
||
-webkit-transition: $transition;
|
||
transition: $transition;
|
||
}
|
||
|
||
|
||
|
||
body {
|
||
padding-top: 0px !important;
|
||
}
|
||
.aui body {
|
||
@include respond-to(phone, tablet) {
|
||
padding-right: 0;
|
||
padding-left: 0;
|
||
}
|
||
}
|
||
|
||
.aui input[readonly], .aui select[readonly], .aui textarea[readonly] {
|
||
cursor: auto !important;
|
||
background-color: #FFF !important;
|
||
}
|
||
div#wrapper {
|
||
@include respond-to(desktop) {
|
||
padding: 2em 2em 0;
|
||
}
|
||
@include respond-to(phone, tablet) {
|
||
padding-top: 2px;
|
||
}
|
||
background-size: 100% 100%;
|
||
margin-top: -5px;
|
||
min-height: 500px;
|
||
}
|
||
|
||
|
||
.aui .row {
|
||
margin-left: 0;
|
||
}
|
||
|
||
.aui header#banner {
|
||
background: transparent;
|
||
}
|
||
|
||
.aui .btn {
|
||
@include portlet-border-radius(5px);
|
||
}
|
||
|
||
.aui ul, .aui ol {
|
||
padding: 0;
|
||
margin: 0 0 10px 25px;
|
||
}
|
||
/* For GXT tree compatibility */
|
||
.aui span.x-tree3-node-text {
|
||
top: 0;
|
||
}
|
||
/* end GXT tree compatibility */
|
||
|
||
@media (min-width : 1024px) {
|
||
|
||
/* For making default portlet padding narrow-er */
|
||
.aui .row-fluid [class*="span"] {
|
||
margin-left: 1%;
|
||
}
|
||
.aui .row-fluid [class*="span"]:first-child {
|
||
margin-left: 0;
|
||
}
|
||
.aui .row-fluid .span3 {
|
||
width: 24.2%;
|
||
}
|
||
.aui .row-fluid .span4 {
|
||
width: 32.5%;
|
||
}
|
||
.aui .row-fluid .span5 {
|
||
width: 41.65%
|
||
}
|
||
.aui .row-fluid .span6 {
|
||
width: 49.5%;
|
||
}
|
||
}
|
||
/* useful in phone mode */
|
||
.aui .dockbar .navbar-inner .container .btn-navbar .user-avatar-image {
|
||
position: relative;
|
||
top: 2px;
|
||
width: 28px;
|
||
height: 28px;
|
||
}
|
||
/* when user is signed out remove the dockbar v space*/
|
||
body.signed-in {
|
||
padding-top: 0px;
|
||
header#banner {
|
||
margin-top: 35px;
|
||
}
|
||
}
|
||
|
||
body.signed-out {
|
||
div#wrapper {
|
||
background-position: 0px 0px;
|
||
}
|
||
div#gcube-hide-dockbar {
|
||
@include respond-to(desktop) {
|
||
display: none;
|
||
}
|
||
}
|
||
}
|
||
|
||
div.custom-footer-container a {
|
||
font: 10px "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif;
|
||
color: #fff;
|
||
text-decoration: none;
|
||
&:hover {
|
||
color: #FFF;
|
||
text-decoration: underline;
|
||
}
|
||
&:visited {
|
||
color: #FFF;
|
||
text-decoration: underline;
|
||
}
|
||
}
|
||
|
||
footer {
|
||
border-top: 6px solid #FFF;
|
||
}
|
||
|
||
@include respond-to(desktop) {
|
||
img.d4science-logo {
|
||
text-align: left;
|
||
height: 70px !important;
|
||
}
|
||
|
||
h1.site-title {
|
||
margin-top: 0;
|
||
margin-bottom: 3px;
|
||
text-align: left;
|
||
padding: 15px;
|
||
}
|
||
}
|
||
/* --- End Custom */
|
||
|
||
/* ---------- Base styles ---------- */
|
||
|
||
.aui {
|
||
.separator {
|
||
border-color: #BFBFBF transparent #FFF;
|
||
border-style: solid;
|
||
border-width: 1px 0;
|
||
}
|
||
|
||
.site-title {
|
||
a:hover {
|
||
text-decoration: none;
|
||
}
|
||
|
||
.site-name {
|
||
display: inline-block;
|
||
}
|
||
}
|
||
|
||
#heading .site-title img {
|
||
@include respond-to(phone, tablet) {
|
||
margin-top: 25px;
|
||
width: 250px;
|
||
}
|
||
}
|
||
|
||
.poweredBy-link {
|
||
margin-top: 25px;
|
||
float: right;
|
||
a:hover {
|
||
opacity: 0.7;
|
||
}
|
||
a {
|
||
@include respond-to(phone, tablet) {
|
||
display: none;
|
||
}
|
||
}
|
||
}
|
||
|
||
#skip-to-content:focus {
|
||
clip: rect(auto auto auto auto);
|
||
margin-top: 35px;
|
||
right: 5px;
|
||
z-index: 200;
|
||
}
|
||
|
||
#sign-in {
|
||
background: url(@theme_image_path@/common/key.png) no-repeat 3px 50%;
|
||
font-weight: bold;
|
||
padding: 5px 5px 5px 25px;
|
||
position: absolute;
|
||
right: 0;
|
||
top: -1.2em;
|
||
}
|
||
|
||
.redirected-to-message {
|
||
margin-right: 10px;
|
||
|
||
a {
|
||
background: #ECFBFF;
|
||
border: 1px solid #ADE5FA;
|
||
color: #8D8D8D;
|
||
padding: 5px;
|
||
}
|
||
}
|
||
|
||
.site-navigation {
|
||
margin-bottom: 6px;
|
||
|
||
.lfr-nav-item {
|
||
span, a {
|
||
@include ellipsis;
|
||
|
||
max-width: 300px;
|
||
}
|
||
}
|
||
}
|
||
|
||
.taglib-portal-message {
|
||
margin-bottom: 0;
|
||
}
|
||
|
||
/* ---------- Dockbar ---------- */
|
||
|
||
.dockbar {
|
||
&.navbar {
|
||
.nav {
|
||
li {
|
||
&.dropdown {
|
||
&.active {
|
||
.dropdown-toggle {
|
||
color: #999;
|
||
background-color: transparent;
|
||
|
||
&:hover {
|
||
color: #FFF;
|
||
}
|
||
}
|
||
}
|
||
|
||
&.staging-toggle .dropdown-menu {
|
||
background-color: #55B8EC;
|
||
}
|
||
}
|
||
}
|
||
|
||
> li {
|
||
> a {
|
||
margin: 0 5px 0 0;
|
||
padding: 6px 10px;
|
||
|
||
&:hover {
|
||
background-color: #2FA4F5;
|
||
}
|
||
}
|
||
}
|
||
}
|
||
}
|
||
|
||
.info-button {
|
||
top: 9px;
|
||
|
||
a {
|
||
margin-top: -4px;
|
||
|
||
&:hover {
|
||
color: #FFF;
|
||
}
|
||
}
|
||
}
|
||
|
||
.staging-bar {
|
||
.staging-toggle {
|
||
color: #FFF;
|
||
|
||
li a {
|
||
color: #FFF;
|
||
font-weight: 300;
|
||
text-decoration: none;
|
||
}
|
||
|
||
.btn-link {
|
||
color: #FFF;
|
||
font-size: 12px;
|
||
}
|
||
}
|
||
}
|
||
|
||
.page-customization-bar .btn {
|
||
border-color: transparent;
|
||
|
||
&:hover, &:focus {
|
||
background: transparent;
|
||
text-decoration: underline;
|
||
}
|
||
}
|
||
}
|
||
|
||
.dockbar, .dockbar-split .dockbar {
|
||
.navbar-inner {
|
||
background-color: $dockbarGradientStart;
|
||
|
||
@include background-image(linear-gradient($dockbarGradientStart 0%, $dockbarGradientStart 47%, $dockbarGradientEnd 100%));
|
||
|
||
.nav {
|
||
> li {
|
||
background-color: $dockbarGradientStart;
|
||
|
||
@include background-image(linear-gradient($dockbarGradientStart 0%, $dockbarGradientStart 47%, $dockbarGradientEnd 100%));
|
||
}
|
||
}
|
||
}
|
||
}
|
||
|
||
.dockbar-split .dockbar {
|
||
|
||
.info-button {
|
||
top: 9px;
|
||
}
|
||
|
||
.navbar-inner {
|
||
.nav-account-controls {
|
||
|
||
|
||
&.nav-account-controls-notice {
|
||
top: 50px;
|
||
}
|
||
}
|
||
|
||
.nav-add-controls {
|
||
background: transparent;
|
||
border-top-width: 0;
|
||
|
||
&.nav-add-controls-notice {
|
||
top: 70px;
|
||
}
|
||
|
||
> li {
|
||
background-color: transparent;
|
||
|
||
@include background-image(none);
|
||
|
||
> a {
|
||
background: #45CBF5;
|
||
line-height: inherit;
|
||
padding: 6px 8px;
|
||
|
||
@include respond-to(phone, tablet) {
|
||
background: transparent;
|
||
}
|
||
|
||
&:hover {
|
||
background: #5BBAE8;
|
||
}
|
||
|
||
&.toggle-controls-link {
|
||
background: #92F545;
|
||
|
||
@include respond-to(phone, tablet) {
|
||
background: transparent;
|
||
}
|
||
}
|
||
}
|
||
}
|
||
}
|
||
|
||
.page-customization-bar {
|
||
background-color: #6DA4E4;
|
||
background-color: rgba(109, 168, 228, 0.9);
|
||
line-height: 20px;
|
||
}
|
||
|
||
.page-customization-bar-text {
|
||
height: 43px;
|
||
}
|
||
|
||
.staging-bar {
|
||
margin: 6px 0;
|
||
|
||
> li {
|
||
background: transparent;
|
||
}
|
||
}
|
||
}
|
||
}
|
||
/* Customization dockbar*/
|
||
.dockbar.navbar-static-top {
|
||
position: fixed;
|
||
z-index: 300;
|
||
@include respond-to(phone,tablet) {
|
||
position: relative;
|
||
}
|
||
}
|
||
|
||
.dockbar-split .dockbar .navbar-inner .nav > li > a,
|
||
.dockbar .navbar-inner .nav > li > a,
|
||
.dockbar .navbar-inner .nav-collapse > .nav > li > a {
|
||
color: #999;
|
||
font-weight: 400;
|
||
&:hover {
|
||
color: #FFF;
|
||
}
|
||
}
|
||
|
||
.dockbar .navbar-inner .container .btn-navbar {
|
||
color: #999;
|
||
}
|
||
|
||
.dockbar.navbar .nav > li > input#searchbox {
|
||
margin: 8px 0 0;
|
||
font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
|
||
font-size: 16px;
|
||
font-weight: 200;
|
||
@include navbar-border-radius(5px);
|
||
border: 1px solid #cccccc;
|
||
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
|
||
@include navbar-transition(border linear 0.2s, box-shadow linear 0.2s);
|
||
width: 150px;
|
||
}
|
||
/* when search box is phone or tablet*/
|
||
span .btn.btn-navbar input#searchbox-phone {
|
||
width: 148px;
|
||
@include navbar-border-radius(5px);
|
||
@include navbar-transition(border linear 0.2s, box-shadow linear 0.2s);
|
||
}
|
||
span .btn.btn-navbar input#searchbox-phone {
|
||
@include navbar-border-radius(5px);
|
||
@include navbar-transition(border linear 0.2s, box-shadow linear 0.2s);
|
||
}
|
||
|
||
/* ---------- Main navigation ---------- */
|
||
|
||
#navigation {
|
||
.add-page-editor {
|
||
input {
|
||
margin-top: 0;
|
||
}
|
||
}
|
||
|
||
.brand {
|
||
margin-left: 0;
|
||
padding: 0 20px 0 0;
|
||
|
||
img {
|
||
height: 40px;
|
||
width: auto;
|
||
}
|
||
}
|
||
|
||
.nav {
|
||
li {
|
||
&.dropdown {
|
||
> .dropdown-toggle {
|
||
padding-right: 0;
|
||
|
||
.caret {
|
||
border-bottom-color: #FFF;
|
||
border-top-color: #FFF;
|
||
}
|
||
}
|
||
}
|
||
|
||
&.open {
|
||
> a {
|
||
background-color: $navbarHover;
|
||
color: #FFF;
|
||
}
|
||
}
|
||
|
||
&.active > a {
|
||
background-color: $navbarSelected;
|
||
background-image: none;
|
||
}
|
||
}
|
||
|
||
> li > a {
|
||
padding: 8px 15px;
|
||
}
|
||
|
||
.dropdown-menu {
|
||
background: $navbarSelected;
|
||
border-width: 0;
|
||
margin: 0;
|
||
|
||
&:after, &:before {
|
||
border-width: 0;
|
||
}
|
||
|
||
a {
|
||
color: #FFF;
|
||
|
||
&:hover {
|
||
background: none;
|
||
text-decoration: underline;
|
||
}
|
||
}
|
||
}
|
||
}
|
||
|
||
.navbar-inner {
|
||
@include navbarGradient($navbarGradientStart, $navbarGradientEnd);
|
||
border-width: 0px;
|
||
min-height: 36px;
|
||
|
||
li a {
|
||
color: #FFF;
|
||
font-weight: 400;
|
||
}
|
||
}
|
||
}
|
||
|
||
.modify-pages {
|
||
.delete-tab {
|
||
background: #555;
|
||
border: 2px solid #FFF;
|
||
color: #FFF;
|
||
font-size: 16px;
|
||
padding: 4px;
|
||
right: -10px;
|
||
top: 0;
|
||
z-index: 300;
|
||
}
|
||
|
||
.lfr-nav-item .lfr-nav-child-toggle {
|
||
padding: 10px;
|
||
|
||
i {
|
||
margin: 0;
|
||
}
|
||
|
||
@include respond-to(phone, tablet) {
|
||
line-height: 1em;
|
||
padding: 14px;
|
||
position: absolute;
|
||
right: 0;
|
||
top: 0;
|
||
}
|
||
}
|
||
|
||
.drag-handle {
|
||
background-color: rgba(255, 255, 255, 0.75);
|
||
color: #009AE5;
|
||
}
|
||
}
|
||
|
||
/* ---------- Breadcrumbs ---------- */
|
||
|
||
.breadcrumb {
|
||
background-color: transparent;
|
||
}
|
||
|
||
#breadcrumbs {
|
||
margin-bottom: 45px;
|
||
|
||
.breadcrumb {
|
||
margin-bottom: 0;
|
||
}
|
||
}
|
||
|
||
/* ---------- Portlet wrapper and icons ---------- */
|
||
|
||
.portlet {
|
||
border: 1px solid #e1e8ed;
|
||
@include portlet-border-radius(6px);
|
||
}
|
||
|
||
.portlet-content, .portlet-minimized .portlet-content-container {
|
||
border-top-width: 0;
|
||
padding: 12px 10px 10px;
|
||
}
|
||
|
||
.portlet-topper {
|
||
background: #fff;
|
||
color: #01497C;
|
||
padding: 0;
|
||
|
||
.portlet-title {
|
||
font-size: 15px;
|
||
font-weight: 400;
|
||
line-height: 2.2;
|
||
margin: 0;
|
||
|
||
i, span img {
|
||
display: none;
|
||
}
|
||
}
|
||
|
||
.portlet-topper-toolbar {
|
||
font-size: 0.8em;
|
||
margin: -10px 0 0;
|
||
padding: 0;
|
||
right: 10px;
|
||
top: 50%;
|
||
}
|
||
}
|
||
|
||
.lfr-configurator-visibility .portlet-topper {
|
||
background-color: #A9A9A9;
|
||
}
|
||
|
||
.signed-in.controls-visible .portlet-title {
|
||
padding-right: 80px;
|
||
}
|
||
|
||
.portlet-asset-publisher .asset-title, .portlet-asset-publisher .header-title, .portlet-asset-publisher li.title-list, .portlet-blogs .entry-title, .portlet-blogs .header-title, .portlet-message-boards .header-title {
|
||
@include hyphenation;
|
||
}
|
||
|
||
.portlet-asset-publisher .asset-content, .portlet-asset-publisher .asset-summary, .portlet-blogs .entry-body, .portlet-journal-content .journal-content-article, .portlet-message-boards .thread-body {
|
||
word-wrap: break-word;
|
||
}
|
||
|
||
.edit-actions {
|
||
list-style: none;
|
||
margin-left: 0;
|
||
margin-right: 0;
|
||
|
||
li {
|
||
float: left;
|
||
margin-right: 10px;
|
||
}
|
||
}
|
||
|
||
.portlet-icons {
|
||
float: none;
|
||
}
|
||
|
||
.page-maximized .portlet-icons {
|
||
font-size: 11px;
|
||
}
|
||
|
||
.dropdown-menu > li.portlet-close > a {
|
||
color: #C00;
|
||
font-weight: bold;
|
||
|
||
&:focus, &:hover {
|
||
background-color: #C00;
|
||
background-image: none;
|
||
color: #FFF;
|
||
}
|
||
}
|
||
|
||
/* ---------- Set password reminder portlet ---------- */
|
||
|
||
.update-reminder-query {
|
||
.control-group {
|
||
max-width: 350px;
|
||
}
|
||
|
||
.reminder-query-answer {
|
||
height: 30px;
|
||
width: 100%;
|
||
}
|
||
|
||
.reminder-query-question {
|
||
width: 100%;
|
||
}
|
||
}
|
||
|
||
/* ---------- Staging bar ---------- */
|
||
|
||
.navbar-inner .nav.staging-bar {
|
||
border-top-width: 0;
|
||
position: static;
|
||
|
||
li {
|
||
.page-variations {
|
||
display: inline-block;
|
||
margin-left: 8px;
|
||
|
||
a {
|
||
text-decoration: none;
|
||
}
|
||
}
|
||
}
|
||
|
||
li.dropdown {
|
||
position: static;
|
||
}
|
||
}
|
||
|
||
.portlet-staging-bar {
|
||
.row-fluid .layout-revision-info {
|
||
.layout-revision-version {
|
||
label {
|
||
color: #B6DDF5;
|
||
}
|
||
}
|
||
}
|
||
|
||
.label-submit {
|
||
background-color: #469DE3;
|
||
}
|
||
|
||
.layout-branch-selector, .layout-set-branch-selector {
|
||
.icon-caret-down {
|
||
background-color: #469DE3;
|
||
}
|
||
}
|
||
|
||
.page-variations-options, .site-pages-variation-options {
|
||
.lfr-icon-menu {
|
||
background-color: #50AFE9;
|
||
|
||
.icon-globe, .icon-file {
|
||
background-color: #469DE3;
|
||
}
|
||
}
|
||
}
|
||
}
|
||
|
||
/* ---------- Footer ---------- */
|
||
|
||
.custom-footer-container {
|
||
width: 100%;
|
||
height: auto;
|
||
color: white;
|
||
}
|
||
|
||
.custom-footer-right {
|
||
text-align: right;
|
||
float: right;
|
||
height: auto;
|
||
}
|
||
|
||
.custom-footer {
|
||
background-color: #087282;
|
||
height: 250px;
|
||
padding: 10px;
|
||
}
|
||
|
||
/* ---------- Hudcrumbs ---------- */
|
||
|
||
.lfr-hudcrumbs {
|
||
position: fixed;
|
||
top: 0;
|
||
z-index: 300;
|
||
|
||
.breadcrumb {
|
||
background: #414445;
|
||
background: rgba(0, 0, 0, 0.8);
|
||
|
||
li {
|
||
a, span {
|
||
color: #FFF;
|
||
}
|
||
}
|
||
}
|
||
}
|
||
|
||
/* ---------- Miscellaneous ---------- */
|
||
|
||
.lfr-panel-container {
|
||
background-color: transparent;
|
||
}
|
||
|
||
.lfr-portlet-title-editable-content .field {
|
||
display: inline;
|
||
float: none;
|
||
}
|
||
|
||
.portlet-journal-content .lfr-icon-actions {
|
||
margin-bottom: 3px;
|
||
}
|
||
|
||
/* ---------- Extras ---------- */
|
||
|
||
#navigation {
|
||
.nav {
|
||
li {
|
||
&.open {
|
||
> a {
|
||
@include box-shadow(none);
|
||
}
|
||
}
|
||
}
|
||
|
||
.dropdown-menu {
|
||
@include border-radius(0);
|
||
}
|
||
|
||
> .active > a {
|
||
background-color: $dockbarGradientStart;
|
||
|
||
@include background-image(linear-gradient($dockbarGradientStart 0%, $dockbarGradientStart 47%, $dockbarGradientEnd 100%));
|
||
@include box-shadow(none);
|
||
@include filter-gradient($dockbarGradientStart, $dockbarGradientEnd, vertical);
|
||
}
|
||
}
|
||
|
||
.navbar-inner {
|
||
@include border-radius(0);
|
||
@include box-shadow(none);
|
||
|
||
li a {
|
||
@include text-shadow(none);
|
||
}
|
||
}
|
||
}
|
||
|
||
.update-reminder-query .reminder-query-answer {
|
||
@include box-sizing(border-box);
|
||
}
|
||
|
||
.modify-pages .delete-tab {
|
||
@include border-radius(50%);
|
||
@include text-shadow(none);
|
||
@include transition(opacity 0.3s ease);
|
||
|
||
&:hover {
|
||
@include box-shadow(0 1px 1px -1px #000);
|
||
}
|
||
}
|
||
|
||
%portlet-action-bar-custom {
|
||
@include border-radius(20px);
|
||
@include box-shadow(inset 0 1px 3px #000);
|
||
}
|
||
|
||
.portlet-borderless-bar {
|
||
@extend %portlet-action-bar-custom;
|
||
|
||
.portlet-actions {
|
||
@include box-shadow(inset 2px 1px 2px #000);
|
||
}
|
||
|
||
.portlet-title-default {
|
||
@include box-shadow(inset -2px 1px 2px #000);
|
||
}
|
||
}
|
||
|
||
.portlet-content, .portlet-minimized .portlet-content-container {
|
||
@include border-radius(0 0 3px 3px);
|
||
}
|
||
|
||
.portlet-content {
|
||
.lfr-icon-actions {
|
||
@extend %portlet-action-bar-custom;
|
||
}
|
||
}
|
||
|
||
.portlet-minimized {
|
||
.portlet-content {
|
||
border-width: 0;
|
||
}
|
||
|
||
.portlet-topper {
|
||
@include border-radius(3px);
|
||
}
|
||
}
|
||
|
||
.portlet-nested-portlets .portlet-body {
|
||
.portlet, .portlet-borderless-container {
|
||
@include box-shadow(none);
|
||
}
|
||
}
|
||
|
||
.portlet-topper {
|
||
@include border-radius(3px 3px 0 0);
|
||
}
|
||
|
||
.dockbar .staging-bar .staging-toggle > a {
|
||
@include border-radius(3px);
|
||
}
|
||
|
||
.dockbar-split .dockbar {
|
||
.navbar-inner {
|
||
@include box-shadow(none);
|
||
@include text-shadow(none);
|
||
|
||
@include respond-to(phone, tablet) {
|
||
background-color: $dockbarGradientStart;
|
||
|
||
@include background-image(linear-gradient($dockbarGradientStart, $dockbarGradientEnd));
|
||
}
|
||
|
||
.nav {
|
||
li.dropdown.open {
|
||
> .dropdown-toggle {
|
||
background-color: $dockbarOpenGradientStart;
|
||
|
||
@include background-image(linear-gradient($dockbarOpenGradientStart, $dockbarOpenGradientEnd));
|
||
@include box-shadow(none);
|
||
}
|
||
}
|
||
|
||
li.dropdown.active {
|
||
> .staging-link.dropdown-toggle {
|
||
background-color: #55B8EC;
|
||
background-image: none;
|
||
}
|
||
}
|
||
}
|
||
}
|
||
}
|
||
|
||
.lfr-hudcrumbs {
|
||
ul {
|
||
@include border-top-left-radius(0);
|
||
@include border-top-right-radius(0);
|
||
}
|
||
|
||
.breadcrumb li {
|
||
a, span {
|
||
@include text-shadow(-1px -1px #000);
|
||
}
|
||
}
|
||
}
|
||
|
||
/* ---------- IE8 ---------- */
|
||
|
||
&.ie8 {
|
||
.dockbar-split .dockbar .navbar-inner .info-button a {
|
||
margin-top: -2px;
|
||
}
|
||
}
|
||
/* Feedback */
|
||
|
||
.feedback-container {
|
||
text-align: center;
|
||
font-family: Helvetica, Arial, sans-serif;
|
||
font-size: 13px;
|
||
line-height: 15px;
|
||
top: 30%;
|
||
right: -54px;
|
||
width: 120px;
|
||
background-color: #E3E3E3;
|
||
border: 1px solid #ACACAC;
|
||
border-width: 0 1px 1px 1px;
|
||
position: absolute;
|
||
padding: 5px;
|
||
overflow: hidden;
|
||
z-index: 100;
|
||
-webkit-box-shadow: 0 4px 8px #AAA;
|
||
-moz-box-shadow: 0 4px 8px #AAA;
|
||
box-shadow: 0 4px 8px #AAA;
|
||
-webkit-border-radius: 3px;
|
||
-moz-border-radius : 3px;
|
||
border-radius : 3px;
|
||
/* rotate 90 degree css3*/
|
||
-webkit-transform: rotate(-90deg);
|
||
-moz-transform: rotate(-90deg);
|
||
-o-transform: rotate(-90deg);
|
||
-ms-transform: rotate(-90deg);
|
||
|
||
transform: rotate(-90deg);
|
||
border-width: 1px 1px 0;
|
||
-moz-border-radius: 4px;
|
||
border-radius: 4px;
|
||
|
||
@include respond-to(phone, tablet) {
|
||
display: none;
|
||
}
|
||
}
|
||
|
||
.feedback-container a, .feedback-container a:active, .feedback-container a:focus, .feedback-container a:visited {
|
||
text-decoration: none;
|
||
color: #222;
|
||
}
|
||
|
||
.feedback-container a:hover {
|
||
color: #0271BE;
|
||
}
|
||
}
|
||
|
||
|