1048 lines
19 KiB
CSS
1048 lines
19 KiB
CSS
|
/*=============================================================
|
||
|
|
GENERAL
|
||
|
|
==============================================================*/
|
||
|
|
|
||
|
|
body {
|
||
|
|
/*remember to account for the hidden area underneath
|
||
|
|
fixed navbar by adding at least 40px padding to the <body>.
|
||
|
|
Be sure to add this after the core Bootstrap CSS
|
||
|
|
and before the optional responsive CSS.
|
||
|
|
An alternative solution is to set top-margin to div#main padding-top:60px; comment this for alternative solution*/
|
||
|
|
height: auto;
|
||
|
|
/*uncomment this for alternative solution*/
|
||
|
|
}
|
||
|
|
|
||
|
|
|
||
|
|
/*=============================================================
|
||
|
|
BOOTSTRAP ICONS FOLDER FIX
|
||
|
|
==============================================================*/
|
||
|
|
|
||
|
|
[class^="icon-"],
|
||
|
|
[class*=" icon-"] {
|
||
|
|
/* right folder for bootstrap black images/icons*/
|
||
|
|
background-image: url("../images/glyphicons-halflings.png")
|
||
|
|
}
|
||
|
|
|
||
|
|
.icon-white,
|
||
|
|
.nav-tabs>.active>a>[class^="icon-"],
|
||
|
|
.nav-tabs>.active>a>[class*=" icon-"],
|
||
|
|
.nav-pills>.active>a>[class^="icon-"],
|
||
|
|
.nav-pills>.active>a>[class*=" icon-"],
|
||
|
|
.nav-list>.active>a>[class^="icon-"],
|
||
|
|
.nav-list>.active>a>[class*=" icon-"],
|
||
|
|
.navbar-inverse .nav>.active>a>[class^="icon-"],
|
||
|
|
.navbar-inverse .nav>.active>a>[class*=" icon-"],
|
||
|
|
.dropdown-menu>li>a:hover>[class^="icon-"],
|
||
|
|
.dropdown-menu>li>a:hover>[class*=" icon-"],
|
||
|
|
.dropdown-menu>.active>a>[class^="icon-"],
|
||
|
|
.dropdown-menu>.active>a>[class*=" icon-"] {
|
||
|
|
/* right folder for bootstrap white images/icons*/
|
||
|
|
background-image: url("../images/glyphicons-halflings-white.png");
|
||
|
|
}
|
||
|
|
|
||
|
|
|
||
|
|
/*=============================================================
|
||
|
|
INPUT BORDER HIGHLIGHT WHEN INPUT IS FOCUSED
|
||
|
|
==============================================================*/
|
||
|
|
|
||
|
|
textarea:focus,
|
||
|
|
input[type="text"]:focus,
|
||
|
|
input[type="password"]:focus,
|
||
|
|
input[type="datetime"]:focus,
|
||
|
|
input[type="datetime-local"]:focus,
|
||
|
|
input[type="date"]:focus,
|
||
|
|
input[type="month"]:focus,
|
||
|
|
input[type="time"]:focus,
|
||
|
|
input[type="week"]:focus,
|
||
|
|
input[type="number"]:focus,
|
||
|
|
input[type="email"]:focus,
|
||
|
|
input[type="url"]:focus,
|
||
|
|
input[type="search"]:focus,
|
||
|
|
input[type="tel"]:focus,
|
||
|
|
input[type="color"]:focus,
|
||
|
|
input[type="file"]:focus,
|
||
|
|
select:focus,
|
||
|
|
.uneditable-input:focus {
|
||
|
|
/* outline color*/
|
||
|
|
border-color: rgba(232, 149, 60, 0.8);
|
||
|
|
outline: 0;
|
||
|
|
/*outline:thin dotted \9;*/
|
||
|
|
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(232, 149, 60, 0.6);
|
||
|
|
-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(232, 149, 60, 0.6);
|
||
|
|
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(232, 149, 60, 0.6);
|
||
|
|
}
|
||
|
|
|
||
|
|
.web2py_grid .dropdown-menu li>a:hover,
|
||
|
|
.web2py_grid .dropdown-menu li>a:focus {
|
||
|
|
filter: progid: DXImageTransform.Microsoft.gradient(enabled=false);
|
||
|
|
/* IE6-9*/
|
||
|
|
background-image: none;
|
||
|
|
background-color: #E8953C;
|
||
|
|
}
|
||
|
|
|
||
|
|
|
||
|
|
/*=============================================================
|
||
|
|
COLOR OF LINKS
|
||
|
|
==============================================================*/
|
||
|
|
|
||
|
|
a,
|
||
|
|
a:hover {
|
||
|
|
color: #E8953C;
|
||
|
|
text-decoration: none;
|
||
|
|
}
|
||
|
|
|
||
|
|
a:hover {
|
||
|
|
color: #e2821b;
|
||
|
|
}
|
||
|
|
|
||
|
|
|
||
|
|
/*=============================================================
|
||
|
|
CONTROLS and CONTAINERS
|
||
|
|
==============================================================*/
|
||
|
|
|
||
|
|
.row-buttons .btn {
|
||
|
|
margin-bottom: 7px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.sidebar .box {
|
||
|
|
clear: right;
|
||
|
|
margin-top: 2em;
|
||
|
|
border-top: 1px solid #d1d1d1;
|
||
|
|
padding: 0 1em;
|
||
|
|
}
|
||
|
|
|
||
|
|
.pwdchange>.button {
|
||
|
|
margin-bottom: 10px;
|
||
|
|
}
|
||
|
|
|
||
|
|
input[type="file"] {
|
||
|
|
margin-bottom: 9px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.form-inline input[type="file"] {
|
||
|
|
margin-bottom: 0px;
|
||
|
|
}
|
||
|
|
|
||
|
|
input+.help-block {
|
||
|
|
margin-top: -10px;
|
||
|
|
margin-bottom: 4px;
|
||
|
|
}
|
||
|
|
|
||
|
|
#confirm_form input.btn,
|
||
|
|
.generatedbyw2p input {
|
||
|
|
margin-right: 4px;
|
||
|
|
}
|
||
|
|
|
||
|
|
a[rel='tooltip'] span,
|
||
|
|
div[rel='tooltip'] span {
|
||
|
|
display: none;
|
||
|
|
margin-left: -9999px;
|
||
|
|
}
|
||
|
|
|
||
|
|
|
||
|
|
/*in-page browsing*/
|
||
|
|
|
||
|
|
[rel="pagebookmark"] {
|
||
|
|
position: relative;
|
||
|
|
}
|
||
|
|
|
||
|
|
[rel="pagebookmark"]>.component {
|
||
|
|
cursor: pointer;
|
||
|
|
}
|
||
|
|
|
||
|
|
[rel="pagebookmark"]>.hashstick {
|
||
|
|
position: absolute;
|
||
|
|
top: -54px;
|
||
|
|
left: -9999px;
|
||
|
|
visibility: visible;
|
||
|
|
}
|
||
|
|
|
||
|
|
|
||
|
|
/* following 2 rules set the style of a small button for going to top of page*/
|
||
|
|
|
||
|
|
.tophashlink.btn {
|
||
|
|
padding: 2px 3px;
|
||
|
|
visibility: hidden;
|
||
|
|
}
|
||
|
|
|
||
|
|
.hashstick:target+.tophashlink.btn {
|
||
|
|
visibility: visible;
|
||
|
|
}
|
||
|
|
|
||
|
|
ul.act_edit {
|
||
|
|
margin-top: 4px;
|
||
|
|
margin-left: 20px;
|
||
|
|
}
|
||
|
|
|
||
|
|
ul.act_edit .btn {
|
||
|
|
margin-top: 4px;
|
||
|
|
margin-bottom: 4px;
|
||
|
|
}
|
||
|
|
|
||
|
|
ul.act_edit .file>a {
|
||
|
|
white-space: pre;
|
||
|
|
}
|
||
|
|
|
||
|
|
.right-full {
|
||
|
|
text-align: right;
|
||
|
|
}
|
||
|
|
|
||
|
|
.searchbox,
|
||
|
|
.searchbox label,
|
||
|
|
.searchbox input {
|
||
|
|
display: inline-block;
|
||
|
|
}
|
||
|
|
|
||
|
|
.buttons-row .btn {
|
||
|
|
margin-bottom: 9px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.li-controls {
|
||
|
|
display: inline-block;
|
||
|
|
width: 180px;
|
||
|
|
vertical-align: middle;
|
||
|
|
}
|
||
|
|
|
||
|
|
.celled {
|
||
|
|
display: inline-block;
|
||
|
|
padding: 0 0 0 4px;
|
||
|
|
vertical-align: top;
|
||
|
|
margin-top: 4px;
|
||
|
|
width: 700px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.folder {
|
||
|
|
list-style-type: none;
|
||
|
|
border-left: 1px dotted #AAA;
|
||
|
|
}
|
||
|
|
|
||
|
|
.folder li {
|
||
|
|
list-style-type: none;
|
||
|
|
}
|
||
|
|
|
||
|
|
.folder>i {
|
||
|
|
display: inline-block;
|
||
|
|
width: 5px;
|
||
|
|
height: 5px;
|
||
|
|
border: 1px solid;
|
||
|
|
background-color: #FAA732;
|
||
|
|
margin-left: -4px;
|
||
|
|
margin-top: -2px;
|
||
|
|
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
|
||
|
|
border-radius: 1px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.folder>i+a {
|
||
|
|
padding-left: 0.5em;
|
||
|
|
}
|
||
|
|
|
||
|
|
.folder ul {
|
||
|
|
margin-top: 0.5em;
|
||
|
|
margin-bottom: 0.5em;
|
||
|
|
}
|
||
|
|
|
||
|
|
.controls-inline .btn {
|
||
|
|
margin-right: 5px;
|
||
|
|
}
|
||
|
|
|
||
|
|
div.web2py_counter.span6 {
|
||
|
|
min-height: 24px;
|
||
|
|
text-align: right;
|
||
|
|
}
|
||
|
|
|
||
|
|
.pagination {
|
||
|
|
margin: 0;
|
||
|
|
}
|
||
|
|
|
||
|
|
.table {
|
||
|
|
margin-bottom: 10px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.row_buttons .btn {
|
||
|
|
margin-right: 4px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.editor-bar-column {
|
||
|
|
display: inline-block;
|
||
|
|
vertical-align: top;
|
||
|
|
margin-right: 4px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.editor-bar-column .input-long {
|
||
|
|
width: 270px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.editor-bar-column .input-normal {
|
||
|
|
width: 206px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.keybindings li {
|
||
|
|
margin-bottom: 0.5em;
|
||
|
|
}
|
||
|
|
|
||
|
|
.keybindings span {
|
||
|
|
padding: 0.3em;
|
||
|
|
border: 1px solid transparent;
|
||
|
|
vertical-align: middle;
|
||
|
|
}
|
||
|
|
|
||
|
|
.teletype-text {
|
||
|
|
font-family: monospace;
|
||
|
|
font-weight: bold;
|
||
|
|
font-style: normal;
|
||
|
|
border-color: #999;
|
||
|
|
background: #333;
|
||
|
|
color: #DDD;
|
||
|
|
-moz-border-radius: 0.3em;
|
||
|
|
border-radius: 0.3em;
|
||
|
|
}
|
||
|
|
|
||
|
|
.edit_language .tab_row div {
|
||
|
|
display: inline-block;
|
||
|
|
vertical-align: top;
|
||
|
|
margin-right: 4px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.edit_language .fake-input {
|
||
|
|
height: 18px;
|
||
|
|
padding: 4px;
|
||
|
|
font-size: 13px;
|
||
|
|
line-height: 18px;
|
||
|
|
overflow: hidden;
|
||
|
|
white-space: nowrap;
|
||
|
|
display: inline-block;
|
||
|
|
margin-bottom: 9px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.test h3 {
|
||
|
|
padding-left: 9px;
|
||
|
|
margin: 0;
|
||
|
|
font-size: 16px;
|
||
|
|
line-height: 1;
|
||
|
|
border-left: 9px solid transparent;
|
||
|
|
}
|
||
|
|
|
||
|
|
.test h3.passed {
|
||
|
|
border-color: #009900;
|
||
|
|
}
|
||
|
|
|
||
|
|
.test h3.failed {
|
||
|
|
border-color: #CC0000;
|
||
|
|
}
|
||
|
|
|
||
|
|
.test h3.nodoctests {
|
||
|
|
border-color: #CCCC99;
|
||
|
|
}
|
||
|
|
|
||
|
|
.test .test_report {
|
||
|
|
width: 100%;
|
||
|
|
overflow: auto;
|
||
|
|
}
|
||
|
|
|
||
|
|
.test_report pre {
|
||
|
|
white-space: pre;
|
||
|
|
}
|
||
|
|
|
||
|
|
.test div[id^="output_"]>h2 {
|
||
|
|
font-size: 18px;
|
||
|
|
line-height: 1;
|
||
|
|
color: grey;
|
||
|
|
}
|
||
|
|
|
||
|
|
div.center {
|
||
|
|
text-align: center;
|
||
|
|
}
|
||
|
|
|
||
|
|
.delete h2 {
|
||
|
|
word-wrap: break-word;
|
||
|
|
}
|
||
|
|
|
||
|
|
|
||
|
|
/*=============================================================
|
||
|
|
SHELL
|
||
|
|
==============================================================*/
|
||
|
|
|
||
|
|
.shell .output-wrapper {
|
||
|
|
width: 100%;
|
||
|
|
height: 30em;
|
||
|
|
border: 1px solid #333;
|
||
|
|
}
|
||
|
|
|
||
|
|
.shell .prompt-wrapper {
|
||
|
|
float: left;
|
||
|
|
width: 100%;
|
||
|
|
overflow: hidden;
|
||
|
|
height: auto;
|
||
|
|
border: 1px solid #333;
|
||
|
|
}
|
||
|
|
|
||
|
|
.shell .prompt-container {
|
||
|
|
margin-left: 2.5em;
|
||
|
|
}
|
||
|
|
|
||
|
|
.shell #caret {
|
||
|
|
width: 2.5em;
|
||
|
|
float: left;
|
||
|
|
margin-left: -100%;
|
||
|
|
}
|
||
|
|
|
||
|
|
.shell #shellwrapper {
|
||
|
|
background: white;
|
||
|
|
color: #E8953C;
|
||
|
|
width: 100%;
|
||
|
|
margin: 1em 0;
|
||
|
|
border: 0;
|
||
|
|
}
|
||
|
|
|
||
|
|
.shell #output,
|
||
|
|
.shell .prompt {
|
||
|
|
color: #E8953C;
|
||
|
|
background: white;
|
||
|
|
resize: none;
|
||
|
|
border: none;
|
||
|
|
width: 100%;
|
||
|
|
height: 100%;
|
||
|
|
cursor: default;
|
||
|
|
-webkit-box-sizing: border-box;
|
||
|
|
-moz-box-sizing: border-box;
|
||
|
|
box-sizing: border-box;
|
||
|
|
}
|
||
|
|
|
||
|
|
.shell #output:focus,
|
||
|
|
.shell .prompt:focus {
|
||
|
|
border-color: transparent;
|
||
|
|
outline: 0;
|
||
|
|
-webkit-box-shadow: none;
|
||
|
|
-moz-box-shadow: none;
|
||
|
|
box-shadow: none;
|
||
|
|
}
|
||
|
|
|
||
|
|
.shell #output pre {
|
||
|
|
color: #E8953C;
|
||
|
|
}
|
||
|
|
|
||
|
|
.shell #autoscroll {
|
||
|
|
cursor: pointer;
|
||
|
|
float: right;
|
||
|
|
}
|
||
|
|
|
||
|
|
.shell .prompt,
|
||
|
|
.shell #output,
|
||
|
|
.shell #caret {
|
||
|
|
font-size: 11pt;
|
||
|
|
padding: 6px;
|
||
|
|
padding-right: 0em;
|
||
|
|
}
|
||
|
|
|
||
|
|
.shell #caret {
|
||
|
|
padding-top: 9px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.shell .prompt,
|
||
|
|
.shell #output,
|
||
|
|
.shell pre,
|
||
|
|
.shell #caret {
|
||
|
|
font-family: monospace;
|
||
|
|
}
|
||
|
|
|
||
|
|
.shell a[rel="tooltip"] {
|
||
|
|
margin-left: 8px;
|
||
|
|
}
|
||
|
|
|
||
|
|
|
||
|
|
/*=============================================================
|
||
|
|
PEEK
|
||
|
|
==============================================================*/
|
||
|
|
|
||
|
|
.peek .code-wrapper {
|
||
|
|
width: 100%;
|
||
|
|
overflow: auto;
|
||
|
|
white-space: pre;
|
||
|
|
}
|
||
|
|
|
||
|
|
.peek table td pre {
|
||
|
|
word-break: normal;
|
||
|
|
white-space: pre;
|
||
|
|
}
|
||
|
|
|
||
|
|
|
||
|
|
/*=============================================================
|
||
|
|
FOOTER
|
||
|
|
==============================================================*/
|
||
|
|
|
||
|
|
#footer {
|
||
|
|
border-top: 1px solid;
|
||
|
|
text-align: center;
|
||
|
|
padding: 1em 0;
|
||
|
|
}
|
||
|
|
|
||
|
|
#footer span,
|
||
|
|
#footer select {
|
||
|
|
display: inline-block;
|
||
|
|
margin-bottom: 0;
|
||
|
|
vertical-align: middle;
|
||
|
|
}
|
||
|
|
|
||
|
|
#footer select {
|
||
|
|
width: auto;
|
||
|
|
}
|
||
|
|
|
||
|
|
|
||
|
|
/*=============================================================
|
||
|
|
MAIN
|
||
|
|
==============================================================*/
|
||
|
|
|
||
|
|
#main {
|
||
|
|
margin-top: 60px;
|
||
|
|
/*uncomment this for alternative solution to hidden area underneath fixed navbar issue*/
|
||
|
|
margin-bottom: 60px;
|
||
|
|
}
|
||
|
|
|
||
|
|
|
||
|
|
/*=============================================================
|
||
|
|
WIZARD
|
||
|
|
==============================================================*/
|
||
|
|
|
||
|
|
#wizard_nav .box {
|
||
|
|
border-bottom: 1px dotted;
|
||
|
|
}
|
||
|
|
|
||
|
|
#wizard_nav li {
|
||
|
|
margin-left: 1em;
|
||
|
|
margin-top: 0.5em;
|
||
|
|
}
|
||
|
|
|
||
|
|
.step textarea {
|
||
|
|
width: auto;
|
||
|
|
}
|
||
|
|
|
||
|
|
select[name='layout_theme'] {
|
||
|
|
vertical-align: top;
|
||
|
|
}
|
||
|
|
|
||
|
|
img#preview {
|
||
|
|
margin-bottom: 9px;
|
||
|
|
}
|
||
|
|
|
||
|
|
|
||
|
|
/* multiselect customization*/
|
||
|
|
|
||
|
|
.ms-container {
|
||
|
|
margin-bottom: 5px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.ms-selectable,
|
||
|
|
.step .ms-selection {
|
||
|
|
text-align: center;
|
||
|
|
}
|
||
|
|
|
||
|
|
.ms-list {
|
||
|
|
text-align: left;
|
||
|
|
background: white;
|
||
|
|
}
|
||
|
|
|
||
|
|
.ms-container li.ms-elem-selectable:not(.disabled).ms-hover,
|
||
|
|
.ms-container .ms-selection li:not(.disabled).ms-hover {
|
||
|
|
background-color: #E8953C;
|
||
|
|
}
|
||
|
|
|
||
|
|
.ms-container .ms-selectable {
|
||
|
|
margin-right: 25px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.ms-container .ms-selectable,
|
||
|
|
.ms-container .ms-selection {
|
||
|
|
background: transparent;
|
||
|
|
}
|
||
|
|
|
||
|
|
.ms-container .ms-list.ms-focus {
|
||
|
|
border-color: rgba(232, 149, 60, 0.8);
|
||
|
|
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(232, 149, 60, 0.6);
|
||
|
|
-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(232, 149, 60, 0.6);
|
||
|
|
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(232, 149, 60, 0.6);
|
||
|
|
}
|
||
|
|
|
||
|
|
|
||
|
|
/* grow_input*/
|
||
|
|
|
||
|
|
ul[id$="_grow_input"] {
|
||
|
|
margin-left: 0;
|
||
|
|
}
|
||
|
|
|
||
|
|
|
||
|
|
/* generate_form*/
|
||
|
|
|
||
|
|
#generate_form .control-group {
|
||
|
|
margin-bottom: 0;
|
||
|
|
}
|
||
|
|
|
||
|
|
#generate_form .control-label {
|
||
|
|
text-align: left;
|
||
|
|
}
|
||
|
|
|
||
|
|
#generate_form .controls {
|
||
|
|
padding-left: 18px;
|
||
|
|
margin-left: 0;
|
||
|
|
}
|
||
|
|
|
||
|
|
#generate_form .control-label.empty {
|
||
|
|
width: 142px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.step [rel="pagebookmark"]>.hashstick {
|
||
|
|
display: none;
|
||
|
|
}
|
||
|
|
|
||
|
|
|
||
|
|
/*generated page*/
|
||
|
|
|
||
|
|
.generated iframe {
|
||
|
|
border: 1px inset #e3e3e3;
|
||
|
|
}
|
||
|
|
|
||
|
|
|
||
|
|
/*=============================================================
|
||
|
|
ERRORS TABLE / TICKET PAGE
|
||
|
|
==============================================================*/
|
||
|
|
|
||
|
|
.tablebar {
|
||
|
|
margin: 7px 0 7px 0;
|
||
|
|
}
|
||
|
|
|
||
|
|
.tablebar input {
|
||
|
|
margin-right: 27px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.tablebar span {
|
||
|
|
vertical-align: bottom;
|
||
|
|
}
|
||
|
|
|
||
|
|
.table th {
|
||
|
|
background: #e9e9e9;
|
||
|
|
background: -moz-linear-gradient(top, #FAFAFA 0%, #E9E9E9 100%);
|
||
|
|
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #FAFAFA), color-stop(100%, #E9E9E9));
|
||
|
|
background: -webkit-linear-gradient(top, #FAFAFA 0%, #E9E9E9 100%);
|
||
|
|
background: -o-linear-gradient(top, #FAFAFA 0%, #E9E9E9 100%);
|
||
|
|
background: -ms-linear-gradient(top, #FAFAFA 0%, #E9E9E9 100%);
|
||
|
|
background: linear-gradient(top, #FAFAFA 0%, #E9E9E9 100%);
|
||
|
|
filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#FAFAFA', endColorstr='#E9E9E9');
|
||
|
|
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#FAFAFA', endColorstr='#E9E9E9')";
|
||
|
|
/*font-size:10px; color:#444; text-transform:uppercase;*/
|
||
|
|
}
|
||
|
|
|
||
|
|
td.cbcentered,
|
||
|
|
th.cbcentered {
|
||
|
|
text-align: center;
|
||
|
|
}
|
||
|
|
|
||
|
|
td.cbcentered>input,
|
||
|
|
th.cbcentered>input {
|
||
|
|
margin-top: -1px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.traceback div {}
|
||
|
|
|
||
|
|
.ticket_code>table td:first-child {
|
||
|
|
border-left: 0;
|
||
|
|
}
|
||
|
|
|
||
|
|
#trck_errors table td pre {
|
||
|
|
word-break: normal;
|
||
|
|
white-space: pre;
|
||
|
|
}
|
||
|
|
|
||
|
|
.inspect pre,
|
||
|
|
.errorsource pre {
|
||
|
|
word-break: normal;
|
||
|
|
white-space: pre;
|
||
|
|
}
|
||
|
|
|
||
|
|
.ticket_code {
|
||
|
|
background-color: lightyellow;
|
||
|
|
}
|
||
|
|
|
||
|
|
.ticket_code table,
|
||
|
|
.ticket_code td {
|
||
|
|
border-width: 0px;
|
||
|
|
border-collapse: collapse;
|
||
|
|
width: 100%;
|
||
|
|
}
|
||
|
|
|
||
|
|
.ticket_code tbody tr:hover td {
|
||
|
|
background-color: transparent;
|
||
|
|
}
|
||
|
|
|
||
|
|
|
||
|
|
/*=============================================================
|
||
|
|
FLOT GRAPHS
|
||
|
|
==============================================================*/
|
||
|
|
|
||
|
|
.about #placeholder {
|
||
|
|
width: auto;
|
||
|
|
max-width: 600px;
|
||
|
|
height: 300px;
|
||
|
|
position: relative;
|
||
|
|
margin: 0 auto;
|
||
|
|
/* for centering*/
|
||
|
|
}
|
||
|
|
|
||
|
|
|
||
|
|
/*=============================================================
|
||
|
|
THE GRID
|
||
|
|
==============================================================*/
|
||
|
|
|
||
|
|
#w2p_query_panel {
|
||
|
|
min-width: 20px;
|
||
|
|
min-height: 20px;
|
||
|
|
padding: 10px;
|
||
|
|
margin-top: 1em;
|
||
|
|
background-color: #f5f5f5;
|
||
|
|
border: 1px solid #e3e3e3;
|
||
|
|
-webkit-border-radius: 3px;
|
||
|
|
-moz-border-radius: 3px;
|
||
|
|
border-radius: 3px;
|
||
|
|
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
|
||
|
|
-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
|
||
|
|
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
|
||
|
|
}
|
||
|
|
|
||
|
|
#w2p_query_panel select,
|
||
|
|
#w2p_query_panel input {
|
||
|
|
margin-bottom: 0;
|
||
|
|
margin-right: 4px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.web2py_grid .hidden {
|
||
|
|
visibility: visible;
|
||
|
|
}
|
||
|
|
|
||
|
|
.qry_pnl_btns {
|
||
|
|
display: inline-block;
|
||
|
|
}
|
||
|
|
|
||
|
|
#w2p_grid_addbtn,
|
||
|
|
#w2p_search-form {
|
||
|
|
margin-top: 9px;
|
||
|
|
margin-bottom: 9px;
|
||
|
|
}
|
||
|
|
|
||
|
|
#w2p_search-form {
|
||
|
|
margin-bottom: 0;
|
||
|
|
}
|
||
|
|
|
||
|
|
#w2p_search-form form {
|
||
|
|
margin-bottom: 0;
|
||
|
|
}
|
||
|
|
|
||
|
|
|
||
|
|
/*----- translate page ---*/
|
||
|
|
|
||
|
|
.languageform input {
|
||
|
|
margin-bottom: 0;
|
||
|
|
}
|
||
|
|
|
||
|
|
.languageform input.untranslated {
|
||
|
|
background-color: #FC0;
|
||
|
|
}
|
||
|
|
|
||
|
|
|
||
|
|
/*=============================================================
|
||
|
|
MASKED UPLOAD INPUT (NO BOOTSTRAP RELATED)
|
||
|
|
==============================================================*/
|
||
|
|
|
||
|
|
#appupdate_file.masked {
|
||
|
|
margin: 0;
|
||
|
|
opacity: 0;
|
||
|
|
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
|
||
|
|
/* IE 8 */
|
||
|
|
filter: alpha(opacity=0);
|
||
|
|
/* IE 7 */
|
||
|
|
font-size: 100px;
|
||
|
|
position: absolute;
|
||
|
|
top: 0;
|
||
|
|
right: 0;
|
||
|
|
z-index: 410;
|
||
|
|
}
|
||
|
|
|
||
|
|
#fileselect {
|
||
|
|
padding: 4px 6px;
|
||
|
|
border: 1px solid #ccc;
|
||
|
|
border-radius: 4px;
|
||
|
|
color: #555;
|
||
|
|
cursor: default;
|
||
|
|
position: relative;
|
||
|
|
z-index: 400;
|
||
|
|
font-size: 14px;
|
||
|
|
background-color: #fff;
|
||
|
|
margin-bottom: 10px;
|
||
|
|
overflow: hidden;
|
||
|
|
}
|
||
|
|
|
||
|
|
#fileselect span {
|
||
|
|
position: absolute;
|
||
|
|
left: 6px;
|
||
|
|
top: 4px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.uploadbtn {
|
||
|
|
position: absolute;
|
||
|
|
top: 3px;
|
||
|
|
right: 3px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.txtPlaceholder {
|
||
|
|
font-style: italic;
|
||
|
|
color: #ccc;
|
||
|
|
}
|
||
|
|
|
||
|
|
|
||
|
|
/*=============================================================
|
||
|
|
EDIT PAGE SLIDING FILES MENU
|
||
|
|
==============================================================*/
|
||
|
|
|
||
|
|
@media (max-width: 979px) {
|
||
|
|
body.edit div#header {
|
||
|
|
position: relative;
|
||
|
|
z-index: 1030 !important;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
#editor_area,
|
||
|
|
#edit_placeholder {
|
||
|
|
margin: 0;
|
||
|
|
padding: 0;
|
||
|
|
}
|
||
|
|
|
||
|
|
#editor_area {
|
||
|
|
position: relative;
|
||
|
|
box-sizing: border-box;
|
||
|
|
}
|
||
|
|
|
||
|
|
#files {
|
||
|
|
width: auto;
|
||
|
|
height: 100%;
|
||
|
|
margin: 0;
|
||
|
|
padding: 0;
|
||
|
|
position: fixed;
|
||
|
|
top: 0px;
|
||
|
|
left: 0px;
|
||
|
|
z-index: 1031;
|
||
|
|
border-right: 3px solid #000;
|
||
|
|
/* animation (it doesn't work in IE<10) */
|
||
|
|
-moz-transition: all 0.4s;
|
||
|
|
-webkit-transition: all 0.4s;
|
||
|
|
-o-transition: all 0.4s;
|
||
|
|
transition: all 0.4s;
|
||
|
|
}
|
||
|
|
|
||
|
|
#files:hover,
|
||
|
|
#files:focus {
|
||
|
|
left: 0px !important;
|
||
|
|
}
|
||
|
|
|
||
|
|
#files,
|
||
|
|
.files-toggle {
|
||
|
|
background: #1b1b1b;
|
||
|
|
opacity: 0.98;
|
||
|
|
}
|
||
|
|
|
||
|
|
.files-toggle {
|
||
|
|
width: 18px;
|
||
|
|
height: 86px;
|
||
|
|
border-radius: 0px 4px 4px 0px;
|
||
|
|
color: #999;
|
||
|
|
position: absolute;
|
||
|
|
top: 60px;
|
||
|
|
right: -18px;
|
||
|
|
cursor: default;
|
||
|
|
}
|
||
|
|
|
||
|
|
.arrow {
|
||
|
|
display: block;
|
||
|
|
position: absolute;
|
||
|
|
top: 8px;
|
||
|
|
width: 18px;
|
||
|
|
height: 70px;
|
||
|
|
background: url(../images/files_toggle.png) no-repeat;
|
||
|
|
}
|
||
|
|
|
||
|
|
.files-menu {
|
||
|
|
height: 100%;
|
||
|
|
overflow: auto;
|
||
|
|
}
|
||
|
|
|
||
|
|
#filelist {
|
||
|
|
position: relative;
|
||
|
|
top: 60px;
|
||
|
|
padding-bottom: 60px;
|
||
|
|
}
|
||
|
|
|
||
|
|
#filelist li {
|
||
|
|
padding-right: 8px;
|
||
|
|
width: 100%;
|
||
|
|
}
|
||
|
|
|
||
|
|
#filelist li>a {
|
||
|
|
text-shadow: none;
|
||
|
|
}
|
||
|
|
|
||
|
|
|
||
|
|
/*=============================================================
|
||
|
|
MEDIA QUERIES
|
||
|
|
==============================================================*/
|
||
|
|
|
||
|
|
@media (max-width: 800px) {
|
||
|
|
.step [rel="pagebookmark"]>.hashstick {
|
||
|
|
/*top:-54px;*/
|
||
|
|
display: block;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
@media (max-width: 767px) {
|
||
|
|
[rel="pagebookmark"]>.hashstick {
|
||
|
|
top: 0;
|
||
|
|
}
|
||
|
|
/*-----------------------------------
|
||
|
|
main
|
||
|
|
-------------------------------------*/
|
||
|
|
#main {
|
||
|
|
margin-top: 0;
|
||
|
|
}
|
||
|
|
/*-----------------------------------
|
||
|
|
footer
|
||
|
|
-------------------------------------*/
|
||
|
|
#footer {
|
||
|
|
margin-left: -20px;
|
||
|
|
margin-right: -20px;
|
||
|
|
padding-left: 20px;
|
||
|
|
padding-right: 20px;
|
||
|
|
}
|
||
|
|
/*-----------------------------------
|
||
|
|
errors page
|
||
|
|
-------------------------------------*/
|
||
|
|
#trck_errors {
|
||
|
|
table-layout: fixed;
|
||
|
|
}
|
||
|
|
#trck_errors .column1 {
|
||
|
|
width: 20px;
|
||
|
|
}
|
||
|
|
#trck_errors .column2 {
|
||
|
|
width: 45px;
|
||
|
|
}
|
||
|
|
#trck_errors .column3 {
|
||
|
|
width: 150px;
|
||
|
|
}
|
||
|
|
#trck_errors .columnN {
|
||
|
|
width: 55px;
|
||
|
|
}
|
||
|
|
#trck_errors .columnN1 {
|
||
|
|
width: 138px;
|
||
|
|
}
|
||
|
|
.ticket_code,
|
||
|
|
.inspect.resp1,
|
||
|
|
.inspect.controls pre,
|
||
|
|
.errorsource {
|
||
|
|
width: 100%;
|
||
|
|
overflow: auto;
|
||
|
|
}
|
||
|
|
.ticket_code>table {
|
||
|
|
width: 100%;
|
||
|
|
}
|
||
|
|
.celled {
|
||
|
|
width: 320px;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
@media (max-width: 480px) {
|
||
|
|
.qry_pnl_btns {
|
||
|
|
display: block;
|
||
|
|
margin-top: 4px;
|
||
|
|
}
|
||
|
|
/*-----------------------------------
|
||
|
|
wizard
|
||
|
|
-------------------------------------*/
|
||
|
|
#generate_form .control-label {
|
||
|
|
float: left;
|
||
|
|
width: 160px;
|
||
|
|
padding-top: 5px;
|
||
|
|
}
|
||
|
|
.inspect>code {
|
||
|
|
display: block;
|
||
|
|
white-space: normal;
|
||
|
|
}
|
||
|
|
.li-controls {}
|
||
|
|
.celled {
|
||
|
|
width: 165px;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
|
||
|
|
/*-----------------------------------
|
||
|
|
miscellaneous
|
||
|
|
-------------------------------------*/
|
||
|
|
|
||
|
|
h4.editableapp,
|
||
|
|
h4.currentapp {
|
||
|
|
padding: 5px 0 5px 54px;
|
||
|
|
display: inline;
|
||
|
|
}
|
||
|
|
|
||
|
|
h4.editableapp {
|
||
|
|
background: #fff url(../images/folder.png) no-repeat;
|
||
|
|
}
|
||
|
|
|
||
|
|
h4.currentapp {
|
||
|
|
background: #fff url(../images/folder_locked.png) no-repeat;
|
||
|
|
}
|
||
|
|
|
||
|
|
.w2p_flash {
|
||
|
|
position: fixed;
|
||
|
|
width: 50%;
|
||
|
|
top: 49px;
|
||
|
|
left: 25%;
|
||
|
|
right: 25%;
|
||
|
|
cursor: default;
|
||
|
|
text-align: center;
|
||
|
|
z-index: 5620;
|
||
|
|
}
|
||
|
|
|
||
|
|
span#closeflash {
|
||
|
|
position: absolute;
|
||
|
|
top: 1px;
|
||
|
|
right: -1px;
|
||
|
|
font-size: 150%;
|
||
|
|
border: 1px solid black;
|
||
|
|
border-color: transparent transparent #fbeed5 #fbeed5;
|
||
|
|
border-radius: 0 0 0 4px;
|
||
|
|
width: 22px;
|
||
|
|
}
|
||
|
|
|
||
|
|
span#closeflash:hover {
|
||
|
|
font-weight: bold;
|
||
|
|
cursor: pointer;
|
||
|
|
}
|
||
|
|
|
||
|
|
table.twitter {
|
||
|
|
background-color: transparent;
|
||
|
|
}
|
||
|
|
|
||
|
|
table.twitter tr td {
|
||
|
|
vertical-align: top;
|
||
|
|
padding: 5px;
|
||
|
|
}
|
||
|
|
|
||
|
|
table.twitter tr {
|
||
|
|
border-bottom: 1px solid #a0a0a0;
|
||
|
|
}
|
||
|
|
|
||
|
|
div.error_wrapper {
|
||
|
|
margin-top: -10px;
|
||
|
|
margin-bottom: 8px;
|
||
|
|
padding-left: 2px;
|
||
|
|
color: #d62e2b;
|
||
|
|
}
|
||
|
|
|
||
|
|
.twitter-timeline>iframe {
|
||
|
|
padding: 1em 0;
|
||
|
|
}
|