Skip to content
Projects
Groups
Snippets
Help
Loading...
Help
Support
Keyboard shortcuts
?
Submit feedback
Contribute to GitLab
Sign in / Register
Toggle navigation
erp5-Boxiang
Project overview
Project overview
Details
Activity
Releases
Repository
Repository
Files
Commits
Branches
Tags
Contributors
Graph
Compare
Issues
0
Issues
0
List
Boards
Labels
Milestones
Merge Requests
0
Merge Requests
0
CI / CD
CI / CD
Pipelines
Jobs
Schedules
Analytics
Analytics
CI / CD
Repository
Value Stream
Wiki
Wiki
Snippets
Snippets
Members
Members
Collapse sidebar
Close sidebar
Activity
Graph
Create a new issue
Jobs
Commits
Issue Boards
Open sidebar
Hamza
erp5-Boxiang
Commits
720e6cdc
Commit
720e6cdc
authored
Jul 29, 2014
by
Sven Franck
Committed by
Sebastien Robin
Aug 08, 2014
Browse files
Options
Browse Files
Download
Email Patches
Plain Diff
CSS: added initial CSS
parent
8f06c7a4
Changes
4
Hide whitespace changes
Inline
Side-by-side
Showing
4 changed files
with
1132 additions
and
43 deletions
+1132
-43
bt5/erp5_web_renderjs_ui/PathTemplateItem/web_page_module/rjs_gadget_erp5_css.xml
.../PathTemplateItem/web_page_module/rjs_gadget_erp5_css.xml
+1122
-34
bt5/erp5_web_renderjs_ui/PathTemplateItem/web_page_module/rjs_gadget_erp5_html.xml
...PathTemplateItem/web_page_module/rjs_gadget_erp5_html.xml
+3
-3
bt5/erp5_web_renderjs_ui/PathTemplateItem/web_page_module/rjs_gadget_erp5_listbox_html.xml
...lateItem/web_page_module/rjs_gadget_erp5_listbox_html.xml
+6
-5
bt5/erp5_web_renderjs_ui/bt/revision
bt5/erp5_web_renderjs_ui/bt/revision
+1
-1
No files found.
bt5/erp5_web_renderjs_ui/PathTemplateItem/web_page_module/rjs_gadget_erp5_css.xml
View file @
720e6cdc
...
...
@@ -97,47 +97,1135 @@
</item>
<item>
<key>
<string>
text_content
</string>
</key>
<value>
<string>
table {\n
border-top: 0.1em solid #3D6474;\n
border-bottom: 0.1em solid #3D6474;\n
border-left: 0.1em solid #3D6474;\n
// background: #C1DAEB;\n
\n
// tbody {\n
// tr:nth-child(2n) {\n
// background: black;\n
// color : white;\n
// text-align : center;\n
// }\n
// tr:nth-child(2n+1) {\n
// background: #FFFFFF;\n
// background-color : gray;\n
// color : white;\n
// text-align : center;\n
// }\n
// }\n
\n
th {\n
border-right: 0.1em solid #3D6474;\n
<value>
<string
encoding=
"cdata"
>
<![CDATA[
/* -------------------------- ERP5 specific CSS --------------------------- */\n
/* Romain\'s */\n
iframe {\n
width: 95%;\n
height: 500px;\n
}\n
\n
/* mimic ui-content */\n
section.document_list,\n
section.document_table,\n
html form {\n
border-width: 0;\n
overflow: visible;\n
overflow-x: hidden;\n
padding: 1em;\n
}\n
\n
/* ui-content + listview|table|form */\n
.document-listview,\n
.document-table {\n
margin: -1em;\n
}\n
.document-listview.ui-listview-inset,\n
.document-table.ui-table-inset {\n
margin: 1em 0;\n
}\n
\n
/* override default page wrapping */\n
.ui-mobile .ui-page-active {\n
overflow: hidden;\n
}\n
\n
/* ------------------------------ Global Font ---------------------------- */\n
/* NOTE: family/size should only be set here! */\n
body, input, select, textarea, button, p, h1, h2, h3, h4, h5, h6,\n
html.ui-mobile label, html.ui-mobile legend, .ui-btn, .ui-li-static {\n
font-family: Helvetica, Arial, sans-serif;\n
font-size: 95%;\n
}\n
@media (max-width: 40em) {\n
body, input, select, textarea, button, p, h1, h2, h3, h4, h5, h6,\n
html.ui-mobile label, html.ui-mobile legend, .ui-btn, .ui-li-static {\n
font-size: 90%;\n
}\n
}\n
\n
form .left, form .right, .center, .bottom {\n
display: inline-block;\n
vertical-align: top;\n
margin: 1em;\n
/* ========================== Overrides Themes ============================ */\n
/* JQM custom themes */\n
/* a */\n
/*--------------------------------------------------------------------------*/\n
\n
/* Bar: Toolbars, dividers, slider track */\n
.ui-bar-a,\n
.ui-page-theme-a .ui-bar-inherit,\n
html .ui-bar-a .ui-bar-inherit,\n
html .ui-body-a .ui-bar-inherit,\n
html body .ui-group-theme-a .ui-bar-inherit {\n
background: 0 none;\n
background-color: #fff;\n
color: rgb(115, 115, 115); /* IE8 */\n
color: rgba(0, 0, 0, 0.55);\n
text-shadow: none;\n
border-color: #aaa;\n
font-weight: normal;\n
}\n
.ui-bar-a {\n
border-width: 1px;\n
border-style: solid;\n
}\n
.center, .bottom {\n
display: block;\n
/* tables & controlbar & tabs & labels */\n
html .ui-overlay-a fieldset label,\n
html .ui-overlay-a fieldset legend,\n
html .ui-page-theme-a .ui-collapsible h1 a.ui-btn,\n
html .ui-page-theme-a .ui-collapsible-set .ui-collapsible h1 a.ui-btn,\n
html .ui-page-theme-a .document-table thead a.ui-btn,\n
html .ui-page-theme-a .document-table thead label,\n
html .ui-page-theme-a .document-table thead tr th {\n
color: rgb(115, 115, 115); /* IE8 */\n
color: rgba(0, 0, 0, 0.55);\n
text-shadow: #FFFFFF 0px 1px 0px;\n
}\n
.left, .right {\n
width: 46%;\n
html body .ui-page-theme-a table.document-table {\n
background-color: #fff;\n
border-color: #aaa;\n
}\n
html .ui-page-theme-a .ui-popup .ui-header,\n
html .ui-page-theme-a .ui-popup .ui-footer,\n
html .ui-page-theme-a .ui-collapsible h1 a.ui-btn,\n
html .ui-page-theme-a .ui-collapsible-set .ui-collapsible h1 a.ui-btn {\n
background-image: -webkit-gradient(linear, left top, left bottom, from( #fff ), to( #f1f1f1 ));\n
background-image: -webkit-linear-gradient( #fff , #f1f1f1 );\n
background-image: -moz-linear-gradient( #fff , #f1f1f1 );\n
background-image: -ms-linear-gradient( #fff , #f1f1f1 );\n
background-image: -o-linear-gradient( #fff , #f1f1f1 );\n
background-image: linear-gradient( #fff , #f1f1f1 );\n
border-color: #aaa;\n
}\n
\n
iframe {\n
width: 95%;\n
height: 500px;\n
}
</string>
</value>
/* Page: background */\n
.ui-page-theme-a,\n
.ui-page-theme-a .ui-panel-wrapper {\n
color: #333;\n
text-shadow: none;\n
background: #f9f9f9;\n
background-image: -webkit-gradient(linear, left top, left bottom, from( #f9f9f9), to( #eee ));\n
background-image: -webkit-linear-gradient( #f9f9f9, #eee );\n
background-image: -moz-linear-gradient( #f9f9f9, #eee );\n
background-image: -ms-linear-gradient( #f9f9f9, #eee );\n
background-image: -o-linear-gradient( #f9f9f9, #eee );\n
background-image: linear-gradient( #f9f9f9, #eee );\n
}\n
/* Body: Read-only lists, text inputs, collapsible content */\n
.ui-body-a,\n
.ui-page-theme-a .ui-body-inherit,\n
.ui-page-theme-a .ui-content-element,\n
html .ui-bar-a .ui-body-inherit,\n
html .ui-body-a .ui-body-inherit,\n
html body .ui-group-theme-a .ui-body-inherit,\n
.ui-overlay-a {\n
background-image: none;\n
background: #fff;\n
border-color: #aaa;\n
color: #111;\n
text-shadow: none;\n
}\n
.ui-body-a {\n
border-width: 1px;\n
border-style: solid;\n
}\n
\n
/* Links */\n
.ui-page-theme-a a,\n
html .ui-bar-a a,\n
html .ui-body-a a\n
/* visited */\n
.ui-page-theme-a a:visited,\n
html body.ui-overlay-a .ui-btn:visited,\n
html body.ui-overlay-a a:visited,\n
html .ui-bar-a a:visited,\n
html .ui-body-a a:visited,\n
html body .ui-group-theme-a a:visited,\n
/* hover */\n
html body.ui-overlay-a a:hover,\n
html body.ui-overlay-a .ui-btn:hover,\n
.ui-page-theme-a a:hover,\n
html .ui-bar-a a:hover,\n
html .ui-body-a a:hover,\n
html body .ui-group-theme-a a:hover,\n
html body.ui-overlay-a .ui-btn:hover,\n
.ui-page-theme-a .ui-btn:hover,\n
html .ui-bar-a .ui-btn:hover,\n
html .ui-body-a .ui-btn:hover,\n
html body .ui-group-theme-a .ui-btn:hover,\n
/* texts */\n
html body .ui-group-theme-a p, /* overwritten by ui-btn */\n
html body .ui-group-theme-a h1,\n
html body .ui-group-theme-a h2,\n
html body .ui-group-theme-a h3,\n
html body .ui-group-theme-a h4,\n
html body .ui-group-theme-a h5,\n
html body .ui-group-theme-a h6,\n
html .ui-page-theme-a .ui-content-element {\n
color: rgb(115, 115, 115); /* IE8 */\n
color: rgba(0, 0, 0, 0.55);\n
border-color: #aaa;\n
text-shadow: none;\n
}\n
\n
.ui-page-theme-a .ui-btn:active,\n
html .ui-bar-a .ui-btn:active,\n
html .ui-body-a .ui-btn:active,\n
html body .ui-group-theme-a .ui-btn:active {\n
color: #fff;\n
}\n
\n
/* Button up */\n
.ui-page-theme-a .ui-btn,\n
html .ui-bar-a .ui-btn,\n
html .ui-body-a .ui-btn,\n
html body .ui-btn.ui-btn-a,\n
html body .ui-group-theme-a .ui-btn,\n
[class*="ui-group-theme-"] .ui-btn.ui-btn-a,\n
.ui-page-theme-a .ui-bar-plain,\n
/* Button visited */\n
.ui-page-theme-a .ui-btn:visited,\n
html .ui-bar-a .ui-btn:visited,\n
html .ui-body-a .ui-btn:visited,\n
html body .ui-btn.ui-btn-a:visited,\n
html body .ui-group-theme-a .ui-btn:visited,\n
[class*="ui-group-theme-"] .ui-btn.ui-btn-a:visited,\n
/* table */\n
html .ui-page-theme-a .document-table tr td a:visited {\n
background: #fff;\n
color: rgb(115, 115, 115); /* IE8 */\n
color: rgba(0, 0, 0, 0.55);\n
text-shadow: none;\n
border-color: #aaa;\n
}\n
html .ui-page-theme-a .ui-input-clear:active,\n
html .ui-page-theme-a .ui-input-clear.ui-btn-active,\n
html .ui-page-theme-a .ui-input-action:active,\n
html .ui-page-theme-a .ui-input-action.ui-btn-active {\n
background: #fff !important;\n
}\n
\n
/* ------------------------- Header Buttons ------------------------------- */\n
.ui-page-theme-a .ui-header .ui-btn,\n
html .ui-bar-a .ui-header .ui-btn,\n
html .ui-bar-a.ui-header .ui-btn,\n
html .ui-body-a .ui-header .ui-btn,\n
html body .ui-header .ui-btn.ui-btn-a,\n
html body .ui-header .ui-group-theme-a .ui-btn,\n
.ui-header [class*="ui-group-theme-"] .ui-btn.ui-btn-a,\n
/* Button visited */\n
.ui-page-theme-a .ui-header .ui-btn:visited,\n
html .ui-bar-a .ui-header .ui-btn:visited,\n
html .ui-body-a .ui-header .ui-btn:visited,\n
html body .ui-header .ui-btn.ui-btn-a:visited,\n
html body .ui-header .ui-group-theme-a .ui-btn:visited,\n
.ui-header [class*="ui-group-theme-"] .ui-btn.ui-btn-a:visited,\n
.ui-page-theme-a .ui-header a:visited,\n
html .ui-bar-a .ui-header a:visited,\n
html .ui-body-a .ui-header a:visited,\n
html body .ui-header a.ui-btn-a:visited,\n
html body .ui-header .ui-group-theme-a a:visited,\n
.ui-header [class*="ui-group-theme-"] a.ui-btn-a:visited {\n
background: none repeat scroll 0 center transparent;\n
border: 0 none;\n
-webkit-border-radius: 0 0 0 0 /* iOS3 */ !important;\n
border-radius: 0 0 0 0 /* iOS3 */ !important;\n
-webkit-box-shadow: none /* iOS3 */ !important;\n
box-shadow: none /* iOS3 */ !important;\n
color: rgb(115, 115, 115); /* IE8 */\n
color: rgba(0, 0, 0, 0.55);\n
text-shadow: none;\n
font-weight: normal;\n
line-height: 3.25em; /* IE cannot take 325% */\n
}\n
/* Button special handling: panel listitems */\n
.ui-page-theme-a .ui-panel-inner li .ui-btn,\n
html .ui-bar-a .ui-panel-inner li .ui-btn,\n
html .ui-body-a .ui-panel-inner li .ui-btn,\n
html .ui-body-a .ui-panel-inner li.ui-li-static,\n
html body .ui-panel-inner li .ui-btn.ui-btn-a,\n
html body .ui-panel-inner li .ui-group-theme-a .ui-btn,\n
[class*="ui-group-theme-"] .ui-panel-inner li .ui-btn.ui-btn-a,\n
/* Button visited */\n
.ui-page-theme-a .ui-panel-inner li .ui-btn:visited,\n
html .ui-bar-a .ui-panel-inner li .ui-btn:visited,\n
html .ui-body-a .ui-panel-inner li .ui-btn:visited,\n
html body .ui-panel-inner li .ui-btn.ui-btn-a:visited,\n
html body .ui-panel-inner li .ui-group-theme-a .ui-btn:visited,\n
[class*="ui-group-theme-"] .ui-panel-inner li .ui-btn.ui-btn-a:visited,\n
/* table */\n
html .ui-page-theme-a .document-table,\n
html .ui-page-theme-a .document-table {\n
background: none repeat scroll 0 0 transparent;\n
border-color: rgb(232, 232, 232);\n
border-color: rgba(255,255,255,.3);\n
}\n
/* dropshadow */\n
html body .ui-group-theme-a li {\n
border-top: 1px solid #111;\n
}\n
html body .ui-group-theme-a li.ui-last-child {\n
border-top: 1px solid #111;\n
border-bottom: 1px solid #111;\n
}\n
html body .ui-group-theme-b li.ui-last-child a.ui-btn {\n
border-bottom: none\n
}\n
/* Button background hover */\n
.ui-page-theme-a .ui-btn:hover,\n
html .ui-bar-a .ui-btn:hover,\n
html .ui-body-a .ui-btn:hover,\n
html body .ui-btn.ui-btn-a:hover,\n
html body .ui-group-theme-a .ui-btn:hover,\n
[class*="ui-group-theme-"] .ui-btn.ui-btn-a:hover,\n
/* table rows */\n
html .ui-page-theme-a .document-table tr th:hover ~ td,\n
/* controlbars */\n
html .ui-page-theme-a .ui-controlbar .ui-btn:hover,\n
/* tabs */\n
html .ui-page-theme-a .ui-collapsible-set .ui-collapsible h1 a.ui-btn:hover,\n
html .ui-page-theme-a .ui-collapsible h1 a.ui-btn:hover{\n
background-color: #e8e8e8;\n
background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fff), to(#e8e8e8));\n
background: -webkit-linear-gradient(bottom, #fff, #e8e8e8);\n
background: -moz-linear-gradient(bottom, #fff, #e8e8e8);\n
background: -o-linear-gradient(bottom, #fff, #e8e8e8);\n
background: -ms-linear-gradient(bottom, #fff, #e8e8e8);\n
background: linear-gradient(bottom, #fff, #e8e8e8);\n
}\n
\n
/* b */\n
/*--------------------------------------------------------------------------*/\n
/* Bar: Toolbars, dividers, slider track */\n
.ui-bar-b,\n
.ui-page-theme-b .ui-bar-inherit,\n
html .ui-bar-b .ui-bar-inherit,\n
html .ui-body-b .ui-bar-inherit,\n
html body .ui-group-theme-b .ui-bar-inherit {\n
background: 0 none;\n
background: #222;\n
color: #fff;\n
text-shadow: 0 1px 0 #111111;\n
font-weight: normal;\n
}\n
.ui-bar-b {\n
border-width: 1px;\n
border-style: solid;\n
}\n
/* tables & controlbar & tabs & labels */\n
html .ui-overlay-b fieldset label,\n
html .ui-overlay-b fieldset legend,\n
html .ui-page-theme-b .ui-controlbar .ui-btn,\n
html .ui-page-theme-b .ui-controlbar ~ .ui-controlgroup .ui-btn,\n
html .ui-page-theme-b .ui-collapsible h1 a.ui-btn,\n
html .ui-page-theme-b .ui-collapsible-set .ui-collapsible h1 a.ui-btn,\n
html .ui-page-theme-b .document-table thead a.ui-btn,\n
html .ui-page-theme-b .document-table thead label {\n
color: #444;\n
text-shadow: 0 1px 0 #111111;\n
}\n
/* tables & controlbars */\n
.ui-page-theme-b .document-table {\n
background-color: #222;\n
border-color: rgb(232, 232, 232); /* IE8 */\n
border-color: rgba(255,255,255,.3);\n
}\n
html .ui-page-theme-b .ui-popup .ui-header,\n
html .ui-page-theme-b .ui-popup .ui-footer,\n
html .ui-page-theme-b .ui-collapsible h1 a.ui-btn\n
html .ui-page-theme-b .ui-collapsible-set .ui-collapsible h1 a.ui-btn {\n
background-image: -webkit-gradient(linear, left top, left bottom, from( #444 ), to( #222 ));\n
background-image: -webkit-linear-gradient( #444 , #222 );\n
background-image: -moz-linear-gradient( #444 , #222 );\n
background-image: -ms-linear-gradient( #444 , #222 );\n
background-image: -o-linear-gradient( #444 , #222 );\n
background-image: linear-gradient( #444 , #222 );\n
border-color: #444;\n
}\n
\n
/* Page background */\n
.ui-page-theme-b,\n
.ui-page-theme-b .ui-panel-wrapper {\n
color: #fff;\n
text-shadow: 0 1px 0 #111111;\n
background: #222;\n
border-color: #444;\n
background-image: -webkit-gradient(linear, left top, left bottom, from( #444 ), to( #222 ));\n
background-image: -webkit-linear-gradient( #444 , #222 );\n
background-image: -moz-linear-gradient( #444 , #222 );\n
background-image: -ms-linear-gradient( #444 , #222 );\n
background-image: -o-linear-gradient( #444 , #222 );\n
background-image: linear-gradient( #444 , #222 );\n
}\n
/* Body: Read-only lists, text inputs, collapsible content */\n
.ui-body-b,\n
.ui-page-theme-b .ui-body-inherit,\n
.ui-page-theme-b .ui-content-element,\n
html .ui-bar-b .ui-body-inherit,\n
html .ui-body-b .ui-body-inherit,\n
html body .ui-group-theme-b .ui-body-inherit,\n
.ui-overlay-b {\n
color: #fff;\n
text-shadow: 0 1px 0 #111111;\n
background: #222;\n
border-color: #444;\n
background-image: -webkit-gradient(linear, left top, left bottom, from( #444 ), to( #222 ));\n
background-image: -webkit-linear-gradient( #444 , #222 );\n
background-image: -moz-linear-gradient( #444 , #222 );\n
background-image: -ms-linear-gradient( #444 , #222 );\n
background-image: -o-linear-gradient( #444 , #222 );\n
background-image: linear-gradient( #444 , #222 );\n
}\n
.ui-body-b {\n
border-width: 1px;\n
border-style: solid;\n
}\n
/* Input filterable */\n
html .ui-body-b .ui-body-inherit.ui-input-search {\n
background-image: none;\n
}\n
\n
/* Links */\n
.ui-page-theme-b a,\n
html .ui-bar-b a,\n
html .ui-body-b a,\n
html body .ui-group-theme-b a,\n
/* visited */\n
.ui-page-theme-b a:visited,\n
html body.ui-overlay-b a:visited,\n
html body.ui-overlay-b .ui-btn:visited,\n
html .ui-bar-b a:visited,\n
html .ui-body-b a:visited,\n
html body .ui-group-theme-b a:visited,\n
/* hover */\n
html body.ui-overlay-b .ui-btn:hover,\n
html body.ui-overlay-b a:hover,\n
.ui-page-theme-b a:hover,\n
html .ui-bar-b a:hover,\n
html .ui-body-b a:hover,\n
html body .ui-group-theme-a a:hover,\n
.ui-overlay-b .ui-btn:hover,\n
.ui-page-theme-b .ui-btn:hover,\n
html .ui-page-theme-b .ui-btn:hover,\n
html .ui-page-theme-b .ui-btn:hover,\n
html body .ui-group-theme-b .ui-btn:hover,\n
/* active */\n
.ui-page-theme-b .ui-btn:active,\n
html .ui-bar-b .ui-btn:active,\n
html .ui-body-b .ui-btn:active,\n
html body .ui-group-theme-b .ui-btn:active,\n
/* Texts */\n
html body .ui-group-theme-b p,\n
html body .ui-group-theme-b h1,\n
html body .ui-group-theme-b h2,\n
html body .ui-group-theme-b h3,\n
html body .ui-group-theme-b h4,\n
html body .ui-group-theme-b h5,\n
html body .ui-group-theme-b h6,\n
html .ui-page-theme-b .ui-content-element {\n
color: #fff;\n
border-color: auto;\n
text-shadow: none;\n
}\n
/* Button up */\n
.ui-page-theme-b .ui-btn,\n
html .ui-bar-b .ui-btn,\n
html .ui-body-b .ui-btn,\n
html body .ui-btn.ui-btn-b,\n
html body .ui-group-theme-b .ui-btn,\n
[class*="ui-group-theme-"] .ui-btn.ui-btn-b,\n
.ui-page-theme-b .ui-bar-plain,\n
/* Button visited */\n
.ui-page-theme-b .ui-btn:visited,\n
html .ui-bar-b .ui-btn:visited,\n
html .ui-body-b .ui-btn:visited,\n
html body .ui-btn.ui-btn-b:visited,\n
html body .ui-group-theme-b .ui-btn:visited,\n
[class*="ui-group-theme-"] a.ui-btn-b:visited,\n
.ui-page-theme-b a:visited,\n
html .ui-bar-b a:visited,\n
html .ui-body-b a:visited,\n
html body a.ui-btn-b:visited,\n
html body .ui-group-theme-b a:visited,\n
[class*="ui-group-theme-"] a.ui-btn-b:visited,\n
html .ui-page-theme-b table tr td a:visited,\n
/* table */\n
html .ui-page-theme-b .document-table,\n
html .ui-page-theme-b .document-table {\n
background: #222;\n
background-image: -webkit-gradient(linear, left top, left bottom, from( #444 ), to( #222 ));\n
background-image: -webkit-linear-gradient( #444 , #222 );\n
background-image: -moz-linear-gradient( #444 , #222 );\n
background-image: -ms-linear-gradient( #444 , #222 );\n
background-image: -o-linear-gradient( #444 , #222 );\n
background-image: linear-gradient( #444 , #222 );\n
border-color: #444;\n
color: #fff;\n
text-shadow: 0px 1px 0px #111;\n
}\n
html .ui-page-theme-b .ui-input-clear:active,\n
html .ui-page-theme-b .ui-input-clear.ui-btn-active,\n
html .ui-page-theme-b .ui-input-action:active,\n
html .ui-page-theme-b .ui-input-action.ui-btn-active {\n
background: #222 !important;\n
}\n
/* Header Buttons */\n
.ui-page-theme-b .ui-header .ui-btn,\n
html .ui-bar-b.ui-header .ui-btn,\n
html .ui-bar-b .ui-header .ui-btn,\n
html .ui-body-b .ui-header .ui-btn,\n
html body .ui-header .ui-btn.ui-btn-b,\n
html body .ui-header .ui-group-theme-b .ui-btn,\n
.ui-header [class*="ui-group-theme-"] .ui-btn.ui-btn-b,\n
/* Button visited */\n
.ui-page-theme-b .ui-header .ui-btn:visited,\n
html .ui-bar-b .ui-header .ui-btn:visited,\n
html .ui-body-b .ui-header .ui-btn:visited,\n
html body .ui-header .ui-btn.ui-btn-b:visited,\n
html body .ui-header .ui-group-theme-b .ui-btn:visited,\n
.ui-header [class*="ui-group-theme-"] .ui-btn.ui-btn-b:visited,\n
/* ADD also not on :hover */\n
.ui-page-theme-b .ui-header .ui-btn:hover,\n
html .ui-bar-b .ui-header .ui-btn:hover,\n
html .ui-body-b .ui-header .ui-btn:hover,\n
html body .ui-header .ui-btn.ui-btn-b:hover,\n
html body .ui-header .ui-group-theme-b .ui-btn:hover,\n
.ui-header [class*="ui-group-theme-"] .ui-btn.ui-btn-b:hover {\n
background: none repeat scroll 0 center transparent;\n
-webkit-border-radius: 0 0 0 0 /* iOS3 */ !important;\n
border-radius: 0 0 0 0 /* iOS3 */ !important;\n
-webkit-box-shadow: none /* iOS3 */ !important;\n
box-shadow: none /* iOS3 */ !important;\n
color: #fff;\n
text-shadow: none;\n
font-weight: normal;\n
line-height: 3.25em; /* IE cannot take 325% */\n
}\n
/* Button special handling: listitem , collapsibles */\n
.ui-page-theme-b .ui-panel-inner li .ui-btn,\n
html .ui-bar-b .ui-panel-inner li .ui-btn,\n
html .ui-body-b .ui-panel-inner li .ui-btn,\n
html .ui-body-b .ui-panel-inner li.ui-li-static,\n
html body .ui-panel-inner .ui-collapsible .ui-collapsible-heading a.ui-btn.ui-collapsible-heading-toggle,\n
html body .ui-panel-inner .ui-group-theme-b .ui-collapsible .ui-collapsible-heading a.ui-btn.ui-collapsible-heading-toggle,\n
html body .ui-panel-inner li .ui-btn.ui-btn-b,\n
html body .ui-panel-inner li .ui-group-theme-b .ui-btn,\n
[class*="ui-group-theme-"] .ui-panel-inner li .ui-btn.ui-btn-b,\n
/* Button visited */\n
.ui-page-theme-b .ui-panel-inner li .ui-btn:visited,\n
html .ui-bar-b .ui-panel-inner li .ui-btn:visited,\n
html .ui-body-b .ui-panel-inner li .ui-btn:visited,\n
html body .ui-panel-inner .ui-collapsible .ui-collapsible-heading a.ui-btn.ui-collapsible-heading-toggle:visited,\n
html body .ui-panel-inner .ui-group-theme-b .ui-collapsible .ui-collapsible-heading a.ui-btn.ui-collapsible-heading-toggle:visited\n
html body .ui-panel-inner li .ui-btn.ui-btn-b:visited,\n
html body .ui-panel-inner li .ui-group-theme-b .ui-btn:visited,\n
[class*="ui-group-theme-"] .ui-panel-inner li .ui-btn.ui-btn-b:visited {\n
background: none repeat scroll 0 0 transparent;\n
border-color: rgb(232, 232, 232); /* IE8 */\n
border-color: rgba(255,255,255,.3);\n
}\n
/* dropshadow */\n
html body .ui-group-theme-b li {\n
border-top: 1px solid #111;\n
}\n
html body .ui-group-theme-b li.ui-last-child {\n
border-bottom: 1px solid #111;\n
}\n
html body .ui-group-theme-b li.ui-last-child a.ui-btn {\n
border-bottom: none\n
}\n
\n
/* Button hover */\n
.ui-page-theme-b .ui-btn:hover,\n
html .ui-bar-b .ui-btn:hover,\n
html .ui-body-b .ui-btn:hover,\n
html body .ui-btn.ui-btn-b:hover,\n
html body .ui-group-theme-b .ui-btn:hover,\n
[class*="ui-group-theme-"] .ui-btn.ui-btn-b:hover,\n
/* table rows */\n
html .ui-page-theme-b .document-table tr th:hover ~ td,\n
/* controlbars */\n
html .ui-page-theme-b .ui-controlbar .ui-btn:hover,\n
/* tabs */\n
html .ui-page-theme-b .ui-collapsible h1 a.ui-btn:hover\n
html .ui-page-theme-b .ui-collapsible-set .ui-collapsible h1 a.ui-btn:hover {\n
background: #222;\n
background-image: -webkit-gradient(linear, left top, left bottom, from( #444 ), to( #222 ));\n
background-image: -webkit-linear-gradient( #444 , #222 );\n
background-image: -moz-linear-gradient( #444 , #222 );\n
background-image: -ms-linear-gradient( #444 , #222 );\n
background-image: -o-linear-gradient( #444 , #222 );\n
background-image: linear-gradient( #444 , #222 );\n
border-color: rgb(232, 232, 232); /* IE8 */\n
border-color: rgba(255,255,255,.3);\n
/* border-color: #444 */\n
color: #fff;\n
text-shadow: 0px 1px 0px #111;\n
}\n
\n
\n
\n
\n
\n
/* swatch "active" - need this for every swatch!!! */\n
/*--------------------------------------------------------------------------*/\n
\n
/* Button down */\n
html .ui-page-theme-a .ui-bar-active, /* if we do more like this, we need to have a proper theme */\n
.ui-page-theme-a .ui-btn:active,\n
html .ui-bar-a .ui-btn:active,\n
html .ui-body-a .ui-btn:active,\n
html body .ui-btn.ui-btn-a:active,\n
html body .ui-group-theme-a .ui-btn:active,\n
[class*="ui-group-theme-"] .ui-btn.ui-btn-a:active,\n
/* Active button */\n
.ui-page-theme-a .ui-btn.ui-btn-active,\n
html .ui-bar-a .ui-btn.ui-btn-active,\n
html .ui-body-a .ui-btn.ui-btn-active,\n
html body .ui-btn.ui-btn-a.ui-btn-active,\n
html body .ui-group-theme-a .ui-btn.ui-btn-active,\n
[class*="ui-group-theme-"] .ui-btn.ui-btn-a.ui-btn-active,\n
/* radio button */\n
.ui-page-theme-a .ui-btn.ui-radio-on,\n
html .ui-bar-a .ui-btn.ui-radio-on,\n
html .ui-body-a .ui-btn.ui-radio-on,\n
html body .ui-group-theme-a .ui-btn.ui-radio-on,\n
.ui-btn.ui-radio-on.ui-btn-a,\n
/* Active flipswitch background */\n
.ui-page-theme-a .ui-flipswitch-active,\n
html .ui-bar-a .ui-flipswitch-active,\n
html .ui-body-a .ui-flipswitch-active,\n
html body .ui-group-theme-a .ui-flipswitch-active,\n
html body .ui-flipswitch.ui-bar-a.ui-flipswitch-active,\n
/* Active slider track */\n
.ui-page-theme-a .ui-slider-track .ui-btn-active,\n
html .ui-bar-a .ui-slider-track .ui-btn-active,\n
html .ui-body-a .ui-slider-track .ui-btn-active,\n
html body .ui-group-theme-a .ui-slider-track .ui-btn-active,\n
html body div.ui-slider-track.ui-body-a .ui-btn-active,\n
/* Controlbar */\n
html .ui-page-theme-a .ui-controlbar .ui-btn:active,\n
html .ui-page-theme-a .ui-controlbar .ui-btn.ui-btn-active,\n
/* Tab Buttons */\n
html .ui-page-theme-a .ui-collapsible h1 a.ui-btn:active,\n
html .ui-page-theme-a .ui-collapsible h1 a.ui-btn.ui-btn-active,\n
html .ui-page-theme-a .ui-collapsible-set .ui-collapsible h1 a.ui-btn:active,\n
html .ui-page-theme-a .ui-collapsible-set .ui-collapsible h1 a.ui-btn.ui-btn-active,\n
/* black */\n
html .ui-page-theme-b .ui-bar-active,\n
.ui-page-theme-b .ui-btn:active,\n
html .ui-bar-b .ui-btn:active,\n
html .ui-body-b .ui-btn:active,\n
html body .ui-btn.ui-btn-b:active,\n
html body .ui-group-theme-b .ui-btn:active,\n
[class*="ui-group-theme-"] .ui-btn.ui-btn-b:active,\n
/* Active button */\n
.ui-page-theme-b .ui-btn.ui-btn-active,\n
html .ui-bar-b .ui-btn.ui-btn-active,\n
html .ui-body-b .ui-btn.ui-btn-active,\n
html body .ui-btn.ui-btn-b.ui-btn-active,\n
html body .ui-group-theme-b .ui-btn.ui-btn-active,\n
[class*="ui-group-theme-"] .ui-btn.ui-btn-b.ui-btn-active,\n
/* radio on */\n
.ui-page-theme-b .ui-btn.ui-radio-on,\n
html .ui-bar-b .ui-btn.ui-radio-on,\n
html .ui-body-b .ui-btn.ui-radio-on,\n
html body .ui-group-theme-b .ui-btn.ui-radio-on,\n
.ui-btn.ui-radio-on.ui-btn-b ,\n
/* Active flipswitch background */\n
.ui-page-theme-b .ui-flipswitch-active,\n
html .ui-bar-b .ui-flipswitch-active,\n
html .ui-body-b .ui-flipswitch-active,\n
html body .ui-group-theme-b .ui-flipswitch-active,\n
html body .ui-flipswitch.ui-bar-b.ui-flipswitch-active,\n
/* Active slider track */\n
.ui-page-theme-b .ui-slider-track .ui-btn-active,\n
html .ui-bar-b .ui-slider-track .ui-btn-active,\n
html .ui-body-b .ui-slider-track .ui-btn-active,\n
html body .ui-group-theme-b .ui-slider-track .ui-btn-active,\n
html body div.ui-slider-track.ui-body-b .ui-btn-active,\n
/* Table rows on hover */\n
html .document-table tbody tr.linkable:hover td:not(.ui-no-result),\n
html .document-table tbody tr.linkable:hover th:not(.ui-no-result),\n
/* Controlbar */\n
html .ui-page-theme-b .ui-controlbar .ui-btn:active,\n
html .ui-page-theme-b .ui-controlbar .ui-btn.ui-btn-active,\n
/* Tab Buttons */\n
html .ui-page-theme-b .ui-collapsible h1 a.ui-btn:active,\n
html .ui-page-theme-b .ui-collapsible h1 a.ui-btn.ui-btn-active\n
html .ui-page-theme-b .ui-collapsible-set .ui-collapsible h1 a.ui-btn:active,\n
html .ui-page-theme-b .ui-collapsible-set .ui-collapsible h1 a.ui-btn.ui-btn-active,\n
/* LOADER */\n
html .ui-loader.ui-body-loader-active {\n
background-color: #94f2f1;\n
background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#0fbabd), to(#94f2f1));\n
background: -webkit-linear-gradient(bottom, #0fbabd, #94f2f1);\n
background: -moz-linear-gradient(bottom, #0fbabd, #94f2f1);\n
background: -o-linear-gradient(bottom, #0fbabd, #94f2f1);\n
background: -ms-linear-gradient(bottom, #0fbabd, #94f2f1);\n
background: linear-gradient(bottom, #0fbabd, #94f2f1);\n
color: #fff !important;\n
text-shadow: none;\n
cursor: pointer;\n
}\n
/* Table rows ,no pointer... */\n
html .document-table tbody tr:hover td {\n
cursor: default;\n
}\n
\n
/* Active radio button */\n
/* white */\n
.ui-page-theme-a .ui-btn.ui-radio-on:after,\n
html .ui-bar-a .ui-btn.ui-radio-on:after,\n
html .ui-body-a .ui-btn.ui-radio-on:after,\n
html body .ui-group-theme-a .ui-btn.ui-radio-on:after,\n
.ui-btn.ui-radio-on.ui-btn-a:after,\n
/* black */\n
.ui-page-theme-b .ui-btn.ui-radio-on:after,\n
html .ui-bar-b .ui-btn.ui-radio-on:after,\n
html .ui-body-b .ui-btn.ui-radio-on:after,\n
html body .ui-group-theme-b .ui-btn.ui-radio-on:after,\n
.ui-btn.ui-radio-on.ui-btn-b:after {\n
border-color: #fff;\n
}\n
\n
/* Focus */\n
/* white */\n
.ui-overlay-a .ui-btn:focus,\n
.ui-page-theme-a .ui-btn:focus,\n
html .ui-bar-a .ui-btn:focus,\n
html .ui-body-a .ui-btn:focus,\n
html body .ui-group-theme-a .ui-btn:focus,\n
html head + body .ui-btn.ui-btn-a:focus,\n
/* Focus buttons and text inputs with div wrap */\n
.ui-overlay-a .ui-focus,\n
.ui-page-theme-a .ui-focus,\n
html .ui-bar-a .ui-focus,\n
html .ui-body-a .ui-focus,\n
html body .ui-group-theme-a .ui-focus,\n
html head + body .ui-btn-a.ui-focus,\n
html head + body .ui-body-a.ui-focus,\n
/* black */\n
.ui-overlay-b .ui-btn:focus,\n
.ui-page-theme-b .ui-btn:focus,\n
html .ui-bar-b .ui-btn:focus,\n
html .ui-body-b .ui-btn:focus,\n
html body .ui-group-theme-b .ui-btn:focus,\n
html head + body .ui-btn.ui-btn-b:focus,\n
/* Focus buttons and text inputs with div wrap */\n
.ui-overlay-b .ui-focus,\n
.ui-page-theme-b .ui-focus,\n
html .ui-bar-b .ui-focus,\n
html .ui-body-b .ui-focus,\n
html body .ui-group-theme-b .ui-focus,\n
html head + body .ui-btn-b.ui-focus,\n
html head + body .ui-body-b.ui-focus{\n
-webkit-box-shadow: 0 0 6px #0fbabd;\n
box-shadow: 0 0 6px #0fbabd;\n
}\n
\n
\n
/* =========================== Override Widgets =========================== */\n
\n
/* ------------------------ Toolbar (header/footer) ----------------------- */\n
.ui-header, .ui-footer {\n
border-width: 1px 0;\n
}\n
/* position */\n
.ui-header .ui-btn-left,\n
.ui-header .ui-btn-right {\n
top: 0;\n
position: absolute;\n
bottom: 0;\n
}\n
.ui-header .ui-btn-left {\n
left: 0;\n
}\n
.ui-header .ui-btn-right {\n
right: 0;\n
}\n
/* double borders */\n
html .ui-header .ui-btn-left.ui-btn,\n
html .ui-header .ui-btn-left .ui-btn {\n
border-right: 1px solid rgb(232, 232, 232); /* IE8 */\n
border-right: 1px solid rgba(232, 232, 232, 0.5);\n
}\n
html .ui-header .ui-btn-right.ui-btn,\n
html .ui-header .ui-btn-right .ui-btn {\n
border-left: 1px solid rgb(115, 115, 115); /* IE8 */\n
border-left: 1px solid rgba(0, 0, 0, 0.55);\n
}\n
/* blank JQM icons for font-awesome, remove icon borders/background */\n
.ui-header .ui-btn:before {\n
content: "";\n
height: 100%;\n
position: absolute;\n
width: 0;\n
bottom: 0;\n
top: 0;\n
}\n
.ui-header .ui-btn-left .ui-btn:before,\n
.ui-header .ui-btn-left.ui-btn:before {\n
right: 0px;\n
border-right: 1px solid rgb(115, 115, 115); /* IE8 */\n
border-right: 1px solid rgba(0, 0, 0, 0.55);\n
}\n
.ui-header .ui-btn-right .ui-btn:before,\n
.ui-header .ui-btn-right.ui-btn:before {\n
left: 0px;\n
border-left: 1px solid rgb(232, 232, 232); /* IE8 */\n
border-left: 1px solid rgba(232, 232, 232, 0.5);\n
}\n
\n
/* hide button text on small screens, if button has class "responsive" */\n
@media (max-width: 40em) {\n
.responsive.ui-btn,\n
.ui-select span.responsive {\n
text-indent: -9999px;\n
white-space: nowrap !important;\n
}\n
.responsive.ui-btn:after {\n
text-indent: 0px;\n
left: .6em;\n
}\n
/* center select(!) icons on responsive layouts */\n
.ui-mini.ui-btn-icon-left:after,\n
.ui-mini .ui-btn-icon-left:after,\n
.ui-header .ui-btn-icon-left:after,\n
.ui-footer .ui-btn-icon-left:after {\n
left: .6em;\n
}\n
}\n
/* stretch */\n
html body .ui-header a.ui-btn,\n
html body .ui-header .ui-controlgroup div.ui-select .ui-btn {\n
-webkit-border-radius: 0;\n
border-radius: 0;\n
-webkit-box-shadow: none;\n
box-shadow: none;\n
height: 100%;\n
margin: 0;\n
padding-bottom: 0;\n
padding-top: 0;\n
}\n
\n
/* =============================== BUTTON ================================= */\n
/* unbold */\n
html .ui-btn, label.ui-btn {\n
font-weight: normal;\n
}\n
/* fix svg icon positioning */\n
.ui-btn-icon-notext:after,\n
.ui-btn-icon-left:after,\n
.ui-btn-icon-top:after,\n
.ui.btn-icon-bottom:after,\n
.ui-btn-icon-right:after,\n
.ui-listview >
li > .ui-btn[class*="ui-icon-"]:after {\n
margin-top: -10px;\n
}\n
\n
/* fix text-indent when trying to use custom icons on iconpos-notext buttons */\n
.ui-btn-icon-notext {\n
text-indent: -9999px;\n
}\n
.ui-btn-icon-notext:after {\n
text-indent: 0;\n
}\n
/* fix font-size on notext buttons, so icons don\'t zoom, JQMs-px font-size */\n
.ui-header .ui-btn-icon-notext,\n
.ui-footer .ui-btn-icon-notext {\n
font-size: 12.5px;\n
}\n
\n
/* ---------------------------- TABLE ------------------------------------ */\n
/* NOTE: since the table widget is not used, JQM CSS is added hard coded */\n
/* default table styles */\n
.document-table {\n
border-collapse: separate;\n
border-spacing: 0;\n
padding: 0;\n
width: 100%;\n
}\n
.document-table th,\n
.document-table td {\n
line-height: 1.5em;\n
text-align: left;\n
padding: .4em .5em;\n
vertical-align:top;\n
}\n
.document-table th .ui-btn,\n
.document-table td .ui-btn {\n
line-height: normal;\n
}\n
.document-table th {\n
font-weight: bold;\n
}\n
.document-table caption {\n
text-align: left;\n
margin-bottom: 1.4em;\n
opacity: .5;\n
}\n
\n
/* radius */\n
.ui-table-inset {\n
-webkit-border-radius: .3125em;\n
border-radius: .3125em;\n
}\n
.ui-table-inset thead tr:first-child td:first-child,\n
.ui-table-inset thead tr:first-child th:first-child{\n
-webkit-border-top-left-radius: inherit;\n
border-top-left-radius: inherit;\n
}\n
.ui-table-inset thead tr:first-child td:last-child,\n
.ui-table-inset thead tr:first-child th:last-child{\n
-webkit-border-top-right-radius: inherit;\n
border-top-right-radius: inherit;\n
}\n
.ui-table-inset tbody tr:last-child td:first-child,\n
.ui-table-inset tbody tr:last-child th:first-child {\n
-webkit-border-bottom-left-radius: inherit;\n
border-bottom-left-radius: inherit;\n
}\n
.ui-table-inset tbody tr:last-child td:last-child,\n
.ui-table-inset tbody tr:last-child th:last-child {\n
-webkit-border-bottom-right-radius: inherit;\n
border-bottom-right-radius: inherit;\n
}\n
\n
/* format header cells (partially overwriting theme css) */\n
html .document-table thead th,\n
html .document-table thead td {\n
padding: 0;\n
text-shadow: none;\n
font-weight: normal;\n
vertical-align: middle;\n
text-align: center;\n
padding: 0 .25em;\n
-webkit-box-sizing: border-box;\n
-moz-box-sizing: border-box;\n
box-sizing: border-box;\n
}\n
/* set same padding everywhere */\n
html .document-table tbdoy th,\n
html .document-table tbody td {\n
padding: 0 1em;\n
vertical-align: middle;\n
}\n
@media (max-width: 20em) {\n
html .document-table tbdoy th,\n
html .document-table tbody td {\n
padding: 0;\n
height: 2.125em; /* mh... */\n
}\n
}\n
/* uncss table body links */\n
html .document-table tbody td a,\n
html .document-table tbody th a {\n
text-decoration: none;\n
font-weight: normal;\n
}\n
html .document-table tbody td:hover a,\n
html .document-table tbody th:hover a {\n
text-decoration: none;\n
}\n
\n
/* override JQM default format */\n
html .document-table {\n
width: 100.15%;\n
border: 1px solid;\n
}\n
/* alignment */\n
html .document-table thead th .ui-btn,\n
html .document-table thead td .ui-btn {\n
text-align: left;\n
}\n
/* table strokes/stripe */\n
html .document-table thead th,\n
html .document-table thead th,\n
html .document-table tbody tr:last-child {\n
border-bottom: 1px solid #d6d6d6; /* non-RGBA fallback */\n
border-bottom: 1px solid rgba(0,0,0,.1);\n
}\n
html .document-table tbody th,\n
html .document-table tbody td {\n
border-bottom: 1px solid #e6e6e6; /* non-RGBA fallback */\n
border-bottom: 1px solid rgba(0,0,0,.05);\n
}\n
html .document-table tbody tr:last-child th,\n
html .document-table tbody tr:last-child td {\n
border-bottom: 0;\n
}\n
html .document-table tbody tr:nth-child(odd) td,\n
html .document-table tbody tr:nth-child(odd) th {\n
background-color: #eeeeee; /* non-RGBA fallback */\n
background-color: rgba(0,0,0,.04);\n
}\n
\n
/* --------------------------- TABS --------------------------------------- */\n
/* thx: Lea Verou - http://bit.ly/1rAhqzm */\n
.nav_container li a {\n
border-top: 0px;\n
}\n
.nav_container li.ui-block-a,\n
.nav_container li.ui-block-b {\n
clear: none;\n
}\n
.nav_container ul li:first-child:nth-last-child(1) {\n
width: 100%;\n
}\n
.nav_container ul li:first-child:nth-last-child(2),\n
.nav_container ul li:first-child:nth-last-child(2) ~ li {\n
width: 50%;\n
}\n
.nav_container ul li:first-child:nth-last-child(3),\n
.nav_container ul li:first-child:nth-last-child(3) ~ li {\n
width: 33.3333%;\n
}\n
.nav_container ul li:first-child:nth-last-child(4),\n
.nav_container ul li:first-child:nth-last-child(4) ~ li {\n
width: 25%;\n
}\n
.nav_container ul li:first-child:nth-last-child(5),\n
.nav_container ul li:first-child:nth-last-child(5) ~ li {\n
width: 20%;\n
}\n
.nav_container ul li:first-child:nth-last-child(6),\n
.nav_container ul li:first-child:nth-last-child(6) ~ li {\n
width: 16.667%;\n
}\n
.nav_container ul li:first-child:nth-last-child(7),\n
.nav_container ul li:first-child:nth-last-child(7) ~ li {\n
width: 14,285714286%;\n
}\n
.nav_container ul li:first-child:nth-last-child(8),\n
.nav_container ul li:first-child:nth-last-child(8) ~ li {\n
width: 12.5%;\n
}\n
.nav_container ul li:first-child:nth-last-child(9),\n
.nav_container ul li:first-child:nth-last-child(9) ~ li {\n
width: 11.112%;\n
}\n
.nav_container ul li:first-child:nth-last-child(10),\n
.nav_container ul li:first-child:nth-last-child(10) ~ li {\n
width: 10%;\n
}\n
/* ----------------------------- FORM LAYOUT ------------------------------ */\n
html .left, html .right, html .center, html .bottom {\n
vertical-align: top;\n
padding: 2% 2% 0 2%;\n
}\n
html .center, html .bottom {\n
display: block;\n
width: 96%\n
}\n
html .left, html .right {\n
display: inline-block;\n
width: 45%;\n
}\n
html .left textarea, html .right textarea {\n
width: 57.7%;\n
display: inline-block;\n
vertical-align: midle;\n
}\n
@media (max-width: 40em) {\n
html form {\n
max-width: 80%; /* allow scrolling! */\n
margin: auto;\n
}\n
html .left, html .right, html .center, html .bottom {\n
width: auto;\n
display: block;\n
padding: .25em 0;\n
}\n
html .left textarea, html .right textarea {\n
width: 100%;\n
}\n
}\n
/* ----------------------------- FORM LAYOUT ------------------------------ */\n
/* padding and overall width */\n
html .left, html .right, html .center, html .bottom {\n
vertical-align: top;\n
padding: 2% 2% 0 2%;\n
}\n
html .center, html .bottom {\n
display: block;\n
width: 96%\n
}\n
html .left, html .right {\n
display: inline-block;\n
width: 45%;\n
}\n
html .left textarea, html .right textarea {\n
width: 57.7%;\n
display: inline-block;\n
vertical-align: midle;\n
}\n
\n
/* fix relation of label/legend to input to display side-by-side */\n
fieldset label:not(.ui-btn),\n
fieldset div.ui-controlgroup-label {\n
max-width: 30%;\n
min-width: 30%;\n
}\n
.left label:not(.ui-btn) ~ *,\n
.left div.ui-controlgroup-label ~ *,\n
.right label:not(.ui-btn) ~ * ,\n
.right div.ui-controlgroup-label ~ * {\n
width: 70%;\n
}\n
.center label:not(.ui-btn) ~ *,\n
.center div.ui-controlgroup-label ~ * {\n
width: 68%;\n
}\n
\n
@media (max-width: 40em) {\n
html form {\n
max-width: 80%; /* allow scrolling! */\n
margin: auto;\n
}\n
html .left, html .right, html .center, html .bottom {\n
width: auto;\n
display: block;\n
padding: .25em 0;\n
}\n
html .left textarea,\n
html .right textarea,\n
html.ui-mobile body fieldset.left div label,\n
html.ui-mobile body fieldset.left div label ~ *,\n
html.ui-mobile body fieldset.right div label,\n
html.ui-mobile body fieldset.right div label ~ *,\n
html.ui-mobile body fieldset.center div label,\n
html.ui-mobile body fieldset.center div label ~ * {\n
width: auto;\n
}\n
html.ui-mobile body fieldset.left div label,\n
html.ui-mobile body fieldset.right div label,\n
html.ui-mobile body fieldset.center div label {\n
min-width: none;\n
max-width: none;\n
margin-bottom: -.5em; /* nono! */\n
}\n
}\n
/* --------------------------- FORM INPUTS -------------------------------- */\n
\n
/* set field and input side by side */\n
fieldset label:not(.ui-btn),\n
fieldset div.ui-controlgroup-label,\n
fieldset label:not(.ui-btn) ~ *,\n
fieldset div.ui-controlgroup-label ~ * {\n
display: inline-block;\n
vertical-align: middle;\n
}\n
@media (max-width: 40em) {\n
fieldset label:not(.ui-btn),\n
fieldset div.ui-controlgroup-label,\n
fieldset label:not(.ui-btn) ~ *,\n
fieldset div.ui-controlgroup-label ~ * {\n
display: block;\n
vertical-align: top;\n
}\n
}
]]>
</string>
</value>
</item>
<item>
<key>
<string>
title
</string>
</key>
...
...
bt5/erp5_web_renderjs_ui/PathTemplateItem/web_page_module/rjs_gadget_erp5_html.xml
View file @
720e6cdc
...
...
@@ -75,7 +75,7 @@
</item>
<item>
<key>
<string>
description
</string>
</key>
<value>
<string>
This gadget starts a development environment to develop new gadget.
</string>
</value>
<value>
<string>
Starting Point
</string>
</value>
</item>
<item>
<key>
<string>
id
</string>
</key>
...
...
@@ -134,9 +134,9 @@
<div
data-role=
"panel"
id=
"leftpanel"
data-display=
"overlay"
></div>
\n
\n
<header
data-role=
"header"
>
\n
<a
href=
"#leftpanel"
>
Open panel
</a>
\n
<a
href=
"#leftpanel"
class=
"responsive ui-btn ui-icon-bars ui-btn-icon-left"
>
Menu
</a>
\n
<h1>
ERP5
</h1>
\n
<a
href=
"#"
>
Home
</a>
\n
<a
href=
"#"
class=
"responsive ui-btn ui-icon-home ui-btn-icon-left"
>
Home
</a>
\n
</header>
\n
\n
<article></article>
\n
...
...
bt5/erp5_web_renderjs_ui/PathTemplateItem/web_page_module/rjs_gadget_erp5_listbox_html.xml
View file @
720e6cdc
...
...
@@ -119,11 +119,12 @@
\n
</head>
\n
<body>
\n
<table>
\n
<thead>
\n
</thead>
\n
</table>
\n
\n
<section
class=
"document_table"
>
\n
<table
class=
"document-table ui-table-inset"
>
\n
<thead>
\n
</thead>
\n
</table>
\n
</section>
\n
</body>
\n
</html>
...
...
bt5/erp5_web_renderjs_ui/bt/revision
View file @
720e6cdc
8
\ No newline at end of file
9
\ No newline at end of file
Write
Preview
Markdown
is supported
0%
Try again
or
attach a new file
Attach a file
Cancel
You are about to add
0
people
to the discussion. Proceed with caution.
Finish editing this message first!
Cancel
Please
register
or
sign in
to comment