admin based on bootstrap, thanks Paolo
This commit is contained in:
mdipierro
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
@@ -0,0 +1,579 @@
|
||||
/*=============================================================
|
||||
GENERAL
|
||||
==============================================================*/
|
||||
html,body{height:auto;background:transparent;}
|
||||
/*=============================================================
|
||||
CONTROLS
|
||||
==============================================================*/
|
||||
label,
|
||||
input,
|
||||
button,
|
||||
select,
|
||||
textarea,
|
||||
button.btn
|
||||
{
|
||||
font-size:13px;
|
||||
font-weight:normal;
|
||||
line-height:18px;
|
||||
}
|
||||
textarea,
|
||||
select
|
||||
{
|
||||
margin-bottom:9px;
|
||||
}
|
||||
select,
|
||||
/*textarea,*/
|
||||
input[type="text"],
|
||||
input[type="password"],
|
||||
input[type="datetime"],
|
||||
input[type="datetime-local"],
|
||||
input[type="date"],
|
||||
input[type="month"],
|
||||
input[type="time"],
|
||||
input[type="week"],
|
||||
input[type="number"],
|
||||
input[type="email"],
|
||||
input[type="url"],
|
||||
input[type="search"],
|
||||
input[type="tel"],
|
||||
input[type="color"],
|
||||
.uneditable-input,
|
||||
a.btn-lnk
|
||||
{
|
||||
height:18px;
|
||||
padding:4px;
|
||||
font-size:13px;
|
||||
line-height:18px;
|
||||
}
|
||||
.design h3,
|
||||
.plugin h3
|
||||
{
|
||||
background-position:0 2px;
|
||||
}
|
||||
|
||||
select,
|
||||
input[type="file"]
|
||||
{
|
||||
height:28px;
|
||||
line-height:28px;
|
||||
}
|
||||
input[type="submit"],
|
||||
input[type="button"]
|
||||
{
|
||||
font-size:13px;
|
||||
height:28px;
|
||||
line-height:18px;
|
||||
padding:4px 10px;
|
||||
}
|
||||
input[type="radio"],
|
||||
input[type="checkbox"]
|
||||
{
|
||||
margin-top:2px;
|
||||
}
|
||||
.button.btn
|
||||
{
|
||||
line-height:1.25em;
|
||||
font-size:inherit;
|
||||
border:none;
|
||||
text-shadow:none;
|
||||
margin-bottom:0px;
|
||||
-webkit-border-radius:0px;
|
||||
-moz-border-radius:0px;
|
||||
border-radius:0px;
|
||||
-webkit-box-shadow:none;
|
||||
-moz-box-shadow:none;
|
||||
box-shadow:none);
|
||||
}
|
||||
.button.btn:hover
|
||||
{
|
||||
background-color:transparent;
|
||||
-webkit-transition: background-position 0s linear;
|
||||
-moz-transition: background-position 0s linear;
|
||||
-o-transition: background-position 0s linear;
|
||||
transition: background-position 0s linear;
|
||||
}
|
||||
form label
|
||||
{
|
||||
font-weight:bold;
|
||||
}
|
||||
.help
|
||||
{
|
||||
border-color:transparent;
|
||||
}
|
||||
/* tree menu */
|
||||
.folder
|
||||
{
|
||||
border:none;
|
||||
}
|
||||
.folder>i
|
||||
{
|
||||
display:none;
|
||||
}
|
||||
.celled
|
||||
{
|
||||
padding-top: 2px;
|
||||
}
|
||||
.celled-one
|
||||
{
|
||||
padding-top: 1px;
|
||||
}
|
||||
|
||||
.test h3
|
||||
{
|
||||
border:0;
|
||||
padding-left:18px;
|
||||
}
|
||||
/*=============================================================
|
||||
FLASH MESSAGEBOX
|
||||
==============================================================*/
|
||||
.flash
|
||||
{
|
||||
position:fixed;
|
||||
width:50%;
|
||||
top:49px;
|
||||
left:25%;
|
||||
right:25%;
|
||||
cursor:default;
|
||||
text-align:center;
|
||||
padding:8px 35px 8px 14px;
|
||||
z-index:5620;
|
||||
}
|
||||
.flash>.close
|
||||
{
|
||||
color:inherit;
|
||||
opacity:0.7;
|
||||
}
|
||||
.flash>.close:hover
|
||||
{
|
||||
opacity:0.9;
|
||||
}
|
||||
/*=============================================================
|
||||
NAVBAR
|
||||
==============================================================*/
|
||||
.navbar-fixed-top .navbar-inner,
|
||||
.navbar-static-top .navbar-inner
|
||||
{
|
||||
/* in place of shadow image */
|
||||
-webkit-box-shadow:0px 10px 20px rgba(195,195,195,1.0);
|
||||
-moz-box-shadow: 0px 10px 20px rgba(195,195,195,1.0);
|
||||
box-shadow: 0px 10px 20px rgba(195,195,195,1.0);
|
||||
//zoom:1; /* IE6-9 */
|
||||
filter:progid:DXImageTransform.Microsoft.DropShadow(OffX=0, OffY=10, Color=#000000); /* IE6-9 */
|
||||
padding:0;
|
||||
}
|
||||
.navbar-inverse .navbar-inner
|
||||
{
|
||||
min-height:33px; /* required - override */
|
||||
height:33px;
|
||||
filter:progid:DXImageTransform.Microsoft.gradient(enabled=false); /* IE6-9 */
|
||||
background:#292929 url(../images/header_bg.png) repeat-x;
|
||||
border:none;
|
||||
}
|
||||
#header
|
||||
{
|
||||
background:transparent;
|
||||
}
|
||||
#header.navbar
|
||||
{
|
||||
overflow:visible;
|
||||
}
|
||||
.navbar-inverse .nav > li > a
|
||||
{
|
||||
padding:0;
|
||||
line-height:1.25;
|
||||
text-shadow:none;
|
||||
}
|
||||
.navbar .btn-navbar
|
||||
{
|
||||
padding:4px;
|
||||
margin:5px 5px 0 5px;
|
||||
}
|
||||
#menu{margin-right:-7px;}
|
||||
/*=============================================================
|
||||
FOOTER
|
||||
==============================================================*/
|
||||
#footer
|
||||
{
|
||||
padding-bottom:0;
|
||||
}
|
||||
/*=============================================================
|
||||
MAIN
|
||||
==============================================================*/
|
||||
#main
|
||||
{
|
||||
position:static;
|
||||
padding-top:0;
|
||||
padding-bottom:0;
|
||||
}
|
||||
/*=============================================================
|
||||
SIDEBAR
|
||||
==============================================================*/
|
||||
.sidebar_inner
|
||||
{
|
||||
background:transparent;
|
||||
padding:0;
|
||||
min-width:auto;
|
||||
}
|
||||
.sidebar .box {
|
||||
border-top:1px solid #EEE;
|
||||
}
|
||||
/*=============================================================
|
||||
WIZARD
|
||||
==============================================================*/
|
||||
.step div.help li
|
||||
{
|
||||
line-height:inherit;
|
||||
}
|
||||
.ms-container .ms-selectable li.ms-elem-selectable,
|
||||
.ms-container .ms-selection li.ms-elem-selected
|
||||
{
|
||||
font-size:13px;
|
||||
}
|
||||
.input-append a.btn
|
||||
{
|
||||
padding:4px;
|
||||
height:18px;
|
||||
font-size:13px;
|
||||
line-height:18px;
|
||||
}
|
||||
/*=============================================================
|
||||
ERRORS TABLE
|
||||
==============================================================*/
|
||||
.errors .table th
|
||||
{
|
||||
filter:progid:DXImageTransform.Microsoft.gradient(enabled=false); /* IE6-9 */
|
||||
}
|
||||
|
||||
.tablebar span.help
|
||||
{
|
||||
font-weight:normal;
|
||||
line-height:1.25em;
|
||||
text-shadow:none;
|
||||
width:auto;
|
||||
}
|
||||
/*=============================================================
|
||||
TOOLTIP
|
||||
==============================================================*/
|
||||
.tooltip.in
|
||||
{
|
||||
opacity:1;
|
||||
filter:alpha(opacity=100);
|
||||
}
|
||||
.tooltip-inner
|
||||
{
|
||||
opacity:1;
|
||||
text-align:left;
|
||||
background:#9fb364;
|
||||
color:#eef1d9;
|
||||
border:1px solid #eef1d9;
|
||||
font-style:italic;
|
||||
padding:0.3em;
|
||||
-moz-border-radius:0.5em;
|
||||
border-radius:0.5em;
|
||||
font-size:13px;
|
||||
text-transform:none;
|
||||
}
|
||||
.tooltip.right .tooltip-arrow,
|
||||
.tooltip.left .tooltip-arrow
|
||||
{
|
||||
border-color:transparent;
|
||||
}
|
||||
|
||||
/*=============================================================
|
||||
THE GRID
|
||||
==============================================================*/
|
||||
.w2p_grid_bottom_bar .w2p_export_menu
|
||||
{
|
||||
line-height:18px;
|
||||
margin-left:0;
|
||||
}
|
||||
.w2p_export_menu .dropdown-toggle
|
||||
{
|
||||
cursor:pointer;
|
||||
margin:0;
|
||||
padding:0;
|
||||
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(white), to(#E6E6E6));
|
||||
background-image: -webkit-linear-gradient(top, white, #E6E6E6);
|
||||
background-image: -o-linear-gradient(top, white, #E6E6E6);
|
||||
background-image: linear-gradient(to bottom, white, #E6E6E6);
|
||||
background-image: -moz-linear-gradient(top, white, #E6E6E6);
|
||||
}
|
||||
.w2p_export_menu ul
|
||||
{
|
||||
margin-top:2px;
|
||||
display:none;
|
||||
}
|
||||
.w2p_export_menu li
|
||||
{
|
||||
display:list-item;
|
||||
margin:0;
|
||||
}
|
||||
div.web2py_grid
|
||||
{
|
||||
font-size:13px;
|
||||
line-height:18px;
|
||||
}
|
||||
.web2py_grid a.btn
|
||||
{
|
||||
font-size:13px;
|
||||
line-height:18px;
|
||||
padding:4px 10px;
|
||||
margin-left:0;
|
||||
margin-right:4px;
|
||||
|
||||
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e6e6e6));
|
||||
background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6);
|
||||
background-image: -o-linear-gradient(top, #ffffff, #e6e6e6);
|
||||
background-image: linear-gradient(to bottom, #ffffff, #e6e6e6);
|
||||
background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6);
|
||||
}
|
||||
.web2py_grid .input-append .btn
|
||||
{
|
||||
padding:4px 10px;
|
||||
margin-right:0;
|
||||
font-family:inherit;
|
||||
color:#333;
|
||||
text-shadow:0 1px 1px rgba(255, 255, 255, 0.75);
|
||||
border:1px solid #c5c5c5;
|
||||
}
|
||||
.web2py_grid select:focus
|
||||
{
|
||||
border-color:rgba(232,149,60,0.8);
|
||||
outline:0;
|
||||
-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_console input[type="button"],
|
||||
.web2py_grid .row_buttons a.btn
|
||||
{
|
||||
color:#333;
|
||||
line-height:18px;
|
||||
padding:4px 10px;
|
||||
text-shadow:rgba(255, 255, 255, 0.74902) 0px 1px 1px;
|
||||
border-color:rgba(0, 0, 0, 0.15) rgba(0, 0, 0, 0.15) rgba(0, 0, 0, 0.25);
|
||||
-webkit-border-radius: 4px;
|
||||
-moz-border-radius: 4px;
|
||||
border-radius: 4px;
|
||||
}
|
||||
.web2py_console input[type="button"]:hover,
|
||||
.web2py_grid .row_buttons a.btn:hover
|
||||
{
|
||||
color:#333;
|
||||
border-color:rgba(0, 0, 0, 0.15) rgba(0, 0, 0, 0.15) rgba(0, 0, 0, 0.25);
|
||||
background:#E6E6E6;
|
||||
background-position: 0 -15px !important;
|
||||
-webkit-transition: background-position .1s linear;
|
||||
-moz-transition: background-position .1s linear;
|
||||
-o-transition: background-position .1s linear;
|
||||
transition: background-position .1s linear;
|
||||
}
|
||||
.web2py_table
|
||||
{
|
||||
border:none;
|
||||
}
|
||||
.web2py_table table
|
||||
{
|
||||
/*table-layout:fixed;*/
|
||||
margin-bottom:4px;
|
||||
}
|
||||
.web2py_table table td
|
||||
{
|
||||
/*word-wrap:break-word;*/ /*uncomment when "table-layout:fixed" is applied */
|
||||
}
|
||||
|
||||
.web2py_grid thead th
|
||||
{
|
||||
background-color:transparent;
|
||||
padding:4px 5px;
|
||||
line-height:18px;
|
||||
vertical-align:bottom;
|
||||
border-right:0;
|
||||
border-bottom:0;
|
||||
word-wrap:break-word;
|
||||
}
|
||||
.web2py_grid .btn-group > .dropdown-menu
|
||||
{
|
||||
font-size:13px;
|
||||
}
|
||||
.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;
|
||||
}
|
||||
.pagination
|
||||
{
|
||||
margin:0;
|
||||
height:30px;
|
||||
}
|
||||
.pagination ul > li > a
|
||||
{
|
||||
line-height:28px;
|
||||
}
|
||||
|
||||
#w2p_grid_addbtn:focus,
|
||||
#w2p_search-form :focus,
|
||||
.btn:focus
|
||||
{
|
||||
outline:none;
|
||||
}
|
||||
.web2py_console input[type="button"]:focus,
|
||||
.web2py_grid .row_buttons a.btn:focus
|
||||
{
|
||||
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15) inset, 0 1px 2px rgba(0, 0, 0, 0.05);
|
||||
}
|
||||
div.web2py_counter.span6
|
||||
{
|
||||
min-height:20px;
|
||||
}
|
||||
.web2py_paginator
|
||||
{
|
||||
border:0;
|
||||
margin:0;
|
||||
padding:0;
|
||||
background-color:transparent;
|
||||
}
|
||||
.web2py_paginator ul li a
|
||||
{
|
||||
margin-right:0;
|
||||
padding:0 14px;
|
||||
border:1px solid #DDD;
|
||||
border-left-width:0;
|
||||
color:#E8953C;
|
||||
}
|
||||
.web2py_paginator ul li a:hover
|
||||
{
|
||||
background: whiteSmoke;
|
||||
border: 1px solid #DDD;
|
||||
border-left-width:0;
|
||||
color:#e2821b;
|
||||
}
|
||||
.web2py_paginator ul li:first-child a,
|
||||
.web2py_paginator ul li:first-child a:hover
|
||||
{
|
||||
border-left-width:1px;
|
||||
}
|
||||
.web2py_paginator .current
|
||||
{
|
||||
font-weight:normal;
|
||||
}
|
||||
.web2py_paginator ul li.current a:hover
|
||||
{
|
||||
color:#999;
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
.editor-bar-column a[name="save"]
|
||||
{
|
||||
background-color: whiteSmoke;
|
||||
background-image: -webkit-gradient(linear,0 0,0 100%,from(white),to(#E6E6E6));
|
||||
background-image: -webkit-linear-gradient(top,white,#E6E6E6);
|
||||
background-image: -o-linear-gradient(top,white,#E6E6E6);
|
||||
background-image: linear-gradient(to bottom,white,#E6E6E6);
|
||||
background-image: -moz-linear-gradient(top,white,#E6E6E6);
|
||||
background-repeat: repeat-x;
|
||||
padding:2px 6px;
|
||||
font-size:11px;
|
||||
line-height:17px;
|
||||
margin:0;
|
||||
}
|
||||
.editor-bar-column a[name="save"]:hover
|
||||
{
|
||||
background-color: #E6E6E6;
|
||||
background-position: 0 -15px;
|
||||
-webkit-transition: background-position .1s linear;
|
||||
-moz-transition: background-position .1s linear;
|
||||
-o-transition: background-position .1s linear;
|
||||
transition: background-position .1s linear;
|
||||
}
|
||||
.keybindings
|
||||
{
|
||||
padding:0 18px 10px;
|
||||
}
|
||||
.keybindings li
|
||||
{
|
||||
margin-bottom:0;
|
||||
}
|
||||
|
||||
/*----- translate page ---*/
|
||||
|
||||
.languageform input
|
||||
{
|
||||
margin-bottom:0;
|
||||
}
|
||||
.languageform div
|
||||
{
|
||||
margin-bottom:9px;
|
||||
}
|
||||
.languageform input.untranslated
|
||||
{
|
||||
background-color:#FC0;
|
||||
}
|
||||
|
||||
.step #wizard_nav .first-box
|
||||
{
|
||||
padding-top:0;
|
||||
}
|
||||
|
||||
/*=============================================================
|
||||
MEDIA QUERIES
|
||||
==============================================================*/
|
||||
@media (max-width: 979px)
|
||||
{
|
||||
/*-----------------------------------
|
||||
Navbar
|
||||
-------------------------------------*/
|
||||
#header .navbar-inner
|
||||
{
|
||||
padding:0;
|
||||
}
|
||||
/*collapsed menu*/
|
||||
.navbar .nav-collapse .nav
|
||||
{
|
||||
background:#222;
|
||||
padding:8px 2px 8px 8px;
|
||||
-webkit-border-bottom-right-radius:8px;
|
||||
-webkit-border-bottom-left-radius:8px;
|
||||
-moz-border-radius-bottomright:8px;
|
||||
-moz-border-radius-bottomleft:8px;
|
||||
border-bottom-right-radius:8px;
|
||||
border-bottom-left-radius:8px;
|
||||
}
|
||||
#menu
|
||||
{
|
||||
margin-right:0;
|
||||
}
|
||||
#menu li
|
||||
{
|
||||
float:none;
|
||||
}
|
||||
#menu a.button,
|
||||
#menu a.button span
|
||||
{
|
||||
background-image:url(../images/menu_responsive.png);
|
||||
}
|
||||
#menu a.button
|
||||
{
|
||||
padding:0 1em 0 0;
|
||||
}
|
||||
}
|
||||
@media(max-width:632px)
|
||||
{
|
||||
/*-----------------------------------
|
||||
footer
|
||||
-------------------------------------*/
|
||||
#footer
|
||||
{
|
||||
height:auto;
|
||||
}
|
||||
|
||||
#footer select
|
||||
{
|
||||
margin-top:8px;
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,822 @@
|
||||
/*=============================================================
|
||||
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 dotted;
|
||||
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: 4px 0 0 0;
|
||||
vertical-align:top;
|
||||
margin-top:4px;
|
||||
width:700px;
|
||||
}
|
||||
.folder
|
||||
{
|
||||
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;
|
||||
}
|
||||
|
||||
|
||||
/*=============================================================
|
||||
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;
|
||||
}
|
||||
}
|
||||
@@ -1166,7 +1166,7 @@ ul#snapshot > li {
|
||||
font-size: 1em;
|
||||
color: #3C3C3D;
|
||||
text-shadow: 1px 1px 0 #FFFFFF;
|
||||
background:#ECECEC;
|
||||
//background:#ECECEC;
|
||||
white-space: nowrap; overflow: visible;
|
||||
cursor: pointer; text-decoration: none;
|
||||
border: 1px solid #CACACA;
|
||||
@@ -1244,8 +1244,64 @@ color: #222;
|
||||
border-radius:2px;
|
||||
}
|
||||
.ie9 #query_panel {padding-bottom:2px;}
|
||||
|
||||
.error, .error a {color:red}
|
||||
.pluralsform thead td {font-weight:bold; font-size:1.2em; padding-bottom:5px}
|
||||
.pluralsform td {padding-left:5px}
|
||||
.tm_ftag {color:blue}
|
||||
|
||||
/*-----------------------------------*/
|
||||
/* due to bootstrap layout
|
||||
/*-----------------------------------*/
|
||||
.navbar .btn-navbar{display:none;}
|
||||
label{display:block;}
|
||||
input{margin-bottom:5px;}
|
||||
.login input{width:210px;}
|
||||
.change_password input{width:210px;}
|
||||
div.flash .close{color:inherit;float:right;}
|
||||
label.checkbox{margin-bottom:5px;}
|
||||
.control-group{margin-bottom:5px;}
|
||||
.step #menu li{margin-left:0;margin-top:0;}
|
||||
.step #wizard_nav{padding-top:0.5em;}
|
||||
.hashstick{visibility:hidden;}
|
||||
#generate_form .control-label{float:left;width:160px;padding-top:5px;text-align:left;}
|
||||
#generate_form .controls > .checkbox:first-child{padding-top:7px;}
|
||||
/* from default/errors.html */
|
||||
table.sortable{border-spacing:0px;}
|
||||
table.sortable td, table.sortable th{padding:2px 5px 2px 5px;}
|
||||
table.sortable thead{background-color:#eee;color:#666666;font-weight:bold;cursor:default;}
|
||||
tr.error_ticket:hover{background-color:#eee;}
|
||||
.controls a.button.unavailable{color:#ff0000;}
|
||||
/* end from default/errors.html */
|
||||
/* new errors table */
|
||||
.tablebar{margin:7px 0 7px 0;}
|
||||
.cbcentered{text-align:center;}
|
||||
/* new tooltip */
|
||||
a[rel='tooltip']:hover{background:transparent;text-decoration:none;}
|
||||
a[rel='tooltip'] span{display:none;padding:5px;margin-left:10px;width:150px;}
|
||||
a[rel='tooltip']:hover span{cursor:default;display:inline;position:absolute;}
|
||||
a[rel='tooltip'] span{background:#9fb364;color:#eef1d9;border:1px solid #eef1d9;font-style:italic;width:20%;padding:0.3em;-moz-border-radius:0.5em;border-radius:0.5em;font-size:13px;text-transform:none;}
|
||||
/* flot graph */
|
||||
.about #placeholder{width:600px;height:300px;margin:0 auto;}
|
||||
.tophashlink.btn{visibility:hidden;}
|
||||
.help-block{display:block;}
|
||||
.w2p_grid_bottom_bar .w2p_export_menu{float:left;line-height:39px;margin-left:10px;}
|
||||
.w2p_export_menu .dropdown-toggle{cursor:default;color:#333;margin:0;padding:0;background-image:none;}
|
||||
.w2p_export_menu ul{display:inline-block;margin:0;vertical-align:middle;}
|
||||
.w2p_export_menu li{list-style:none;display:inline-block;margin-right:4px;margin-left:2px;}
|
||||
.edit_language .tab_row div{display:inline-block;vertical-align:top;margin-right:4px;}
|
||||
.edit_language .tab_row>div{border:1px solid #e3e3e3;margin-bottom:20px;background-color:#f5f5f5;}
|
||||
/* shell*/
|
||||
.shell .output-wrapper{width:75%;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:75%;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 .prompt,.shell #output,.shell pre,.shell #caret{font-family:monospace;}
|
||||
.shell a[rel="tooltip"]{margin-left:8px;}
|
||||
.shell .clearfix{clear:both;}
|
||||
.shell #caret{padding-top:9px;}
|
||||
@@ -0,0 +1,231 @@
|
||||
/*=============================================================
|
||||
CUSTOM RULES
|
||||
==============================================================*/
|
||||
|
||||
body{height:auto;} /* to avoid vertical scroll bar */
|
||||
div.flash.flash-center{left:25%;right:25%;}
|
||||
div.flash.flash-top,div.flash.flash-top:hover{
|
||||
position:relative;
|
||||
display:block;
|
||||
margin:0;
|
||||
padding:1em;
|
||||
top:0;
|
||||
left:0;
|
||||
width:100%;
|
||||
text-align:center;
|
||||
text-shadow:0 1px 0 rgba(255, 255, 255, 0.5);
|
||||
color:#865100;
|
||||
background:#feea9a;
|
||||
border:1px solid;
|
||||
border-top:0px;
|
||||
border-left:0px;
|
||||
border-right:0px;
|
||||
border-radius:0;
|
||||
opacity:1;
|
||||
}
|
||||
#header{margin-top:60px;}
|
||||
.mastheader h1 {
|
||||
margin-bottom:9px;
|
||||
font-size:81px;
|
||||
font-weight:bold;
|
||||
letter-spacing:-1px;
|
||||
line-height:1;
|
||||
font-size:54px;
|
||||
}
|
||||
.mastheader small {
|
||||
font-size:20px;
|
||||
font-weight:300;
|
||||
}
|
||||
/* auth navbar - primitive style */
|
||||
.auth_navbar,.auth_navbar a{color:inherit;}
|
||||
.ie-lte7 .auth_navbar,.auth_navbar a{color:expression(this.parentNode.currentStyle['color']); /* ie7 doesn't support inherit */}
|
||||
.auth_navbar a{white-space:nowrap;} /* to avoid the nav split on more lines */
|
||||
.auth_navbar a:hover{color:white;text-decoration:none;}
|
||||
ul#navbar>.auth_navbar{
|
||||
display:inline-block;
|
||||
padding:5px;
|
||||
}
|
||||
/* form errors message box customization */
|
||||
div.error_wrapper{margin-bottom:9px;}
|
||||
div.error_wrapper .error{
|
||||
border-radius: 4px;
|
||||
-o-border-radius: 4px;
|
||||
-moz-border-radius: 4px;
|
||||
-webkit-border-radius: 4px;
|
||||
}
|
||||
/* below rules are only for formstyle = bootstrap
|
||||
trying to make errors look like bootstrap ones */
|
||||
div.controls .error_wrapper{
|
||||
display:inline-block;
|
||||
margin-bottom:0;
|
||||
vertical-align:middle;
|
||||
}
|
||||
div.controls .error{
|
||||
min-width:5px;
|
||||
background:inherit;
|
||||
color:#B94A48;
|
||||
border:none;
|
||||
padding:0;
|
||||
margin:0;
|
||||
/*display:inline;*/ /* uncommenting this, the animation effect is lost */
|
||||
}
|
||||
div.controls .help-inline{color:#3A87AD;}
|
||||
div.controls .error_wrapper +.help-inline {margin-left:-99999px;}
|
||||
div.controls select +.error_wrapper {margin-left:5px;}
|
||||
.ie-lte7 div.error{color:#fff;}
|
||||
|
||||
/* beautify brand */
|
||||
.navbar-inverse .brand{color:#c6cecc;}
|
||||
.navbar-inverse .brand b{display:inline-block;margin-top:-1px;}
|
||||
.navbar-inverse .brand b>span{font-size:22px;color:white}
|
||||
.navbar-inverse .brand:hover b>span{color:white}
|
||||
/* beautify web2py link in navbar */
|
||||
span.highlighted{color:#d8d800;}
|
||||
.open span.highlighted{color:#ffff00;}
|
||||
|
||||
/*=============================================================
|
||||
OVERRIDING WEB2PY.CSS RULES
|
||||
==============================================================*/
|
||||
|
||||
/* reset to default */
|
||||
a{white-space:normal;}
|
||||
li{margin-bottom:0;}
|
||||
textarea,button{display:block;}
|
||||
/*reset ul padding */
|
||||
ul#navbar{padding:0;}
|
||||
/* label aligned to related input */
|
||||
td.w2p_fl,td.w2p_fc {padding:0;}
|
||||
#web2py_user_form td{vertical-align:middle;}
|
||||
|
||||
/*=============================================================
|
||||
OVERRIDING BOOTSTRAP.CSS RULES
|
||||
==============================================================*/
|
||||
|
||||
/* because web2py handles this via js */
|
||||
.hidden{visibility:visible;}
|
||||
/* right folder for bootstrap black images/icons */
|
||||
[class^="icon-"],[class*=" icon-"]{
|
||||
background-image:url("../images/glyphicons-halflings.png")
|
||||
}
|
||||
/* right folder for bootstrap white images/icons */
|
||||
.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-"] {
|
||||
background-image:url("../images/glyphicons-halflings-white.png");
|
||||
}
|
||||
/* bootstrap has a label as input's wrapper while web2py has a div */
|
||||
div>input[type="radio"],div>input[type="checkbox"]{margin:0;}
|
||||
/* bootstrap has button instead of input */
|
||||
input[type="button"], input[type="submit"]{margin-right:8px;}
|
||||
|
||||
/*=============================================================
|
||||
RULES FOR SOLVING CONFLICTS BETWEEN WEB2PY.CSS AND BOOTSTRAP.CSS
|
||||
==============================================================*/
|
||||
|
||||
/*when formstyle=table3cols*/
|
||||
tr#auth_user_remember__row>td.w2p_fw>div{padding-bottom:8px;}
|
||||
td.w2p_fw div>label{vertical-align:middle;}
|
||||
td.w2p_fc {padding-bottom:5px;}
|
||||
/*when formstyle=divs*/
|
||||
div#auth_user_remember__row{margin-top:4px;}
|
||||
div#auth_user_remember__row>.w2p_fl{display:none;}
|
||||
div#auth_user_remember__row>.w2p_fw{min-height:39px;}
|
||||
div.w2p_fw,div.w2p_fc{
|
||||
display:inline-block;
|
||||
vertical-align:middle;
|
||||
margin-bottom:0;
|
||||
}
|
||||
div.w2p_fc{
|
||||
padding-left:5px;
|
||||
margin-top:-8px;
|
||||
}
|
||||
/*when formstyle=ul*/
|
||||
form>ul{
|
||||
list-style:none;
|
||||
margin:0;
|
||||
}
|
||||
li#auth_user_remember__row{margin-top:4px;}
|
||||
li#auth_user_remember__row>.w2p_fl{display:none;}
|
||||
li#auth_user_remember__row>.w2p_fw{min-height:39px;}
|
||||
/*when formstyle=bootstrap*/
|
||||
#auth_user_remember__row label.checkbox{display:block;}
|
||||
span.inline-help{display:inline-block;}
|
||||
input[type="text"].input-xlarge,input[type="password"].input-xlarge{width:270px;}
|
||||
/*when recaptcha is used*/
|
||||
#recaptcha{min-height:30px;display:inline-block;margin-bottom:0;line-height:30px;vertical-align:middle;}
|
||||
td>#recaptcha{margin-bottom:6px;}
|
||||
div>#recaptcha{margin-bottom:9px;}
|
||||
div.control-group.error{
|
||||
width:auto;
|
||||
background:transparent;
|
||||
border:0;
|
||||
color:inherit;
|
||||
padding:0;
|
||||
background-repeat:repeat;
|
||||
}
|
||||
|
||||
/*=============================================================
|
||||
OTHER RULES
|
||||
==============================================================*/
|
||||
|
||||
/* Massimo Di Pierro fixed alignment in forms with list:string */
|
||||
form table tr{margin-bottom:9px;}
|
||||
td.w2p_fw ul{margin-left:0px;}
|
||||
|
||||
/* web2py_console in grid and smartgrid */
|
||||
.hidden{visibility:visible;}
|
||||
.web2py_console input{
|
||||
display: inline-block;
|
||||
margin-bottom: 0;
|
||||
vertical-align: middle;
|
||||
}
|
||||
.web2py_console input[type="submit"],
|
||||
.web2py_console input[type="button"],
|
||||
.web2py_console button{
|
||||
padding-top:4px;
|
||||
padding-bottom:4px;
|
||||
margin:3px 0 0 2px;
|
||||
}
|
||||
.web2py_console a,
|
||||
.web2py_console select,
|
||||
.web2py_console input
|
||||
{
|
||||
margin:3px 0 0 2px;
|
||||
}
|
||||
.web2py_grid form table{width:auto;}
|
||||
/* auth_user_remember checkbox extrapadding in IE fix */
|
||||
.ie-lte9 input#auth_user_remember.checkbox {padding-left:0;}
|
||||
|
||||
/*=============================================================
|
||||
MEDIA QUERIES
|
||||
==============================================================*/
|
||||
|
||||
@media only screen and (max-width:979px){
|
||||
body{padding-top:0px;}
|
||||
#navbar{top:5px;}
|
||||
div.flash{right:5px;}
|
||||
.dropdown-menu ul{visibility:visible;}
|
||||
}
|
||||
@media only screen and (max-width:479px){
|
||||
body{
|
||||
padding-left:10px;
|
||||
padding-right:10px;
|
||||
}
|
||||
.navbar-fixed-top,.navbar-fixed-bottom {
|
||||
margin-left:-10px;
|
||||
margin-right:-10px;
|
||||
}
|
||||
input[type="text"],input[type="password"],select{
|
||||
width:95%;
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,122 @@
|
||||
/*=============================================================
|
||||
BOOTSTRAP DROPDOWN MENU
|
||||
==============================================================*/
|
||||
|
||||
.dropdown-menu ul{
|
||||
left:100%;
|
||||
position:absolute;
|
||||
top:0;
|
||||
visibility:hidden;
|
||||
margin-top:-1px;
|
||||
}
|
||||
.dropdown-menu li:hover ul{visibility:visible;}
|
||||
.navbar .dropdown-menu ul:before{
|
||||
border-bottom:7px solid transparent;
|
||||
border-left:none;
|
||||
border-right:7px solid rgba(0, 0, 0, 0.2);
|
||||
border-top:7px solid transparent;
|
||||
left:-7px;
|
||||
top:5px;
|
||||
}
|
||||
.nav > li.dropdown > a:after {
|
||||
border-left: 4px solid transparent;
|
||||
border-right: 4px solid transparent;
|
||||
border-top: 4px solid #000000;
|
||||
content: "";
|
||||
display: inline-block;
|
||||
height: 0;
|
||||
opacity: 0.7;
|
||||
vertical-align: top;
|
||||
width: 0;
|
||||
|
||||
margin-left: 2px;
|
||||
margin-top: 8px;
|
||||
|
||||
border-bottom-color: #FFFFFF;
|
||||
border-top-color: #FFFFFF;
|
||||
}
|
||||
.dropdown-menu span{display:inline-block;}
|
||||
ul.dropdown-menu li.dropdown > a:after {
|
||||
border-left: 4px solid #000;
|
||||
border-right: 4px solid transparent;
|
||||
border-bottom: 4px solid transparent;
|
||||
border-top: 4px solid transparent;
|
||||
content: "";
|
||||
display: inline-block;
|
||||
height: 0;
|
||||
opacity: 0.7;
|
||||
vertical-align: top;
|
||||
width: 0;
|
||||
|
||||
margin-left: 8px;
|
||||
margin-top: 6px;
|
||||
}
|
||||
|
||||
ul.nav li.dropdown:hover ul.dropdown-menu {
|
||||
display: block;
|
||||
}
|
||||
|
||||
.open >.dropdown-menu ul{display:block;} /* fix menu issue when BS2.0.4 is applied */
|
||||
|
||||
/*=============================================================
|
||||
BOOTSTRAP SUBMIT BUTTON
|
||||
==============================================================*/
|
||||
|
||||
input[type='submit']:not(.btn) {
|
||||
display: inline-block;
|
||||
padding: 4px 14px;
|
||||
margin-bottom: 0;
|
||||
font-size: 14px;
|
||||
line-height: 20px;
|
||||
color: #333;
|
||||
text-align: center;
|
||||
text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
|
||||
vertical-align: middle;
|
||||
cursor: pointer;
|
||||
background-color: whiteSmoke;
|
||||
background-image: -webkit-gradient(linear,0 0,0 100%,from(white),to(#E6E6E6));
|
||||
background-image: -webkit-linear-gradient(top,white,#E6E6E6);
|
||||
background-image: -o-linear-gradient(top,white,#E6E6E6);
|
||||
background-image: linear-gradient(to bottom,white,#E6E6E6);
|
||||
background-image: -moz-linear-gradient(top,white,#E6E6E6);
|
||||
background-repeat: repeat-x;
|
||||
border: 1px solid #BBB;
|
||||
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
|
||||
border-bottom-color: #A2A2A2;
|
||||
-webkit-border-radius: 4px;
|
||||
-moz-border-radius: 4px;
|
||||
border-radius: 4px;
|
||||
filter: progid:dximagetransform.microsoft.gradient(startColorstr='#ffffffff',endColorstr='#ffe6e6e6',GradientType=0);
|
||||
filter: progid:dximagetransform.microsoft.gradient(enabled=false);
|
||||
-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2),0 1px 2px rgba(0, 0, 0, 0.05);
|
||||
-moz-box-shadow: inset 0 1px 0 rgba(255,255,255,0.2),0 1px 2px rgba(0,0,0,0.05);
|
||||
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2),0 1px 2px rgba(0, 0, 0, 0.05);
|
||||
}
|
||||
|
||||
input[type='submit']:not(.btn):hover {
|
||||
color: #333;
|
||||
text-decoration: none;
|
||||
background-color: #E6E6E6;
|
||||
background-position: 0 -15px;
|
||||
-webkit-transition: background-position .1s linear;
|
||||
-moz-transition: background-position .1s linear;
|
||||
-o-transition: background-position .1s linear;
|
||||
transition: background-position .1s linear;
|
||||
}
|
||||
|
||||
input[type='submit']:not(.btn).active, input[type='submit']:not(.btn):active {
|
||||
background-color: #E6E6E6;
|
||||
background-color: #D9D9D9 9;
|
||||
background-image: none;
|
||||
outline: 0;
|
||||
-webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15),0 1px 2px rgba(0, 0, 0, 0.05);
|
||||
-moz-box-shadow: inset 0 2px 4px rgba(0,0,0,0.15),0 1px 2px rgba(0,0,0,0.05);
|
||||
box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15),0 1px 2px rgba(0, 0, 0, 0.05);
|
||||
}
|
||||
|
||||
/*=============================================================
|
||||
OTHER
|
||||
==============================================================*/
|
||||
|
||||
.ie-lte8 .navbar-fixed-top {position:static;}
|
||||
|
||||
Reference in New Issue
Block a user