480 lines
17 KiB
CSS
480 lines
17 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:-5px; 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: 1029;
|
|
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; }
|
|
|
|
}
|
|
|
|
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; }
|
|
|
|
.flash { position:fixed; width:50%; top:49px; left:25%; right:25%; cursor:default; text-align:center; z-index:5620; }
|
|
|
|
table.twitter{ background-color: transparent; }
|
|
table.twitter tr td {vertical-align: top; padding: 5px; }
|
|
table.twitter tr { border-bottom: 1px solid #a0a0a0; } |