Commit b387e4fb authored by Michael Wagner's avatar Michael Wagner
Browse files

initial base commit: theme is eln-lims

parent 54d9b65d
/*
* Copyright 2014 ETH Zuerich, Scientific IT Services
*
* Licensed under the Apache License, Version 2.0 (the "License");
* you may not use this file except in compliance with the License.
* You may obtain a copy of the License at
*
* http://www.apache.org/licenses/LICENSE-2.0
*
* Unless required by applicable law or agreed to in writing, software
* distributed under the License is distributed on an "AS IS" BASIS,
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
* See the License for the specific language governing permissions and
* limitations under the License.
*/
/*
* Placeholder Patch
* https://github.com/select2/select2/issues/291
*/
/*
* General Overrides
*/
.select2-container .select2-selection__rendered > *:first-child.select2-search--inline {
width: 100% !important;
}
.select2-container .select2-selection__rendered > *:first-child.select2-search--inline .select2-search__field {
width: 100% !important;
}
.form-group {
margin-bottom: 5px;
}
a:hover {
text-decoration: none;
cursor: pointer;
}
.container {
width: 100%;
}
body {
overflow:hidden;
/*ckeditor 5 z-index*/
--ck-z-default: 100;
--ck-z-modal: 200;
}
h1, h2, legend {
font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
font-weight: 400;
color : black;
}
.control-label {
word-wrap: break-word;
margin-bottom: 0px;
margin-top: 5px;
}
.checkbox {
margin-top: 0px;
margin-bottom: 0px;
}
.form-control-static {
padding-top: 0px;
padding-bottom: 0px;
min-height: 0px;
}
#preview-image {
margin-top: 10px;
}
.btn-showhide {
background : none;
opacity: 0.5;
}
.btn-showhide:hover, .btn-showhide:focus, .btn-showhide:active {
background : none;
opacity: 1;
}
/*
* Scroll management
*/
html,
body,
#main,
.container,
.row,
#sideMenu,
#sideMenu > div,
#sideMenu > div > #sideMenuBody,
#sideMenu > div > #sideMenuBody > #tree,
#mainContainer {
height: 100%;, max-height: 100%;
}
#sideMenu > div > #sideMenuBody > #tree > ul.fancytree-container {
height: 100%;
max-height: 100%;
position: relative;
overflow-y: scroll;
overflow-x: hidden;
}
/*
.btn {
min-width: 45px !important;
min-height: 37px !important;
padding: 8px 12px 6px 14px !important;
}
*/
/*
* Inline Form
*/
.form-inline > .form-group {
margin-right: 10px;
}
.form-inline > .form-group > label {
margin-right: 5px;
}
.form-inline > div > .form-group {
margin-right: 10px;
}
.form-inline > div > .form-group > label {
margin-right: 5px;
}
/*
* Login Screen
*/
.bodyLogin {
background: url(../img/loginBackground.jpg) no-repeat center center fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
font-family: "Helvetica Neue",sans-serif;
}
.loginForm {
width: 450px;
height: 450px;
padding: 30px;
display: block;
position: absolute;
top: 50%;
margin-top: -280px;/* half of #content height + padding*/
left: 50%;
margin-left: -210px;/* half of #content height + padding*/
background-color: white;
border-radius: 60px 60px 60px 60px;
font-family: "Helvetica Neue",sans-serif;
font-weight: 300;
font-size: 15px;
-webkit-box-shadow: 0px 0px 100px rgba(50, 50, 50, 0.8);
-moz-box-shadow: 0px 0px 100px rgba(50, 50, 50, 0.8);
box-shadow: 0px 0px 100px rgba(50, 50, 50, 0.8);
}
.loginForm form {
position: relative;
margin: 20px 0px 30px 0px;
}
.loginLogo {
width: 200px;
margin-left: auto;
margin-right: auto;
display: block;
opacity:0.8;
}
.loginForm h1 {
font-family: "Helvetica Neue", sans-serif;
font-weight: 300;
text-align: center;
}
.loginInputBox {
border-bottom: 1px solid #dddddd;
}
.loginForm input {
font-family: "Helvetica Neue",sans-serif;
border: medium none;
font-size: 19px;
padding: 10px 0px 10px 10px;
font-weight: 300;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
width: 100%;
}
.loginForm input:focus,
.loginForm input:focus:invalid:focus {
outline: none;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
}
.loginForm .btn {
font-family: "Helvetica Neue",sans-serif;
left: 345px;
position: absolute;
top: 55px;
}
/*
* Navigation bar
*/
.navbar-inner {
margin-top: 0px !important;
-webkit-box-shadow: 6px 6px 8px rgba(50, 50, 50, 0.61);
-moz-box-shadow: 6px 6px 8px rgba(50, 50, 50, 0.61);
box-shadow: 6px 6px 8px rgba(50, 50, 50, 0.61);
}
/*
* Navigation bar - Search
*/
.navbar.navbar-default,
.nav.navbar-nav,
.nav.navbar-nav > ul {
width: 100%;
}
.navbar-form {
padding-left: 5px;
}
.search-query {
padding-left: 30px;
background-image: url(../img/search-icon.png);
background-repeat: no-repeat;
background-position: 12px 50% !important;
border-radius: 15px 15px 15px 15px;
width: 80%;
}
.search-query-searching {
background-image: url(../img/search-spinner.gif) !important;
background-position: 12px 50% !important;
background-repeat: no-repeat;
}
.ui-fancytree,
.fancytree-expanded span.fancytree-expander {
color: #777;
background-color: transparent !important;
border: none !important;
}
/*
* Sample Table
*/
.tableContainerBorder {
margin-top:5px;
margin-bottom:10px;
}
/* inspector */
.inspectorClicked,
.inspectorClicked:hover,
.inspectorClicked:focus {
background-color: #0090E3;
background-image: none;
}
/* tool box */
.toolBox {
margin-bottom : 10px;
}
.toolBox span {
display: inline-block;
}
.toolBox a {
margin-right: 4px;
}
/* filter and pagination */
.paginationTop span {
float: left;
}
.tableFilterContainer {
text-align:left;
}
.tableFilterContainer .search-query {
margin-bottom: 0px;
padding-left: 30px !important;
background-image: url(../img/filter-icon.png);
background-repeat: no-repeat;
background-position: 13px 10px;
width: 80%;
margin-right: auto;
margin-left: auto;
border-radius: 15px 15px 15px 15px;
}
.paginationItem {
margin-right: 4px;
}
.paginationTop,
.paginationBottom {
white-space: nowrap;
margin: 10px;
}
/* Sorting */
.interactive th:hover {
cursor: pointer;
background-color: #F5F5F5;
}
.current-sort {
margin-right: 20px;
background-color: lightblue;
background-size:14px 14px;
background-repeat:no-repeat;
background-position: right center;
border-right: 5px solid lightblue;
}
.interactive th.current-sort:hover {
background-color: lightblue;
}
.current-sort[sort-order = DS] {
background-image: url("../img/chevron-down-icon.png");
}
.current-sort[sort-order = AS] {
background-image: url("../img/chevron-up-icon.png");
}
/*
* Sample Table - Inspector Previews
*/
#sideMenu > div > .tooltip.in {
opacity: 1;
filter: alpha(opacity=100);
}
#sideMenu > div > .tooltip.bottom.in > .tooltip-inner {
max-width:600px;
background-color: transparent;
}
#sideMenu > div > .tooltip.bottom .tooltip-arrow {
border-bottom-color: transparent;
}
#sideMenuBody > div > ul {
/* overflow: hidden; To Fix the non overflowing tree */
border : none;
}
/*
* Inspector
*/
.inspectorsContainer {
width:100%;
margin-top: 20px;
margin-left: 20px;
}
.inspectorsContainer div {
float:left;
}
.inspectorLabel {
white-space: nowrap;
}
.inspectorLineBreak {
word-wrap: break-word;
overflow: hidden;
overflow-x: auto;
width:300px;
}
div.inspectorWhiteFont {
color: white !important;
}
div.inspector {
width: 500px;
text-decoration: none;
color: #000;
display: block;
overflow: hidden;
padding: 20px;
border-radius: 10px;
}
div.inspector > .table th,
div.inspector > .table td {
border-top: none;
line-height: 12px;
}
.inspectorExtra {
margin-left: 0px !important;
}
.inspectorExtra svg {
margin-left: auto;
margin-right: auto;
}
.property {
font-size: 12px;
font-weight: normal;
}
.properties {
padding-top:10px;
width: 100%;
}
.properties td:nth-child(odd) {
/* background-color:#DDDDDD; */
width:25%;
}
.properties td:nth-child(even) {
/* background-color:#fbfbfb; */
width:75%;
}
.inspectorToolbar {
opacity: 0.5;
}
.inspectorToolbar:hover {
opacity: 0.8;
}
.downloads {
color: black;
background-color:#DDDDDD;;
}
table.downloads {
font-family: "Trebuchet MS", sans-serif;
font-size: 14px;
table-layout: fixed;
border-collapse: collapse;
margin: 0px;
padding: 0px;
}
/*
* Inspector - Glow Effect
*/
.glow {
animation:glow 1200ms linear 200ms 2 alternate;
-moz-animation:glow 1200ms linear 200ms 2 alternate;
-webkit-animation:glow 1200ms linear 200ms 2 alternate;
}
@-moz-keyframes glow { /* Firefox */
0% {
box-shadow:0 0 1px 1px rgba(255,255,255,0.9);
}
20%, 100% {
box-shadow:0 0 1px 1px rgba(255,255,255,0.9), 0 0 3px 8px #006DCC, 0 0 2px 12px #FFF;
}
}
@-webkit-keyframes glow { /* Safari and Chrome */
0% {
box-shadow:0 0 1px 1px #FFF;
}
20%, 100% {
box-shadow:0 0 1px 1px #FFF, 0 0 3px 8px #006DCC, 0 0 2px 12px #FFF;
}
}
/*
* Sample Hierarchy
*/
svg {
overflow: hidden;
}
.node rect {
/*
stroke: #333;
stroke-width: 1.5px;
*/
opacity: 0;
fill: #fff;
}
.edgeLabel rect {
fill: #fff;
}
.edgePath {
stroke: #333;
stroke-width: 1.5px;
fill: none;
}
.svgButton:hover {
fill: #005580;
stroke: #005580;
}
/*
* Plate & Storage Widget
*/
.gridTable {
border : none !important;
}
.gridTable th {
border : none !important;
}
.gridTable td:hover {
background-color: #E7E7E7;
cursor : pointer;
}
.gridTable td {
border-style:solid;
border-width:1px;
border-color: #CCCCCC;
}
/*
* Plate Widget
*/
.gridTable td .well {
background-color: #E7E7E7;
}
.gridTable td .well:hover {
background-color: #C7C7C7;
cursor : pointer;
}
.featureToolbarOption {
max-width: 150px;
display: inline;
}
.featureToolbarOptionSmall {
max-width: 100px;
display: inline;
}
.featureDropdown {
margin: 5px;
}
/*
* Storage Widget
*/
.storageSelectedRack {
background-color: #CCCCCC;
}
.storageBox {
float : left;
background-color : #CCCCCC;
margin : 4px;
padding : 2px 4px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
.storageSelectedRack .storageBox {
background-color : #FFFFFF;
}
.rackSelected {
background-color : #DDDDDD;
}
.storageSelectedCorner {
background-color : #EEEEEE;
}
.hiddenInput { /* used by storage widget */
display: none !important;
}
/*
* Dilution Widget
*/
.table-condensed-dilution th, .table-condensed-dilution td {
padding: 0 3px;
}
/*
* Zoomable Images
*/
.zoomableImage:hover {
cursor: pointer;
animation:glow 1200ms linear 200ms 2 alternate;
-moz-animation:glow 1200ms linear 200ms 2 alternate;
-webkit-animation:glow 1200ms linear 200ms 2 alternate;
}
/*
* Compact in-table controls
*/
.table-compact .control-group {
margin-bottom: 0;