1
0
Fork 0
arangodb/html/admin/css/layout.css

743 lines
14 KiB
CSS

.DataTables_sort_wrapper {
text-align: center !important;
}
.alignRight {
text-align: right;
}
.writeable {
width: 100%;
word-wrap: break-word;
}
#delete {
padding-right: 15px;
}
#deleteDoc {
margin-right: 15px;
}
button {
padding: 0;
}
#logTableID_status, #warnLogTableID_status, #critLogTableID_status, #infoLogTableID_status, #debugLogTableID_status {
vertical-align: -13px;
padding-left: 5px;
}
html.busy, html.busy * {
cursor: wait !important;
}
#centerView .ui-state-default {
background-color: #e6e6e6;
}
#logView .ui-tabs-nav .ui-state-default {
background-color: white !important;
}
.hoverClass:hover {
background-color: #696969 !important;
border-bottom: 1px solid #696969;
color: white !important;
}
.hoverClass:hover a {
}
#logView .ui-tabs-nav .ui-state-active {
//background-color: #E4E9D2 !important;
background-color: #E6E6E6 !important;
border-bottom: solid 2px #E6E6E6 !important;
}
#logView .fg-toolbar{display: none;}
#documentsView .fg-toolbar{display: none;}
#documentsView button, #documentEditView button, #newDocumentTableView button {
padding-left:11px;
}
#documentsView td button, #documentEditView td button, #newDocumentTableView td button {
padding: 0;
}
.highlighted {
color: #9EAF5A !important;
text-decoration:none !important;
}
.nonhighlighted {
color: #797979 !important;
text-decoration:none !important;
}
.arrowbg {
padding-right: 2.2em;
background: url("../media/icons/arrow.png") no-repeat scroll 100% 50% transparent;
}
.snippet-no-num {
font-size: 1em;
font-weight: normal;
font-;
font-family: Verdana, Arial, sans-serif;
}
html {
font-family: verdana,arial,helvetica,geneva,sans-serif;
font-size: 1em;
}
tr {
font-size: 0.8em;
}
th {
font-size: 1.2em;
height:30px;
-webkit-box-shadow: inset 0 0 1px 1px #f6f6f6;
-moz-box-shadow: inset 0 0 1px 1px #f6f6f6;
box-shadow: inset 0 0 1px 1px #f6f6f6;
text-shadow: 0 1px 0 #fff;
}
td {
height:30px;
}
pre ul li span{
font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
font-size: 1em;
}
#documentsToolbar a {
font-size: 0.8em !important;
}
#logToolbar button {
float:right;
margin-bottom: 10px;
padding-right: 5px;
}
#documentsToolbar button {
padding:0;
}
#docPageInput {
width:40px;
height: 24px;
vertical-align: middle;
}
#addDocumentButton, #saveEditedDocButton, #addEditedDocRowButton, #toggleEditedDocButton, #saveNewDocButton, #addNewDocButton, #toggleNewDocButton {
font-size: 0.8em;
}
#docPageForm {
display:inline;
vertical-align:3px;
font-size: 0.8em;
}
.floatRight {
vertical-align: middle;
float:right;
}
.floatLeft {
float:left;
}
#logToolbar a {
font-size: 0.85em;
}
.toolbar_primary {
background-color: #e4e9d2;
}
.toolbar_secondary {
background-color: white;
}
.toolbar_left {
float:left;
width:30%;
}
.toolbar_right {
float:right;
width:70%;
}
#logToolbar, #documentsToolbar, .customToolbar{
height:24px;
border: 1px solid #AAAAAA;
padding-left: 3px;
padding-top: 4px;
border-top-left-radius: 2px;
border-top-right-radius: 2px;
border-bottom-left-radius: 2px;
border-bottom-right-radius: 2px;
background: url("images/ui-bg_flat_75_e6e6e6_40x100.png") repeat-x scroll 50% 50% #E6E6E6;
-webkit-box-shadow: inset 0 0 1px 1px #f6f6f6;
-moz-box-shadow: inset 0 0 1px 1px #f6f6f6;
box-shadow: inset 0 0 1px 1px #f6f6f6;
}
.dataTables_info{
font-size: 1.1em;
}
.DataTables_sort_wrapper {
font-size: 0.8em;
}
.ui-button-text {
line-height: 0.8em;
font-size: 0.8em;
}
.ui-widget-content {
font-size:0.8em;
}
.ui-widget-header {
font-size: 1em;
}
#header {
height:78px;
}
#menue {
height:55px;
vertical-align: middle;
text-align: center;
background-color: white;
}
#brotkruemelnavi {
font-size: 1em;
height:30px;
line-height: 30px;
vertical-align: middle;
background-color: #F3F1EE;
color: #9EAF5A;
font-weight: bold;
text-decoration: none;
border-top: 1px solid #7E9246;
border-bottom: 1px solid #7E9246;
padding-left: 7px;
-webkit-box-shadow: inset 0 0 1px 1px #f6f6f6;
-moz-box-shadow: inset 0 0 1px 1px #f6f6f6;
box-shadow: inset 0 0 1px 1px #f6f6f6;
}
#createCollection, #refreshCollections, #addDocumentButton, #saveEditedDocButton, #saveNewDocButton, #addEditedDocRowButton, #toggleEditedDocButton, #addNewDocButton, #toggleNewDocButton {
font-size: 0.8em !important;
}
#createCollectionView {
height:auto;
}
#createCollectionView td, #editCollectionView td {
width:200px;
background-color: #e4e9d2;
}
.first {
width: 200px !important;
}
.longTD {
width: 100% !important;
}
#newCollection_left, #editCollection_left {
border-top: 1px solid #7E9246;
background-color: #E4E9D2;
border-left: 1px solid #7E9246;
border-bottom: 1px solid #7E9246;
padding-top: 5px;
float:left;
text-align:left;
height:60px;
width:150px;
padding-left: 8px;
}
#newCollection_right, #editCollection_right {
border-top: 1px solid #7E9246;
background-color: #E4E9D2;
border-right: 1px solid #7E9246;
border-bottom: 1px solid #7E9246;
padding-top: 5px;
float:left;
text-align:left;
height:60px;
width:190px;
}
#editCollectionName {
height:20px;
resize: none;
}
#newCollection_right form {
padding-top: 10px;
margin-left: -7px;
}
#waitForSyncForm, #isSystemForm {
padding-left: 5px;
}
#brotkruemelnavi a {
margin-left:10px;
}
.ui-tabs-nav {
font-size: 0.7em !important;
height: 30px;
-webkit-box-shadow: inset 0 0 1px 1px #f6f6f6 !important;
-moz-box-shadow: inset 0 0 1px 1px #f6f6f6 !important;
box-shadow: inset 0 0 1px 1px #f6f6f6 !important;
//border-bottom: 0px !important;
}
.ui-tabs, .ui-tabs-panel {
padding: 0px !important;
}
#tabs {
background: #F3F1EE;
border: 0;
}
#tabs th{
border-top: none;
-webkit-box-shadow: none !important;
-moz-box-shadow: none !important;
box-shadow: none !important;
}
form {
margin: 0;
}
#tab_right {
margin-top: -18px;
}
#refreshLogButton {
margin-top: 6px;
}
#logSearchField {
font-size: 0.8em;
height:20px;
}
#submitQuery {
height:30px !important;
width: 100px !important;
float:right;
}
#queryOutput {
height:40%;
overflow-y: auto;
border: 1px solid black;
background: white;
font-family: "courier";
}
#queryContent {
height: 40%;
font-family: "courier";
width: 100%;
resize: none;
}
#avocshWindow {
font-size: 0.8em;
border:#999 1px solid;
box-shadow: 0 0 5px rgba(81, 203, 238, 0);
-webkit-box-shadow: 0 0 5px rgba(81, 203, 238, 0);
-moz-box-shadow: 0 0 5px rgba(81, 203, 238, 0);
-moz-border-radius: 2px; -webkit-border-radius: 2px;
margin-top: 0px;
background-color: white;
height: 70%;
word-wrap: break-word;
overflow-y: auto;
width:100%;
}
#welcomemsg {
padding-left: 10px;
padding-top: 10px;
font-family: "courier";
}
#avocshWindow p {
margin-top: 10px;
padding-left: 30px;
padding-right: 30px;
}
#avocshWindow b {
padding-left: 10px;
padding-right: 10px;
}
#avocshContent {
font-family: "courier";
width: 90%;
height: 30px;
background-color: white;
margin-right: 0.5%;
}
.avocshSuccess {
font-family: "courier";
background-color: #e4e9d2;
//color: #335127;
color: black;
}
.avocshError {
font-family: "courier";
background-color: #FFD8D8;
color: black;
}
.avocshClient {
font-family: "courier";
}
#submitAvoc {
height: 29px !important;
width: 9.5% !important;
vertical-align: -1px;
}
#centerView {
//background: #f1eee0 url(../media/images/bg.jpg);
background-color: white;
overflow-y: auto;
}
.dataTables_wrapper .ui-corner-tl {
display: none;
}
#subCenterView, #collectionsView {
border: 7px solid #F3F1EE;
background-color: #F3F1EE;
margin-top: 10px;
margin-left: 10px;
margin-right: 10px;
margin-bottom: 40px;
}
.editBox {
width:100%;
color:#666;
font-size:14px;
-moz-border-radius: 2px; -webkit-border-radius: 2px;
margin:5px 0px 10px 0px;
height:75px;
border:#999 1px solid;
font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
transition: all 0.25s ease-in-out;
-webkit-transition: all 0.25s ease-in-out;
-moz-transition: all 0.25s ease-in-out;
box-shadow: 0 0 5px rgba(81, 203, 238, 0);
-webkit-box-shadow: 0 0 5px rgba(81, 203, 238, 0);
-moz-box-shadow: 0 0 5px rgba(81, 203, 238, 0);
height: 300px;
}
.editBox:focus {
color:#000;
outline:none;
border:#88CF4F 1px solid;
font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
box-shadow: 0 0 5px rgba(136, 207, 79, 1);
-webkit-box-shadow: 0 0 5px rgba(136, 207, 79, 1);
-moz-box-shadow: 0 0 5px rgba(136, 207, 79, 1);
}
#menue-left {
margin-top: 5px;
margin-left: 17px;
height:48px;
width:auto;
float:left;
text-align:left;
}
#menue-right {
padding-top:11px;
padding-right:14px;
height:40px;
width:auto;
float:right;
text-align:right;
}
#footerSlideContainer {
position: fixed;
bottom:-1;
width: 100%;
}
#footerSlideButton {
background: url(../media/images/sliderButton.png) top left no-repeat transparent;
position: absolute;
top: -25px;
right: 10px;
width:50px;
height:50px;
border: none;
cursor: pointer;
}
#footerSlideContent {
width: 100%;
border-top: 1px solid #7E9246;
height: 25px;
background: #F3F1EE;
color: #525252;
font-size: 0.9em;
font-family: DejaVuSansBook, Sans-Serif;
}
#footerSlideText {
padding: 1px 1px 1px 10px;
}
#footerLeft {
line-height: 20px;
height:100%;
float:left;
width:33%;
}
#footerCenter {
height:100%;
line-height: 20px;
float:left;
width:33%;
text-align:center;
}
#footerCenterContent {
margin-left: auto;
margin-right: auto;
}
#footerCenterContent img {
vertical-align:middle;
}
#footerCenterContent a {
color: #525252 !important;
}
#footerRight {
line-height: 20px;
height:100%;
float:left;
width:34%;
}
.login-form,
.login-form h1,
.login-form span,
.login-form input,
.login-form label {
margin: 0;
padding: 0;
border: 0;
outline: 0;
}
.login-form {
overflow:hidden;
position: relative;
width: 250px;
height: 65px;
padding: 15px 25px 0 25px;
margin-top:5px;
cursor: default;
background-color: #E4E9D2;
border: 1px solid #7E9246;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
}
#logoutButton {
margin-left:10px;
}
.login-form input[type=text], .login-form input[type=password], #editCollectionName {
line-height: 10px;
margin: 0px 0;
padding: 2px 4px;
border: 1px solid #7E9246;
font-size: 12px;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
}
.login-form input[type=text], .login-form input[type=password], .js .login-form span, #editCollectionName{
color: #686868;
width: 170px;
border: 1px solid #7E9246;
}
#logTableID_info {
}
.ui-dialog {
height:100px;
font-size: 0.8em;
}
.fg-toolbar {
font-size: 0.7em;
border: 1px solid #D3D3D3 !important;
-webkit-box-shadow: inset 0 0 1px 1px #f6f6f6;
-moz-box-shadow: inset 0 0 1px 1px #f6f6f6;
box-shadow: inset 0 0 1px 1px #f6f6f6;
}
/*
##############################################################################
### Menue buttons
##############################################################################
*/
#menue button.minimal{
background: #e3e3e3;
padding: 9px 0 8px;
border: 1px solid #bbb;
-webkit-box-shadow: inset 0 0 1px 1px #f6f6f6;
-moz-box-shadow: inset 0 0 1px 1px #f6f6f6;
box-shadow: inset 0 0 1px 1px #f6f6f6;
color: #333;
font: 0.7em Verdana,Arial,sans-serif;
line-height: 1;
text-align: center;
text-shadow: 0 1px 0 #fff;
width: 80px;
}
#menue button.minimal:hover {
background: #d9d9d9;
-webkit-box-shadow: inset 0 0 1px 1px #eaeaea;
-moz-box-shadow: inset 0 0 1px 1px #eaeaea;
box-shadow: inset 0 0 1px 1px #eaeaea;
color: #222;
cursor: pointer; }
#menue button.minimal:active {
background: #d0d0d0;
-webkit-box-shadow: inset 0 0 1px 1px #e3e3e3;
-moz-box-shadow: inset 0 0 1px 1px #e3e3e3;
box-shadow: inset 0 0 1px 1px #e3e3e3;
color: #000; }
/*
##############################################################################
### CollectionView subView Buttons
##############################################################################
*/
#collectionsView button.toolbar {
border: medium none;
background-color: transparent;
font: 12px "helvetica neue", helvetica, arial, sans-serif;
width: auto;
padding-left:11px;
}
#collectionsView button a {
vertical-align:3px;
text-align:center;
padding-left: 4px;
overflow: visible;
}
#collectionsTableID_wrapper button {
background-color:transparent;
border: medium none;
}
#subCenterView button a {
vertical-align:4px;
text-align:center;
padding-left: 4px;
}
#subCenterView button {
background-color:transparent;
border: medium none;
}
#queryForm {
margin-top: -3px;
}
#queryView {
}
#avocshView {
padding-top: 2px;
padding-right: 2px;
}
/*
##############################################################################
### small buttons
##############################################################################
*/
#avocshView button, #queryView button, #tab_right button, #footerSlideContent button, form.jediTextarea > button {
background: #e3e3e3;
border: 1px solid #bbb;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
-webkit-box-shadow: inset 0 0 1px 1px #f6f6f6;
-moz-box-shadow: inset 0 0 1px 1px #f6f6f6;
box-shadow: inset 0 0 1px 1px #f6f6f6;
color: #333;
font: 12px "helvetica neue", helvetica, arial, sans-serif;
text-align: center;
text-shadow: 0 1px 0 #fff;
width: auto;
height: 20px;
text-align: center;
}
#avocshView button:hover, #queryView button:hover, #tab_right button:hover, #footerSlideContent button:hover, form.jediTextarea > button:hover {
background: #d9d9d9;
-webkit-box-shadow: inset 0 0 1px 1px #eaeaea;
-moz-box-shadow: inset 0 0 1px 1px #eaeaea;
box-shadow: inset 0 0 1px 1px #eaeaea;
color: #222;
cursor: pointer;
}
#uploadFile {
float:right;
}
#configContent td {
width: 200px;
padding-top:3px;
}
#iInfo {
font-size: 0.8em;
}