diff --git a/applications/admin/static/css/bootstrap_essentials.css b/applications/admin/static/css/bootstrap_essentials.css index 4343a844..4d3a1648 100644 --- a/applications/admin/static/css/bootstrap_essentials.css +++ b/applications/admin/static/css/bootstrap_essentials.css @@ -1,340 +1,814 @@ - /*============================================================= GENERAL ==============================================================*/ - body { /*remember to account for the hidden area underneath + +body { + /*remember to account for the hidden area underneath fixed navbar by adding at least 40px padding to the . 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*/ } +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"); } +[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; } +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; } +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; } +.row-buttons .btn { + margin-bottom: 7px; +} -.pwdchange>.button { margin-bottom:10px; } +.sidebar .box { + clear: right; + margin-top: 2em; + border-top: 1px solid #d1d1d1; + padding: 0 1em; +} -input[type="file"] { margin-bottom:9px; } +.pwdchange>.button { + margin-bottom: 10px; +} -.form-inline input[type="file"] { margin-bottom:0px; } +input[type="file"] { + margin-bottom: 9px; +} -input + .help-block { margin-top:-10px; margin-bottom:4px; } +.form-inline input[type="file"] { + margin-bottom: 0px; +} -#confirm_form input.btn, .generatedbyw2p input { margin-right:4px; } +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; +} -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"] { + position: relative; +} + +[rel="pagebookmark"]>.component { + cursor: pointer; +} + +[rel="pagebookmark"]>.hashstick { + position: absolute; + top: -54px; + left: -9999px; + visibility: visible; +} -[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; } +.tophashlink.btn { + padding: 2px 3px; + visibility: hidden; +} -ul.act_edit { margin-top:4px; margin-left:20px; } +.hashstick:target+.tophashlink.btn { + visibility: visible; +} -ul.act_edit .btn { margin-top:4px; margin-bottom:4px; } +ul.act_edit { + margin-top: 4px; + margin-left: 20px; +} -ul.act_edit .file>a { white-space:pre; } +ul.act_edit .btn { + margin-top: 4px; + margin-bottom: 4px; +} -.right-full { text-align:right; } +ul.act_edit .file>a { + white-space: pre; +} -.searchbox, .searchbox label, .searchbox input { display:inline-block; } +.right-full { + text-align: right; +} -.buttons-row .btn { margin-bottom:9px; } +.searchbox, +.searchbox label, +.searchbox input { + display: inline-block; +} -.li-controls { display:inline-block; width:180px; vertical-align:middle; } +.buttons-row .btn { + margin-bottom: 9px; +} -.celled { display:inline-block; padding: 0 0 0 4px; vertical-align:top; margin-top:4px; width:700px; } +.li-controls { + display: inline-block; + width: 180px; + vertical-align: middle; +} -.folder { list-style-type:none; #border-left: 1px dotted #AAA; } +.celled { + display: inline-block; + padding: 0 0 0 4px; + vertical-align: top; + margin-top: 4px; + width: 700px; +} -.folder li { list-style-type:none; } +.folder { + list-style-type: none; + border-left: 1px dotted #AAA; +} -.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 li { + list-style-type: none; +} -.folder>i+a { padding-left:0.5em; } +.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 ul { margin-top:0.5em; margin-bottom:0.5em; } +.folder>i+a { + padding-left: 0.5em; +} -.controls-inline .btn { margin-right:5px; } +.folder ul { + margin-top: 0.5em; + margin-bottom: 0.5em; +} -div.web2py_counter.span6 { min-height:24px; text-align:right; } +.controls-inline .btn { + margin-right: 5px; +} -.pagination { margin:0; } +div.web2py_counter.span6 { + min-height: 24px; + text-align: right; +} -.table { margin-bottom:10px; } +.pagination { + margin: 0; +} -.row_buttons .btn { margin-right:4px; } +.table { + margin-bottom: 10px; +} -.editor-bar-column { display:inline-block; vertical-align:top; margin-right:4px; } +.row_buttons .btn { + margin-right: 4px; +} -.editor-bar-column .input-long { width:270px; } +.editor-bar-column { + display: inline-block; + vertical-align: top; + margin-right: 4px; +} -.editor-bar-column .input-normal { width:206px; } +.editor-bar-column .input-long { + width: 270px; +} -.keybindings li { margin-bottom:0.5em; } +.editor-bar-column .input-normal { + width: 206px; +} -.keybindings span { padding:0.3em; border:1px solid transparent; vertical-align:middle; } +.keybindings li { + margin-bottom: 0.5em; +} -.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; } +.keybindings span { + padding: 0.3em; + border: 1px solid transparent; + vertical-align: middle; +} -.edit_language .tab_row div { display:inline-block; vertical-align:top; margin-right:4px; } +.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 .fake-input { height:18px; padding:4px; font-size:13px; line-height:18px; overflow:hidden; white-space:nowrap; display:inline-block; margin-bottom:9px; } +.edit_language .tab_row div { + display: inline-block; + vertical-align: top; + margin-right: 4px; +} -.test h3 { padding-left:9px; margin:0; font-size:16px; line-height:1; border-left:9px solid transparent; } +.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.passed { border-color:#009900; } +.test h3 { + padding-left: 9px; + margin: 0; + font-size: 16px; + line-height: 1; + border-left: 9px solid transparent; +} -.test h3.failed { border-color:#CC0000; } +.test h3.passed { + border-color: #009900; +} -.test h3.nodoctests { border-color:#CCCC99; } +.test h3.failed { + border-color: #CC0000; +} -.test .test_report { width:100%; overflow:auto; } +.test h3.nodoctests { + border-color: #CCCC99; +} -.test_report pre { white-space:pre; } +.test .test_report { + width: 100%; + overflow: auto; +} -.test div[id^="output_"]>h2 { font-size:18px; line-height:1; color:grey; } +.test_report pre { + white-space: pre; +} -div.center { text-align:center; } +.test div[id^="output_"]>h2 { + font-size: 18px; + line-height: 1; + color: grey; +} + +div.center { + text-align: center; +} + +.delete h2 { + word-wrap: break-word; +} -.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 .output-wrapper { + width: 100%; + height: 30em; + border: 1px solid #333; +} -.shell .prompt-container { margin-left:2.5em; } +.shell .prompt-wrapper { + float: left; + width: 100%; + overflow: hidden; + height: auto; + border: 1px solid #333; +} -.shell #caret { width:2.5em; float:left; margin-left:-100%; } +.shell .prompt-container { + margin-left: 2.5em; +} -.shell #shellwrapper { background:white; color:#E8953C; width:100%; margin:1em 0; border:0; } +.shell #caret { + width: 2.5em; + float: left; + margin-left: -100%; +} -.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 #shellwrapper { + background: white; + color: #E8953C; + width: 100%; + margin: 1em 0; + border: 0; +} -.shell #output:focus, .shell .prompt:focus { border-color:transparent; outline:0; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } +.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 pre { color: #E8953C; } +.shell #output:focus, +.shell .prompt:focus { + border-color: transparent; + outline: 0; + -webkit-box-shadow: none; + -moz-box-shadow: none; + box-shadow: none; +} -.shell #autoscroll { cursor:pointer; float:right; } +.shell #output pre { + color: #E8953C; +} -.shell .prompt, .shell #output, .shell #caret { font-size: 11pt; padding: 6px; padding-right: 0em; } +.shell #autoscroll { + cursor: pointer; + float: right; +} -.shell #caret { padding-top:9px; } +.shell .prompt, +.shell #output, +.shell #caret { + font-size: 11pt; + padding: 6px; + padding-right: 0em; +} -.shell .prompt, .shell #output, .shell pre, .shell #caret { font-family: monospace; } +.shell #caret { + padding-top: 9px; +} + +.shell .prompt, +.shell #output, +.shell pre, +.shell #caret { + font-family: monospace; +} + +.shell a[rel="tooltip"] { + margin-left: 8px; +} -.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; } +.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 { + 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; +} -#footer select { width:auto; } /*============================================================= MAIN ==============================================================*/ - #main { margin-top:60px; /*uncomment this for alternative solution to hidden area underneath fixed navbar issue*/ margin-bottom:60px; } + +#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; } +#wizard_nav .box { + border-bottom: 1px dotted; +} -.step textarea { width:auto; } +#wizard_nav li { + margin-left: 1em; + margin-top: 0.5em; +} -select[name='layout_theme'] { vertical-align:top; } +.step textarea { + width: auto; +} + +select[name='layout_theme'] { + vertical-align: top; +} + +img#preview { + margin-bottom: 9px; +} -img#preview { margin-bottom:9px; } /* multiselect customization*/ - .ms-container { margin-bottom:5px; } -.ms-selectable, .step .ms-selection { text-align:center; } +.ms-container { + margin-bottom: 5px; +} -.ms-list { text-align:left; background:white; } +.ms-selectable, +.step .ms-selection { + text-align: center; +} -.ms-container li.ms-elem-selectable:not(.disabled).ms-hover, .ms-container .ms-selection li:not(.disabled).ms-hover { background-color:#E8953C; } +.ms-list { + text-align: left; + background: white; +} -.ms-container .ms-selectable { margin-right:25px; } +.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, .ms-container .ms-selection { background:transparent; } +.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); +} -.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; } + +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 .control-group { + margin-bottom: 0; +} -#generate_form .controls { padding-left:18px; margin-left:0; } +#generate_form .control-label { + text-align: left; +} -#generate_form .control-label.empty { width:142px; } +#generate_form .controls { + padding-left: 18px; + margin-left: 0; +} + +#generate_form .control-label.empty { + width: 142px; +} + +.step [rel="pagebookmark"]>.hashstick { + display: none; +} -.step [rel="pagebookmark"]>.hashstick { display:none; } /*generated page*/ - .generated iframe { border:1px inset #e3e3e3; } + +.generated iframe { + border: 1px inset #e3e3e3; +} + /*============================================================= ERRORS TABLE / TICKET PAGE ==============================================================*/ - .tablebar { margin:7px 0 7px 0; } -.tablebar input { margin-right:27px; } +.tablebar { + margin: 7px 0 7px 0; +} -.tablebar span { vertical-align:bottom; } +.tablebar input { + margin-right: 27px; +} -.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;*/ } +.tablebar span { + vertical-align: bottom; +} -td.cbcentered, th.cbcentered { text-align:center; } +.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>input, th.cbcentered>input { margin-top:-1px; } +td.cbcentered, +th.cbcentered { + text-align: center; +} -.traceback div { } +td.cbcentered>input, +th.cbcentered>input { + margin-top: -1px; +} -.ticket_code>table td:first-child { border-left:0; } +.traceback div {} -#trck_errors table td pre { word-break:normal; white-space:pre; } +.ticket_code>table td:first-child { + border-left: 0; +} -.inspect pre, .errorsource pre { word-break:normal; white-space:pre; } +#trck_errors table td pre { + word-break: normal; + white-space: pre; +} -.ticket_code { background-color:lightyellow; } +.inspect pre, +.errorsource pre { + word-break: normal; + white-space: pre; +} -.ticket_code table, .ticket_code td { border-width:0px; border-collapse:collapse; width:100%; } +.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; +} -.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*/ } + +.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; } +#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); +} -.web2py_grid .hidden { visibility:visible; } +#w2p_query_panel select, +#w2p_query_panel input { + margin-bottom: 0; + margin-right: 4px; +} -.qry_pnl_btns { display:inline-block; } +.web2py_grid .hidden { + visibility: visible; +} -#w2p_grid_addbtn, #w2p_search-form { margin-top:9px; margin-bottom:9px; } +.qry_pnl_btns { + display: inline-block; +} -#w2p_search-form { margin-bottom:0; } +#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; +} -#w2p_search-form form { margin-bottom:0; } /*----- translate page ---*/ - .languageform input { margin-bottom:0; } -.languageform input.untranslated { background-color:#FC0; } +.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; + 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; + 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; + position: absolute; + left: 6px; + top: 4px; } .uploadbtn { -position: absolute; -top: 3px; -right: 3px; + position: absolute; + top: 3px; + right: 3px; } .txtPlaceholder { -font-style: italic; -color: #ccc; + font-style: italic; + color: #ccc; } + /*============================================================= EDIT PAGE SLIDING FILES MENU ==============================================================*/ + @media (max-width: 979px) { - body.edit div#header {position:relative; z-index: 1030 !important;} + body.edit div#header { + position: relative; + z-index: 1030 !important; + } } -#editor_area, #edit_placeholder { +#editor_area, +#edit_placeholder { margin: 0; padding: 0; } @@ -361,11 +835,13 @@ EDIT PAGE SLIDING FILES MENU transition: all 0.4s; } -#files:hover, #files:focus { +#files:hover, +#files:focus { left: 0px !important; } -#files, .files-toggle { +#files, +.files-toggle { background: #1b1b1b; opacity: 0.98; } @@ -410,80 +886,162 @@ EDIT PAGE SLIDING FILES MENU text-shadow: none; } + /*============================================================= MEDIA QUERIES ==============================================================*/ - @media (max-width: 800px) { .step [rel="pagebookmark"]>.hashstick { /*top:-54px;*/ display:block; } - } +@media (max-width: 800px) { + .step [rel="pagebookmark"]>.hashstick { + /*top:-54px;*/ + display: block; + } +} -@media (max-width: 767px) { [rel="pagebookmark"]>.hashstick { top:0; } - -/*----------------------------------- +@media (max-width: 767px) { + [rel="pagebookmark"]>.hashstick { + top: 0; + } + /*----------------------------------- main -------------------------------------*/ - #main { margin-top:0; } - -/*----------------------------------- + #main { + margin-top: 0; + } + /*----------------------------------- footer -------------------------------------*/ - #footer { margin-left: -20px; margin-right: -20px; padding-left: 20px; padding-right: 20px; } - -/*----------------------------------- + #footer { + margin-left: -20px; + margin-right: -20px; + padding-left: 20px; + padding-right: 20px; + } + /*----------------------------------- errors page -------------------------------------*/ - #trck_errors { table-layout:fixed; } + #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; + } +} -#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; } - -/*----------------------------------- +@media (max-width: 480px) { + .qry_pnl_btns { + display: block; + margin-top: 4px; + } + /*----------------------------------- wizard -------------------------------------*/ - #generate_form .control-label { float:left; width:160px; padding-top:5px; } + #generate_form .control-label { + float: left; + width: 160px; + padding-top: 5px; + } + .inspect>code { + display: block; + white-space: normal; + } + .li-controls {} + .celled { + width: 165px; + } +} -.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.editableapp, +h4.currentapp { + padding: 5px 0 5px 54px; + display: inline; +} -h4.currentapp { background: #fff url(../images/folder_locked.png) no-repeat; } +h4.editableapp { + background: #fff url(../images/folder.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; } +h4.currentapp { + background: #fff url(../images/folder_locked.png) no-repeat; +} -table.twitter{ background-color: transparent; } -table.twitter tr td {vertical-align: top; padding: 5px; } -table.twitter tr { border-bottom: 1px solid #a0a0a0; } +.w2p_flash { + position: fixed; + width: 50%; + top: 49px; + left: 25%; + right: 25%; + cursor: default; + text-align: center; + z-index: 5620; +} -div.error_wrapper {margin-top:-10px; margin-bottom:8px; padding-left:2px; color:#d62e2b; } +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; +} -.twitter-timeline >iframe{padding: 1em 0;} +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; +}