admin2 - experimental

This commit is contained in:
mdipierro
2016-03-09 11:53:07 -06:00
parent 702e7cbea2
commit b487583f92
17 changed files with 451 additions and 1072 deletions
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
-489
View File
@@ -1,489 +0,0 @@
/*=============================================================
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;}
+10 -6
View File
@@ -1,7 +1,11 @@
.calendar{z-index:99;position:relative;display:none;background:#fff;border:2px solid #000;font-size:11px;color:#000;cursor:default;font-family:Arial,Helvetica,sans-serif;
border-radius: 10px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
}.calendar table{margin:0px;font-size:11px;color:#000;cursor:default;font-family:tahoma,verdana,sans-serif;}.calendar .button{text-align:center;padding:1px;color:#fff;background:#000;}.calendar .nav{background:#000;color:#fff}.calendar thead .title{font-weight:bold;padding:1px;background:#000;color:#fff;text-align:center;}.calendar thead .name{padding:2px;text-align:center;background:#bbb;}.calendar thead .weekend{color:#f00;}.calendar thead .hilite {background-color:#666;}.calendar thead .active{padding:2px 0 0 2px;background-color:#c4c0b8;}.calendar tbody .day{width:2em;text-align:right;padding:2px 4px 2px 2px;}.calendar tbody .day.othermonth{color:#aaa;}.calendar tbody .day.othermonth.oweekend{color:#faa;}.calendar table .wn{padding:2px 3px 2px 2px;background:#bbb;}.calendar tbody .rowhilite td{background:#ddd;}.calendar tbody td.hilite{background:#bbb;}.calendar tbody td.active{background:#bbb;}.calendar tbody td.selected{font-weight:bold;background:#ddd;}.calendar tbody td.weekend{color:#f00;}.calendar tbody td.today{font-weight:bold;color:#00f;}.calendar tbody .disabled{color:#999;}.calendar tbody .emptycell{visibility:hidden;}.calendar tbody .emptyrow{display:none;}.calendar tfoot .ttip{background:#bbb;padding:1px;background:#000;color:#fff;text-align:center;}.calendar tfoot .hilite{background:#ddd;}.calendar tfoot .active{}.calendar .combo{position:absolute;display:none;width:4em;top:0;left:0;cursor:default;background:#e4e0d8;padding:1px;z-index:100;}.calendar .combo .label,.calendar .combo .label-IEfix{text-align:center;padding:1px;}.calendar .combo .label-IEfix{width:4em;}.calendar .combo .active{background:#c4c0b8;}.calendar .combo .hilite{background:#048;color:#fea;}.calendar td.time{padding:1px 0;text-align:center;background-color:#bbb;}.calendar td.time .hour,.calendar td.time .minute,.calendar td.time .ampm{padding:0 3px 0 4px;font-weight:bold;}.calendar td.time .ampm{text-align:center;}.calendar td.time .colon{padding:0 2px 0 3px;font-weight:bold;}.calendar td.time span.hilite{}.calendar td.time span.active{border-color:#f00;background-color:#000;color:#0f0;}.hour,.minute{font-size:2em;}
.calendar {z-index:2000;position:relative;margin-top:140px;display:none;background-color:white;border:1px solid #000;color:#000;cursor:default;box-shadow:0 0 10px #666}.calendar * {text-align: center;font-size:10px!important}
.calendar table {border-collapse:collapse}
.calendar tbody tr:hover {background-color:#fbf6d9}
.calendar td, th {padding:5px; vertical-align:top; text-align:left; border:0}
.calendar thead tr {background-color:#f1f1f1}
.calendar tbody tr {border-bottom:2px solid #f1f1f1}
.calendar th {font-weight:string; padding:5px; vertical-align:bottom; text-align:left}
.calendar thead th {vertical-align:bottom}
.calendar tbody th {vertical-align:top}
#CP_hourcont{z-index:99;padding:0;position:absolute;border:1px dashed #666;background-color:#eee;display:none;}#CP_minutecont{z-index:99;background-color:#ddd;padding:1px;position:absolute;width:45px;display:none;}.floatleft{float:left;}.CP_hour{z-index:99;padding:1px;font-family:Arial,Helvetica,sans-serif;font-size:9px;white-space:nowrap;cursor:pointer;width:35px;}.CP_minute{z-index:99;padding:1px;font-family:Arial,Helvetica,sans-serif;font-size:9px;white-space:nowrap;cursor:pointer;width:auto;}.CP_over{background-color:#fff;z-index:99}
#CP_hourcont{z-index:2000;padding:0;position:absolute;border:1px dashed #666;background-color:#eee;display:none;}#CP_minutecont{z-index:2000;background-color:#ddd;padding:1px;position:absolute;width:45px;display:none;}.floatleft{float:left;}.CP_hour{z-index:2000;padding:1px;font-family:Arial,Helvetica,sans-serif;font-size:9px;white-space:nowrap;cursor:pointer;width:35px;}.CP_minute{z-index:2000;padding:1px;font-family:Arial,Helvetica,sans-serif;font-size:9px;white-space:nowrap;cursor:pointer;width:auto;}.CP_over{background-color:#fff;z-index:2000}