2e5abd5858
git-svn-id: http://svn.us.apache.org/repos/asf/tuscany@1517415 13f79535-47bb-0310-9956-ffa450edef68
628 lines
21 KiB
CSS
628 lines
21 KiB
CSS
/*
|
|
* Licensed to the Apache Software Foundation (ASF) under one
|
|
* or more contributor license agreements. See the NOTICE file
|
|
* distributed with this work for additional information
|
|
* regarding copyright ownership. The ASF licenses this file
|
|
* to you 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.
|
|
*/
|
|
|
|
/**
|
|
* Main body.
|
|
*/
|
|
body, .body {
|
|
margin-top: 0px; margin-bottom: 2px; margin-left: 0px; margin-right: 0px;
|
|
font-family: "Helvetica Neue", Helvetica, Arial; font-style: normal; font-variant: normal; font-size: 14px;
|
|
cursor: default;
|
|
-webkit-font-smoothing: subpixel-antialiased;
|
|
-webkit-text-size-adjust: none; -moz-text-size-adjust: none;
|
|
-webkit-touch-callout: none;
|
|
-webkit-tap-highlight-color: rgba(0,0,0,0);
|
|
-webkit-user-select: none; -moz-user-select: none; -ms-user-select: none;
|
|
}
|
|
|
|
.delayed {
|
|
display: none;
|
|
}
|
|
|
|
.installer {
|
|
position: absolute; width: 0px; height: 0px; display: none; visibility: hidden;
|
|
}
|
|
|
|
.filler {
|
|
position: absolute; left: 0px; top: 0px; width: 1px; z-index: -20;
|
|
}
|
|
|
|
/**
|
|
* Views.
|
|
*/
|
|
.viewcontainer3dm {
|
|
position: absolute; left: 0px; top: 0px; right: 0px;
|
|
}
|
|
|
|
.viewcontainer3d {
|
|
position: absolute; left: 0px; top: 0px; right: 0px;
|
|
}
|
|
|
|
.viewcontent {
|
|
position: absolute; left: 0px; top: 0px; width: 100%; padding-top: 35px; overflow: hidden;
|
|
}
|
|
|
|
.viewform {
|
|
position: absolute; left: 0px; top: 0px; width: 100%; padding-top: 35px; overflow: hidden;
|
|
}
|
|
|
|
.viewfoot {
|
|
position: fixed; left: 0px; bottom: 0px; height: 0px; width: 100%; z-index: 8;
|
|
font-size: 12px; background-color: #ffffff; color: #404040;
|
|
border-top: 0px; border-bottom: 0px; border-left: 0px; border-right: 0px;
|
|
-webkit-backface-visibility: hidden; -moz-backface-visibility: hidden;
|
|
}
|
|
|
|
.centeredform {
|
|
max-width: 800px; margin: auto; padding-left: 2px; padding-right: 2px;
|
|
}
|
|
|
|
.centeredpage {
|
|
max-width: 800px; margin: auto; padding-left: 2px; padding-right: 2px;
|
|
}
|
|
|
|
.grid100 {
|
|
position: absolute; left: 0px; top: 0px; right: 0px; height: 460px;
|
|
z-index: 3; overflow: hidden;
|
|
-webkit-backface-visibility: hidden; -mozz-backface-visibility: hidden;
|
|
}
|
|
|
|
.grid320 {
|
|
position: absolute; left: 0px; top: 0px; width: 320px; height: 460px;
|
|
z-index: 4; overflow: hidden;
|
|
-webkit-backface-visibility: hidden; -mozz-backface-visibility: hidden;
|
|
}
|
|
|
|
.gridfluid {
|
|
position: absolute; left: 0px; top: 0px; height: 460px;
|
|
z-index: 4; overflow: visible;
|
|
-webkit-backface-visibility: hidden; -mozz-backface-visibility: hidden;
|
|
}
|
|
|
|
/**
|
|
* Menu toolbar.
|
|
*/
|
|
.tbarmenu {
|
|
position: fixed; top: 0px; left: 0px; z-index: 10; width: 100%; margin: 0px; padding: 0px; border-collapse: separate;
|
|
height: 35px; line-height: 35px; background-color: #f5f5f5; font-size: 18px; overflow: hidden;
|
|
border-top: 0px; border-bottom: 0px; border-left: 0px; border-right: 0px; border-style: solid; border-top-color: #f5f5f5; border-bottom-color: #f5f5f5;
|
|
-webkit-backface-visibility: hidden; -moz-backface-visibility: hidden;
|
|
opacity: 0.95;
|
|
}
|
|
|
|
.tbartitle {
|
|
position: absolute; top: 0px; left: 0px; width: 100%; text-align: center; z-index: 11;
|
|
}
|
|
|
|
.tbaritems {
|
|
position: absolute; top: 0px; left: 0px; width: 100%; z-index: 12;
|
|
}
|
|
|
|
.tbarleft {
|
|
padding-left: 6px; padding-right: 6px; float: left; display: inline-block;
|
|
}
|
|
|
|
.tbarcenter {
|
|
padding-left: 6px; padding-right: 6px; font-size: 24px!important;
|
|
display: inline-block; max-width: 160px; overflow: hidden; text-overflow: ellipsis;
|
|
}
|
|
|
|
.tbarright {
|
|
padding-left: 6px; padding-right: 6px; float: right; display: inline-block;
|
|
}
|
|
|
|
.tbaramenu {
|
|
color: #357ae8; text-decoration: none;
|
|
}
|
|
|
|
.tbarsmenu {
|
|
font-weight: bold; color: #357ae8; text-decoration: none;
|
|
}
|
|
|
|
.tbarbluemenu {
|
|
color: #357ae8; text-decoration: none;
|
|
}
|
|
|
|
.tbarredmenu {
|
|
color: #d14836; text-decoration: none;
|
|
}
|
|
|
|
.tbargreenmenu {
|
|
color: #3d9400; text-decoration: none;
|
|
}
|
|
|
|
/**
|
|
* Status bar.
|
|
*/
|
|
.status3d {
|
|
position: absolute; left: 0px; bottom: 0px; height: 25px; line-height: 25px; width: 100%; z-index: 9;
|
|
background-color: #f5f5f5; color: #404040;
|
|
border-top: 0px; border-bottom: 0px; border-left: 0px; border-right: 0px;
|
|
border-style: solid; border-top-color: #f5f5f5; border-bottom-color: #ffffff;
|
|
transform: translate(0px, 0px); -webkit-transform: translate(0px, 0px); -moz-transform: translate(0px, 0px); -ms-transform: translate(0px, 0px);
|
|
-webkit-backface-visibility: hidden; -moz-backface-visibility: hidden;
|
|
opacity: 0.95;
|
|
}
|
|
|
|
.statusout3d {
|
|
position: absolute; left: 0px; bottom: 0px; height: 25px; line-height: 25px; width: 100%; z-index: 9;
|
|
background-color: #f5f5f5; color: #404040;
|
|
border-top: 0px; border-bottom: 0px; border-left: 0px; border-right: 0px; border-style: solid; border-top-color: #f5f5f5; border-bottom-color: #ffffff;
|
|
transform: translate(0px, 25px); -webkit-transform: translate(0px, 25px); -moz-transform: translate(0px, 25px); -ms-transform: translate(0px, 25px);
|
|
transition: transform 0.4s ease-in-out; -webkit-transition: -webkit-transform 0.4s ease-in-out; -moz-transition: transform 0.4s ease-in-out;
|
|
-webkit-backface-visibility: hidden; -moz-backface-visibility: hidden;
|
|
opacity: 0.95;
|
|
}
|
|
|
|
.status3dm {
|
|
position: absolute; left: 0px; bottom: 0px; height: 25px; line-height: 25px; width: 100%; z-index: 9;
|
|
background-color: #f5f5f5; color: #404040;
|
|
border-top: 0px; border-bottom: 0px; border-left: 0px; border-right: 0px; border-style: solid; border-top-color: #f5f5f5; border-bottom-color: #ffffff;
|
|
transform: translate(0px, 0px); -webkit-transform: translate(0px, 0px); -moz-transform: translate(0px, 0px); -ms-transform: translate(0px, 0px);
|
|
-webkit-backface-visibility: hidden; -moz-backface-visibility: hidden;
|
|
opacity: 0.95;
|
|
}
|
|
|
|
.statusout3dm {
|
|
position: absolute; left: 0px; bottom: 0px; height: 25px; line-height: 25px; width: 100%; z-index: 9;
|
|
background-color: #f5f5f5; color: #404040;
|
|
border-top: 0px; border-bottom: 0px; border-left: 0px; border-right: 0px; border-style: solid; border-top-color: #f5f5f5; border-bottom-color: #ffffff;
|
|
transform: translate(0px, 25px); -webkit-transform: translate(0px, 25px); -moz-transform: translate(0px, 25px); -ms-transform: translate(0px, 25px);
|
|
transition: transform 0.4s ease-in-out; -webkit-transition: -webkit-transform 0.4s ease-in-out; -moz-transition: transform 0.4s ease-in-out;
|
|
-webkit-backface-visibility: hidden; -moz-backface-visibility: hidden;
|
|
opacity: 0.95;
|
|
}
|
|
|
|
.okstatus {
|
|
font-size: 14px; padding-left: 6px; padding-right: 6px; text-decoration: none;
|
|
color: #000000;
|
|
width: 100%; margin-left: auto; margin-right: auto; text-align: center; float: right;
|
|
}
|
|
|
|
.errorstatus {
|
|
font-size: 14px; padding-left: 6px; padding-right: 6px; text-decoration: none;
|
|
background-color: #d14836; color: #ffffff;
|
|
width: 100%; margin-left: auto; margin-right: auto; text-align: center; float: right;
|
|
}
|
|
|
|
/**
|
|
* Working status animation.
|
|
*/
|
|
.working {
|
|
position: fixed; z-index: 15; display: none; width: 60px; height: 60px; left: 50%; top: 50%; border-bottom-color: transparent;
|
|
margin: -50px 0 0 -50px; border: 20px solid #c0c0c0; border-right-color: transparent;
|
|
border-radius: 60px; -webkit-border-radius: 60px; -moz-border-radius: 60px;
|
|
animation: spin 0.8s linear infinite; -webkit-animation: webkit-spin 0.8s linear infinite; -moz-animation: moz-spin 0.8s linear infinite;
|
|
-webkit-backface-visibility: hidden; -moz-backface-visibility: hidden;
|
|
}
|
|
|
|
@keyframes spin {
|
|
0% { transform: rotate(0deg); opacity: 0.4; }
|
|
50% { transform: rotate(180deg); opacity: 1; }
|
|
100% { transform: rotate(360deg); opacity: 0.4; }
|
|
}
|
|
|
|
@-webkit-keyframes webkit-spin {
|
|
0% { -webkit-transform: rotate(0deg); opacity: 0.4; }
|
|
50% { -webkit-transform: rotate(180deg); opacity: 1; }
|
|
100% { -webkit-transform: rotate(360deg); opacity: 0.4; }
|
|
}
|
|
|
|
@-moz-keyframes moz-spin {
|
|
0% { transform: rotate(0deg); opacity: 0.4; }
|
|
50% { transform: rotate(180deg); opacity: 1; }
|
|
100% { transform: rotate(360deg); opacity: 0.4; }
|
|
}
|
|
|
|
.refreshing {
|
|
z-index: 14; display: none; width: 10px; height: 10px; border-bottom-color: transparent; vertical-align: top;
|
|
border: 5px solid #c0c0c0; border-right-color: transparent;
|
|
border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px;
|
|
animation: spin 0.8s linear infinite; -webkit-animation: webkit-spin 0.8s linear infinite; -moz-animation: moz-spin 0.8s linear infinite;
|
|
-webkit-backface-visibility: hidden; -moz-backface-visibility: hidden;
|
|
}
|
|
|
|
/**
|
|
* Scrollbars.
|
|
*/
|
|
.flatscrollbars::-webkit-scrollbar {
|
|
width: 10px; height: 10px; background-color: #ffffff;
|
|
-webkit-box-shadow: inset 1px 1px 0 rgba(0,0,0,.1), inset -1px -1px 0 rgba(0,0,0,.07);
|
|
}
|
|
|
|
.flatscrollbars::-webkit-scrollbar:hover {
|
|
background-color: #eeeeee;
|
|
}
|
|
|
|
.flatscrollbars::-webkit-resizer{
|
|
-webkit-border-radius: 4px;
|
|
background-color: #666666;
|
|
}
|
|
|
|
.flatscrollbars::-webkit-scrollbar-thumb {
|
|
min-height: 0.8em; min-width: 0.8em; background-color: rgba(0, 0, 0, .2);
|
|
-webkit-box-shadow: inset 1px 1px 0 rgba(0,0,0,.1), inset -1px -1px 0 rgba(0,0,0,.07);
|
|
}
|
|
|
|
.flatscrollbars::-webkit-scrollbar-thumb:hover {
|
|
background-color: #bbbbbb;
|
|
}
|
|
|
|
.flatscrollbars::-webkit-scrollbar-thumb:active {
|
|
background-color: #888888;
|
|
}
|
|
|
|
/**
|
|
* Base HTML elements.
|
|
*/
|
|
.text {
|
|
padding-top: 6px; padding-bottom: 0px; padding-left: 4px; padding-right: 4px; margin-left: 0px; margin-right: 0px; vertical-align: middle;
|
|
line-height: 16px; min-height: 22px; min-width: 30px;
|
|
display: inline-block;
|
|
}
|
|
|
|
.note {
|
|
font-size: 14px; color: #808080; text-transform: none; min-width: 30px;
|
|
}
|
|
|
|
.doc {
|
|
padding-left: 4px; padding-right: 4px; min-width: 30px;
|
|
}
|
|
|
|
.intro {
|
|
font-size: 15px; padding-left: 4px; padding-right: 4px; color: #000000; min-width: 30px;
|
|
}
|
|
|
|
.help {
|
|
font-size: 14px; padding-left: 4px; padding-right: 4px; color: #808080; min-width: 30px;
|
|
}
|
|
|
|
.bluetext {
|
|
color: #4787ed; min-width: 30px;
|
|
}
|
|
|
|
.redtext {
|
|
color: #d14836; min-width: 30px;
|
|
}
|
|
|
|
.greentext {
|
|
color: #3d9400; min-width: 30px;
|
|
}
|
|
|
|
h1 {
|
|
font-size: 24px; font-weight: normal; vertical-align: middle; white-space: normal;
|
|
padding-top: 0px; padding-bottom: 0px; padding-left: 4px; padding-right: 4px; margin-bottom: 6px; margin-left: 0px; margin-right: 0px;
|
|
display: inline-block; line-height: 28px; min-height: 28px; min-width: 30px;
|
|
}
|
|
|
|
h2 {
|
|
font-size: 20px; font-weight: normal; vertical-align: middle; white-space: normal;
|
|
padding-top: 0px; padding-bottom: 0px; padding-left: 4px; padding-right: 4px; margin-bottom: 6px; margin-left: 0px; margin-right: 0px;
|
|
display: inline-block; line-height: 28px; min-height: 28px; min-width: 30px;
|
|
}
|
|
|
|
.hd1 {
|
|
font-size: 24px; font-weight: normal; vertical-align: middle; white-space: normal;
|
|
padding-top: 0px; padding-bottom: 0px; padding-left: 4px; padding-right: 4px; margin-bottom: 6px; margin-left: 0px; margin-right: 0px;
|
|
display: inline-block; line-height: 28px; min-height: 28px; min-width: 30px;
|
|
}
|
|
|
|
.hd2 {
|
|
font-size: 20px; font-weight: normal; vertical-align: middle; white-space: normal;
|
|
padding-top: 0px; padding-bottom: 0px; padding-left: 4px; padding-right: 4px; margin-bottom: 6px; margin-left: 0px; margin-right: 0px;
|
|
display: inline-block; line-height: 28px; min-height: 28px; min-width: 30px;
|
|
}
|
|
|
|
.width100 {
|
|
width: 312px;
|
|
}
|
|
|
|
.section {
|
|
font-size: 20px; font-weight: normal;
|
|
padding-top: 0px; padding-bottom: 0px; padding-left: 4px; padding-right: 4px; margin-left: 0px; margin-right: 0px;
|
|
border-top: 1px; border-bottom: 1px; border-left: 0px; border-right: 0px; border-style: solid; border-top-color: #d9d9d9; border-bottom-color: #d9d9d9; border-left-color: #d9d9d9; border-right-color: #d9d9d9;
|
|
display: inline-block; line-height: 26px; min-height: 28px; min-width: 30px;
|
|
}
|
|
|
|
.link {
|
|
padding-top: 3px; padding-bottom: 4px; vertical-align: middle;
|
|
display: inline-block; line-height: 16px; min-height: 16px; min-width: 30px;
|
|
}
|
|
|
|
a:link {
|
|
/*color: #357ae8; text-decoration: none; cursor: pointer;*/
|
|
color: inherit; text-decoration: none; cursor: pointer;
|
|
}
|
|
|
|
a:visited {
|
|
/*color: #357ae8; text-decoration: none; cursor: pointer;*/
|
|
color: inherit; text-decoration: none; cursor: pointer;
|
|
}
|
|
|
|
.label {
|
|
font-weight: normal; color: #808080;
|
|
padding-top: 6px; padding-bottom: 2px; padding-left: 4px; padding-right: 4px; margin-left: 0px; margin-right: 0px; vertical-align: middle;
|
|
display: inline-block; line-height: 16px; min-height: 20px; min-width: 30px;
|
|
}
|
|
|
|
input {
|
|
font-family: "Helvetica Neue", Helvetica, Arial; font-style: normal; font-variant: normal; font-size: 16px; min-width: 30px;
|
|
background-image: none;
|
|
vertical-align: middle;
|
|
outline: none;
|
|
-webkit-text-size-adjust: 100%; -moz-text-size-adjust: 100%;
|
|
}
|
|
|
|
textarea {
|
|
font-family: "Helvetica Neue", Helvetica, Arial; font-style: normal; font-variant: normal; font-size: 16px;
|
|
background-image: none;
|
|
outline: none;
|
|
overflow: auto; resize: none;
|
|
}
|
|
|
|
.entry {
|
|
padding-left: 4px; padding-right: 4px; padding-top: 0px; padding-bottom: 0px; margin: 0px;
|
|
}
|
|
|
|
.password {
|
|
padding-left: 4px; padding-right: 4px; padding-top: 0px; padding-bottom: 0px; margin: 0px;
|
|
}
|
|
|
|
.flatentry {
|
|
font-family: "Helvetica Neue", Helvetica, Arial; font-style: normal; font-variant: normal; font-size: 16px; vertical-align: middle;
|
|
height: 28px; width: 100%;
|
|
-webkit-appearance: none; -moz-appearance: none!important;
|
|
box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;
|
|
border: 1px solid #d9d9d9!important; border-top: 1px solid silver!important;
|
|
border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px;
|
|
margin: 1px!important; padding: 3px 3px 3px 3px;
|
|
}
|
|
|
|
.flattextarea {
|
|
font-family: "Helvetica Neue", Helvetica, Arial; font-style: normal; font-variant: normal; font-size: 16px; vertical-align: middle;
|
|
width: 100%;
|
|
-webkit-appearance: none; -moz-appearance: none!important;
|
|
box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;
|
|
border: 1px solid #d9d9d9!important; border-top: 1px solid silver!important;
|
|
border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px;
|
|
margin: 1px!important; padding: 3px 3px 3px 3px;
|
|
}
|
|
|
|
.ifiller {
|
|
-webkit-appearance: none; -moz-appearance: none;
|
|
border: 0px; margin: 0px; padding: 0px;
|
|
overflow: hidden; width: 100%; height: 0px;
|
|
}
|
|
|
|
.readentry {
|
|
font-family: "Helvetica Neue", Helvetica, Arial; font-style: normal; font-variant: normal; font-size: 16px; vertical-align: middle;
|
|
height: 28px; width: 100%;
|
|
-webkit-appearance: none; -moz-appearance: none;
|
|
box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;
|
|
border: 1px solid #ffffff!important; border-top: 1px solid ffffff!important;
|
|
border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px;
|
|
margin: 1px!important; padding: 3px 3px 3px 3px;
|
|
overflow: hidden; text-overflow: ellipsis;
|
|
}
|
|
|
|
.readtextarea {
|
|
font-family: "Helvetica Neue", Helvetica, Arial; font-style: normal; font-variant: normal; font-size: 16px; vertical-align: middle;
|
|
width: 100%;
|
|
-webkit-appearance: none; -moz-appearance: none;
|
|
box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;
|
|
border: 1px solid #ffffff!important; border-top: 1px solid ffffff!important;
|
|
border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px;
|
|
margin: 1px!important; padding: 3px 3px 3px 3px;
|
|
overflow: hidden; text-overflow: ellipsis;
|
|
}
|
|
|
|
.bigentry {
|
|
font-size: 18px!important;
|
|
}
|
|
|
|
.searchentry {
|
|
font-family: "Helvetica Neue", Helvetica, Arial; font-style: normal; font-variant: normal; font-size: 16px; vertical-align: middle;
|
|
height: 28px; width: 100%;
|
|
-webkit-appearance: searchfield; -moz-appearance: searchfield;
|
|
box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;
|
|
border: 1px solid #d9d9d9!important; border-top: 1px solid silver!important;
|
|
border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px;
|
|
margin: 1px!important; padding: 3px 3px 3px 3px;
|
|
}
|
|
|
|
.checkbox {
|
|
padding-top: 3px; padding-bottom: 4px; vertical-align: middle;
|
|
}
|
|
|
|
.flatcheckbox {
|
|
}
|
|
|
|
.editablewidget {
|
|
-webkit-user-select: text; -moz-user-select: text; -ms-user-select: text;
|
|
outline: none; outline-style: none;
|
|
display: block;
|
|
}
|
|
|
|
iframe {
|
|
border: 0px; margin: 0px; padding: 0px;
|
|
}
|
|
|
|
img {
|
|
padding: 0px; margin: 0px; border: 0px;
|
|
border-radius: 0px; -webkit-border-radius: 0px; -moz-border-radius: 0px;
|
|
display: inline-block;
|
|
}
|
|
|
|
.img {
|
|
padding: 0px; margin: 0px; border: 0px;
|
|
max-width: 320px; max-height: 460px;
|
|
border: 0px;
|
|
border-radius: 0px; -webkit-border-radius: 0px; -moz-border-radius: 0px;
|
|
background-repeat: no-repeat; float: left;
|
|
display: inline-block;
|
|
}
|
|
|
|
.thumbnail {
|
|
padding: 0px; margin: 0px; border: 0px;
|
|
max-width: 50x; max-height: 50px;
|
|
border: 0px;
|
|
border-radius: 6px; -webkit-border-radius: 6px; -moz-border-radius: 6px;
|
|
background-repeat: no-repeat; float: left;
|
|
display: inline-block;
|
|
}
|
|
|
|
/**
|
|
* Tables.
|
|
*/
|
|
table {
|
|
border: 0px; border-collapse: collapse; border-color: #f5f5f5; border-style: solid;
|
|
font-family: "Helvetica Neue", Helvetica, Arial; font-style: normal; font-variant: normal; font-size: 14px;
|
|
}
|
|
|
|
.table {
|
|
}
|
|
|
|
th {
|
|
font-size: 18px; font-weight: normal; background-color: #ffffff; color: #000000;
|
|
padding-left: 2px; padding-right: 8px; padding-top: 0px; padding-bottom: 0px; vertical-align: middle;
|
|
border-top: 1px; border-bottom: 1px; border-left: 1px; border-right: 1px; border-style: solid; border-top-color: #f5f5f5; border-bottom-color: #f5f5f5; border-left-color: #f5f5f5; border-right-color: #f5f5f5;
|
|
}
|
|
|
|
.thl {
|
|
border-left: 0px;
|
|
}
|
|
|
|
.thr {
|
|
border-right: 0px;
|
|
}
|
|
|
|
.ths {
|
|
padding: 0px;
|
|
}
|
|
|
|
td {
|
|
padding-left: 2px; padding-top: 2px; padding-right: 8px; vertical-align: middle; border: 0px;
|
|
}
|
|
|
|
.tdl {
|
|
border-right: 1px; border-style: solid; border-color: #a2bae7; width: 10px;
|
|
}
|
|
|
|
.tdr {
|
|
border-left: 1px; border-style: solid; border-color: #a2bae7;
|
|
}
|
|
|
|
.tdw {
|
|
padding-left: 2px; padding-top: 2px; padding-right: 8px; white-space: normal; vertical-align: middle;
|
|
}
|
|
|
|
.datatd {
|
|
border-top: 1px; border-bottom: 1px; border-style: solid; border-color: #f5f5f5; width: 10px; vertical-align: middle;
|
|
}
|
|
|
|
.datatdl {
|
|
border-right: 1px; border-top: 1px; border-bottom: 1px; border-style: solid; border-color: #f5f5f5; width: 10px; vertical-align: middle;
|
|
}
|
|
|
|
.datatdltop {
|
|
border-right: 1px; border-top: 1px; border-bottom: 1px; border-style: solid; border-color: #f5f5f5; width: 10px; vertical-align: top;
|
|
}
|
|
|
|
.datatdr {
|
|
border-left: 1px; border-top: 1px; border-bottom: 1px; border-style: solid; border-color: #f5f5f5; vertical-align: middle;
|
|
}
|
|
|
|
.list {
|
|
}
|
|
|
|
.datatable {
|
|
border-top: 1px; border-bottom: 1px; border-style: solid; border-color: #f5f5f5;
|
|
}
|
|
|
|
.databg {
|
|
opacity: 0.95;
|
|
}
|
|
|
|
/**
|
|
* Buttons.
|
|
*/
|
|
button {
|
|
vertical-align: middle;
|
|
font-family: "Helvetica Neue", Helvetica, Arial; font-style: normal; font-variant: normal; font-size: 18px;
|
|
-webkit-text-size-adjust: 100%; -moz-text-size-adjust: 100%;
|
|
}
|
|
|
|
button::-moz-focus-inner {
|
|
outline: none!important; border: 0px!important;
|
|
}
|
|
|
|
.submit {
|
|
visibility: hidden; height: 0px; width: 0px; max-height: 0px; padding: 0px; margin: 0px;
|
|
}
|
|
|
|
.symbolbutton {
|
|
text-align: center; vertical-align: middle; font-family: "Courier"; font-size: 28px!important;
|
|
display: inline-block; min-height: 28px; min-width: 30px; padding-top: 0px;
|
|
}
|
|
|
|
.minusbutton {
|
|
text-align: center; vertical-align: top; font-family: "Courier"; font-size: 28px!important;
|
|
display: inline-block; min-height: 28px; min-width: 30px; padding-top: 0px;
|
|
}
|
|
|
|
.bigbutton {
|
|
font-size: 24px!important; padding: 10px!important; height: 50px!important;
|
|
}
|
|
|
|
.graybutton {
|
|
color: #808080!important; font-size: 18px;
|
|
padding-top: 0px; padding-bottom: 0px; padding-left: 6px; padding-right: 6px; margin-left: 0px; margin-right: 0px; text-align: center; vertical-align: top;
|
|
display: inline-block; line-height: 28px; min-height: 28px; min-width: 30px;
|
|
}
|
|
|
|
.blackbutton {
|
|
color: #000000!important; font-size: 18px;
|
|
padding-top: 0px; padding-bottom: 0px; padding-left: 6px; padding-right: 6px; margin-left: 0px; margin-right: 0px; text-align: center; vertical-align: top;
|
|
display: inline-block; line-height: 28px; min-height: 28px; min-width: 30px;
|
|
}
|
|
|
|
.lightbutton {
|
|
color: #808080!important; font-size: 18px;
|
|
padding-top: 0px; padding-bottom: 0px; padding-left: 6px; padding-right: 6px; margin-left: 0px; margin-right: 0px; text-align: center; vertical-align: top;
|
|
display: inline-block; line-height: 28px; min-height: 28px; min-width: 30px;
|
|
}
|
|
|
|
.bluebutton {
|
|
color: #4d90fe!important; font-size: 18px;
|
|
padding-top: 0px; padding-bottom: 0px; padding-left: 6px; padding-right: 6px; margin-left: 0px; margin-right: 0px; text-align: center; vertical-align: top;
|
|
display: inline-block; line-height: 28px; min-height: 28px; min-width: 30px;
|
|
}
|
|
|
|
.greenbutton {
|
|
color: #3d9400!important; font-size: 18px;
|
|
padding-top: 0px; padding-bottom: 0px; padding-left: 6px; padding-right: 6px; margin-left: 0px; margin-right: 0px; text-align: center; vertical-align: top;
|
|
display: inline-block; line-height: 28px; min-height: 28px; min-width: 30px;
|
|
}
|
|
|
|
.redbutton {
|
|
color: #d14836!important; font-size: 18px;
|
|
padding-top: 0px; padding-bottom: 0px; padding-left: 6px; padding-right: 6px; margin-left: 0px; margin-right: 0px; text-align: center; vertical-align: top;
|
|
display: inline-block; line-height: 28px; min-height: 28px; min-width: 30px;
|
|
}
|
|
|