From 9eac77677657de4549fb972e618cd1c147b2193a Mon Sep 17 00:00:00 2001 From: Ingo Schommer Date: Sat, 7 Jan 2012 19:23:25 +0100 Subject: [PATCH] MINOR Using SCSS/Compass for sapphire/css --- config.rb | 4 +- css/CheckboxSetField.css | 15 +- css/CodeViewer.css | 23 +-- css/ComplexTableField.css | 34 +--- css/ComplexTableField_popup.css | 161 +++---------------- css/ConfirmedPasswordField.css | 5 +- css/DatetimeField.css | 15 +- css/FileIFrameField.css | 181 ++++----------------- css/Form.css | 168 +++++--------------- css/GridField.css | 0 css/HasManyFileField.css | 150 ++++-------------- css/Security_login.css | 26 ++- css/SelectionGroup.css | 46 ++---- css/SubmittedFormReportField.css | 19 +-- css/TableListField.css | 247 ++++++----------------------- css/TestViewer.css | 23 +-- css/TreeDropdownField.css | 97 ++--------- css/UnitTesting.css | 95 ++++------- scss/CheckboxSetField.scss | 14 ++ scss/CodeViewer.scss | 14 ++ scss/ComplexTableField.scss | 16 ++ scss/ComplexTableField_popup.scss | 115 ++++++++++++++ scss/ConfirmedPasswordField.scss | 4 + scss/DatetimeField.scss | 14 ++ scss/FileIFrameField.scss | 175 ++++++++++++++++++++ scss/Form.scss | 151 ++++++++++++++++++ scss/HasManyFileField.scss | 124 +++++++++++++++ scss/Security_login.scss | 17 ++ scss/SelectionGroup.scss | 39 +++++ scss/SubmittedFormReportField.scss | 18 +++ scss/TableListField.scss | 226 ++++++++++++++++++++++++++ scss/TestViewer.scss | 14 ++ scss/TreeDropdownField.scss | 90 +++++++++++ scss/UnitTesting.scss | 64 ++++++++ 34 files changed, 1350 insertions(+), 1054 deletions(-) mode change 100755 => 100644 css/CheckboxSetField.css mode change 100755 => 100644 css/CodeViewer.css mode change 100755 => 100644 css/ComplexTableField.css mode change 100755 => 100644 css/ComplexTableField_popup.css mode change 100755 => 100644 css/ConfirmedPasswordField.css mode change 100755 => 100644 css/DatetimeField.css mode change 100755 => 100644 css/FileIFrameField.css mode change 100755 => 100644 css/Form.css mode change 100755 => 100644 css/GridField.css mode change 100755 => 100644 css/HasManyFileField.css mode change 100755 => 100644 css/Security_login.css mode change 100755 => 100644 css/SelectionGroup.css mode change 100755 => 100644 css/SubmittedFormReportField.css mode change 100755 => 100644 css/TableListField.css mode change 100755 => 100644 css/TestViewer.css mode change 100755 => 100644 css/TreeDropdownField.css mode change 100755 => 100644 css/UnitTesting.css create mode 100755 scss/CheckboxSetField.scss create mode 100755 scss/CodeViewer.scss create mode 100755 scss/ComplexTableField.scss create mode 100755 scss/ComplexTableField_popup.scss create mode 100755 scss/ConfirmedPasswordField.scss create mode 100755 scss/DatetimeField.scss create mode 100755 scss/FileIFrameField.scss create mode 100755 scss/Form.scss create mode 100755 scss/HasManyFileField.scss create mode 100755 scss/Security_login.scss create mode 100755 scss/SelectionGroup.scss create mode 100755 scss/SubmittedFormReportField.scss create mode 100755 scss/TableListField.scss create mode 100755 scss/TestViewer.scss create mode 100755 scss/TreeDropdownField.scss create mode 100755 scss/UnitTesting.scss diff --git a/config.rb b/config.rb index ec6b43ab3..5dedea4af 100644 --- a/config.rb +++ b/config.rb @@ -15,4 +15,6 @@ relative_assets = true # disable comments in the output. We want admin comments # to be verbose -line_comments = false \ No newline at end of file +line_comments = false + +asset_cache_buster :none \ No newline at end of file diff --git a/css/CheckboxSetField.css b/css/CheckboxSetField.css old mode 100755 new mode 100644 index e7480dc71..a45a1d202 --- a/css/CheckboxSetField.css +++ b/css/CheckboxSetField.css @@ -1,12 +1,3 @@ -#right form .CheckboxSetField ul{ - margin:0; - padding:0; -} -#right form .CheckboxSetField ul li{ - list-style:none !important; - margin:0; - padding:0; -} -#right form .CheckboxSetField input{ - width:auto; -} \ No newline at end of file +#right form .CheckboxSetField ul { margin: 0; padding: 0; } +#right form .CheckboxSetField ul li { list-style: none !important; margin: 0; padding: 0; } +#right form .CheckboxSetField input { width: auto; } diff --git a/css/CodeViewer.css b/css/CodeViewer.css old mode 100755 new mode 100644 index 23223499b..2cd9f3493 --- a/css/CodeViewer.css +++ b/css/CodeViewer.css @@ -1,22 +1,3 @@ -pre { - border: 1px #777 solid; - background-color: #CCC; - color: #333; - margin: 0.5em 2em; - padding: 1em; - line-height: 120%; -} +pre { border: 1px #777 solid; background-color: #CCC; color: #333; margin: 0.5em 2em; padding: 1em; line-height: 120%; } -pre strong { - background-color: #FFC; - color: #000; - padding: 2px; -} - -.T_VARIABLE { - -} - -.T_NEW { - -} \ No newline at end of file +pre strong { background-color: #FFC; color: #000; padding: 2px; } diff --git a/css/ComplexTableField.css b/css/ComplexTableField.css old mode 100755 new mode 100644 index f883b5bc8..d5805ecbe --- a/css/ComplexTableField.css +++ b/css/ComplexTableField.css @@ -1,32 +1,6 @@ -#GB_header { - position: absolute; - z-index: 151; - margin: 0; - top: 0; - font-size : 14px; - font-weight : bold; - height : 22px !important; -} - -#GB_window { - border: 0; -} - -#GB_close { - padding: 2px 5px 0 0; - float: right; - font-size: 11px; -} - /* table */ -.ComplexTableField { - margin-bottom: 10px; -} +.ComplexTableField { margin-bottom: 10px; } +.ComplexTableField tbody td { cursor: pointer; } +.ComplexTableField tbody td.markingcheckbox { cursor: default; } -.ComplexTableField tbody td { - cursor: pointer; -} - -.ComplexTableField tbody td.markingcheckbox { - cursor: default; -} \ No newline at end of file +.ui-dialog .ctf-dialog.ui-dialog-content { padding-right: 0; /* scrollbars */ } diff --git a/css/ComplexTableField_popup.css b/css/ComplexTableField_popup.css old mode 100755 new mode 100644 index dfcf21b6e..76bdc4ee9 --- a/css/ComplexTableField_popup.css +++ b/css/ComplexTableField_popup.css @@ -1,144 +1,35 @@ -html { - overflow-y: auto !important; -} -body { - height: 100%; -} +html { overflow-y: auto !important; } -#ComplexTableField_Popup_DetailForm input.loading { - background: #fff url(../images/network-save.gif) left center no-repeat; - padding-left: 16px; -} +body { height: 100%; } -.PageControls { - padding: 5px; - width: 100%; -} +#ComplexTableField_Popup_DetailForm input.loading { background: white url(../images/network-save.gif) left center no-repeat; padding-left: 16px; } -.PageControls * { - vertical-align: middle; -} +.PageControls { padding: 5px; width: 100%; } +.PageControls * { vertical-align: middle; } +.PageControls .Left { width: 33%; } +.PageControls .Count { width: 33%; text-align: center; } +.PageControls .Right { width: 33%; text-align: right; } -.PageControls .Left { - width: 33%; -} +.ComplexTableField_Popup td.hidden { display: none; } +.ComplexTableField_Popup th.HiddenField { display: none; } +.ComplexTableField_Popup span.right { float: right; clear: none; } +.ComplexTableField_Popup span.left { float: left; clear: none; } +.ComplexTableField_Popup form p.checkbox input { margin: 0pt 1px; } +.ComplexTableField_Popup form ul.optionset { margin: 0; padding: 0; } +.ComplexTableField_Popup form ul.optionset li { margin: 4px 0; } +.ComplexTableField_Popup form div.Actions input { font-size: 11px; margin-top: 10px; } -.PageControls .Count { - width: 33%; - text-align: center; -} +/* Pagination */ +#ComplexTableField_Pagination, #ComplexTableField_Pagination * { vertical-align: middle; } -.PageControls .Right { - width: 33%; - text-align: right; -} +#ComplexTableField_Pagination { margin-top: 10px; margin-left: auto; margin-right: auto; font-size: 11px; } +#ComplexTableField_Pagination a { /*font-size: 1.2em;*/ font-size: 13px; font-weight: bold; text-decoration: none; width: 1px; height: 1px; margin: 1px; } +#ComplexTableField_Pagination a:hover { background: none; } +#ComplexTableField_Pagination span { display: inline; font-weight: bold; font-size: 15px; color: #f00; } +#ComplexTableField_Pagination div { display: inline; } -form { - margin: 0 !important; -} +#ComplexTableField_Pagination_Previous { padding-right: 10px; } -form fieldset { - border: 0 !important; -} +#ComplexTableField_Pagination_Next { padding-left: 10px; } -/* IE6 hack */ -* html body, -* html .ComplexTableField_Popup form .middleColumn span, -* html .ComplexTableField_Popup form .middleColumn *, -* html .ComplexTableField_Popup form .readonly .readonly { - width: 90%; -} -* html .autocomplete { - display: none; -} - -.ComplexTableField_Popup td.hidden { - display: none; -} - -.ComplexTableField_Popup th.HiddenField{ - display: none; -} - -.ComplexTableField_Popup span.right{ - float: right; - clear: none; -} -.ComplexTableField_Popup span.left{ - float: left; - clear: none; -} - -.right.ComplexTableField_Popup form textarea, -.right.ComplexTableField_Popup form input.text, -.right.ComplexTableField_Popup form textarea.htmleditor { - width: 98.3%; -} - -.right.ComplexTableField_Popup form h2 { - line-height: normal; -} - -.ComplexTableField_Popup form p.checkbox input { - margin:0pt 1px; -} -.ComplexTableField_Popup form ul.optionset { - margin: 0; - padding: 0; -} -.ComplexTableField_Popup form ul.optionset li { - margin: 4px 0; -} - -.right.ComplexTableField_Popup form div.Actions input { - font-size: 11px; - margin-top: 10px; -} - -/* Pagination */ -#ComplexTableField_Pagination, -#ComplexTableField_Pagination * { - vertical-align: middle; -} - -#ComplexTableField_Pagination { - margin-top: 10px; - margin-left: auto; - margin-right: auto; - font-size: 11px; -} - -#ComplexTableField_Pagination a { - /*font-size: 1.2em;*/ - font-size: 13px; - font-weight: bold; - text-decoration: none; - width: 1px; - height: 1px; - margin: 1px; -} - -#ComplexTableField_Pagination a:hover { - background: none; -} - -#ComplexTableField_Pagination span { - display: inline; - font-weight: bold; - font-size: 15px; - color: #f00; -} - -#ComplexTableField_Pagination div { - display: inline; -} - -#ComplexTableField_Pagination_Previous { - padding-right: 10px; -} -#ComplexTableField_Pagination_Next { - padding-left: 10px; -} -#ComplexTableField_Pagination_Next img,#ComplexTableField_Pagination_Previous img { - margin: 0 3px 2px; -} \ No newline at end of file +#ComplexTableField_Pagination_Next img, #ComplexTableField_Pagination_Previous img { margin: 0 3px 2px; } diff --git a/css/ConfirmedPasswordField.css b/css/ConfirmedPasswordField.css old mode 100755 new mode 100644 index 7abb120d5..fe3ca6897 --- a/css/ConfirmedPasswordField.css +++ b/css/ConfirmedPasswordField.css @@ -1,4 +1 @@ -.confirmedpassword .showOnClickContainer { - /* used to hide a container by-default when loading it so there is no "flash" as the content loads */ - display:none; -} \ No newline at end of file +.confirmedpassword .showOnClickContainer { /* used to hide a container by-default when loading it so there is no "flash" as the content loads */ display: none; } diff --git a/css/DatetimeField.css b/css/DatetimeField.css old mode 100755 new mode 100644 index 3b3c8c100..fbd303126 --- a/css/DatetimeField.css +++ b/css/DatetimeField.css @@ -1,14 +1,5 @@ -.datetime .middleColumn .middleColumn { - margin: 0; - padding: 0; - clear: none; - float: left; -} +.datetime .middleColumn .middleColumn { margin: 0; padding: 0; clear: none; float: left; } -.datetime .date .middleColumn { - width: 20em; -} +.datetime .date .middleColumn { width: 20em; } -.datetime .time .middleColumn { - width: 10em; -} \ No newline at end of file +.datetime .time .middleColumn { width: 10em; } diff --git a/css/FileIFrameField.css b/css/FileIFrameField.css old mode 100755 new mode 100644 index 6cbe32218..84f7ce33d --- a/css/FileIFrameField.css +++ b/css/FileIFrameField.css @@ -3,173 +3,56 @@ typography.css has been removed from sapphire, why shall we still has this? a dy server side call, like Requirements::css(); @import url("typography.css"); */ +html, body { padding: 0; margin: 0; border-style: none; height: 100%; overflow: hidden; } -html,body { - padding: 0; - margin: 0; - border-style: none; - height: 100%; - overflow: hidden; -} +form { margin: 0; padding: 0; } -form { - margin: 0; padding: 0; -} +h2 { margin: 0; font-size: 1.4em; } -h2 { - margin: 0; - font-size: 1.4em; -} +/** Selection Groups */ +.SelectionGroup { padding: 0; margin: 10px 0 0 0; } -/** - * Selection Groups - */ -.SelectionGroup { - padding: 0; - margin: 10px 0 0 0; -} -.SelectionGroup li { - list-style-type: none; - margin: 0 0 4px; -} -.SelectionGroup li label { - font-size: 11px; -} -.SelectionGroup li input.selector { - width: 20px; - margin-top: 0; -} +.SelectionGroup li { list-style-type: none; margin: 0 0 4px; } +.SelectionGroup li label { font-size: 11px; } -.SelectionGroup li div.field { - display: none; -} -.SelectionGroup li.selected div.field { - display: block; - margin-left: 30px; - margin-bottom: 1em; - margin-top: 4px; -} -.mainblock .SelectionGroup li.selected div.field { - margin-left: 27px; - margin-bottom: 4px; -} +.SelectionGroup li input.selector { width: 20px; margin-top: 0; } -.SelectionGroup li.selected label.selector { - font-weight: bold; -} +.SelectionGroup li div.field { display: none; } +.SelectionGroup li.selected div.field { display: block; margin-left: 30px; margin-bottom: 1em; margin-top: 4px; } +.mainblock .SelectionGroup li.selected div.field { margin-left: 27px; margin-bottom: 4px; } -/** - * TreeDropdownField stying - */ -.SelectionGroup div.TreeDropdownField { - width: 241px; - padding: 0; -} -html>body div.TreeDropdownField { - position:relative; -} +.SelectionGroup li.selected label.selector { font-weight: bold; } -.SelectionGroup div.TreeDropdownField span.items { - display: block; - height: 100%; - border: 1px #7f9db9 solid; - cursor: pointer; - width: 214px; - float: left; - padding-top: 2px; - padding-bottom: 2px; - background-color: white; -} +/** TreeDropdownField stying */ +.SelectionGroup div.TreeDropdownField { width: 241px; padding: 0; } -.SelectionGroup div.TreeDropdownField div.tree_holder { - clear: left; - cursor: default; - border: 1px black solid; - margin: 0; - height: 180px; - overflow: auto; - background-color: white; - /** - * HACK IE6, see http://www.hedgerwow.com/360/bugs/css-select-free.html - */ - position:absolute; - z-index:10; - width:238px;/*must have for any value*/ -} +html > body div.TreeDropdownField { position: relative; } -html>body div.TreeDropdownField div.tree_holder { - top: 20px; - left: 0px; - z-index: 1000; -} +.SelectionGroup div.TreeDropdownField span.items { display: block; height: 100%; border: 1px #7f9db9 solid; cursor: pointer; width: 214px; float: left; padding-top: 2px; padding-bottom: 2px; background-color: white; } -/** - * HACK IE6, see http://www.hedgerwow.com/360/bugs/css-select-free.html - */ -.SelectionGroup div.TreeDropdownField div.tree_holder iframe { - display:none;/* IE5*/ - display/**/:block;/* IE5*/ - position:absolute; - top:0; - left:0; - z-index:-1; - filter:mask(); - width:180px; /*must have for any big value*/ - height:200px/*must have for any big value*/; - border: 0; -} +.SelectionGroup div.TreeDropdownField div.tree_holder { clear: left; cursor: default; border: 1px black solid; margin: 0; height: 180px; overflow: auto; background-color: white; /** HACK IE6, see http://www.hedgerwow.com/360/bugs/css-select-free.html */ position: absolute; z-index: 10; width: 238px; /*must have for any value*/ } -div.TreeDropdownField a.editLink { - border-width: 1px 1px 1px 0; - background: url(../../sapphire/images/TreeDropdownField_button.gif) left top no-repeat; - width: 19px; - height: 21px; - margin: 0; - padding: 0; - float: left; - clear: right; - z-index: 0; - overflow: hidden; -} +html > body div.TreeDropdownField div.tree_holder { top: 20px; left: 0px; z-index: 1000; } + +/** HACK IE6, see http://www.hedgerwow.com/360/bugs/css-select-free.html */ +.SelectionGroup div.TreeDropdownField div.tree_holder iframe { display: none; /* IE5*/ display/**/: block; /* IE5*/ position: absolute; top: 0; left: 0; z-index: -1; filter: mask(); width: 180px; /*must have for any big value*/ height: 200px; border: 0; } + +div.TreeDropdownField a.editLink { border-width: 1px 1px 1px 0; background: url(../../sapphire/images/TreeDropdownField_button.gif) left top no-repeat; width: 19px; height: 21px; margin: 0; padding: 0; float: left; clear: right; z-index: 0; overflow: hidden; } /* added block/width so tree values don't disappear in ie7 */ -.SelectionGroup div.TreeDropdownField ul.tree li { - display: block; - width: 100%; -} +.SelectionGroup div.TreeDropdownField ul.tree li { display: block; width: 100%; } -.Actions { - text-align: right; - margin: 0; - position: absolute; - right: 5px; - bottom: 5px; -} +.Actions { text-align: right; margin: 0; position: absolute; right: 5px; bottom: 5px; } -.mainblock { - float: left; - border: 1px solid #ccc; - padding: 5px; - margin-right: 5px; - height: 140px; - position: relative; -} - .mainblock.editform { - width: 275px; - } - .mainblock.attached { - position: absolute; - left: 270px; - width: 100px; - } +.mainblock { float: left; border: 1px solid #ccc; padding: 5px; margin-right: 5px; height: 140px; position: relative; } -.mainblock form fieldset { - border: none; -} +.mainblock.editform { width: 275px; } -.mainblock form div.Actions input { - font-size: 11px; -} \ No newline at end of file +.mainblock.attached { position: absolute; left: 270px; width: 100px; } + +.mainblock form fieldset { border: none; } + +.mainblock form div.Actions input { font-size: 11px; } diff --git a/css/Form.css b/css/Form.css old mode 100755 new mode 100644 index 546791bde..2dabc2544 --- a/css/Form.css +++ b/css/Form.css @@ -1,151 +1,55 @@ -/** - * Fields - */ -form * { - font-size: 12px; -} -form fieldset { - margin: 0; - padding: 0; - border-style: none; -} +/** Fields */ +form * { font-size: 12px; } -form .field { - clear: both; - padding: 0.2em; - margin: 0 0 0 10em; - vertical-align: middle; -} +form fieldset { margin: 0; padding: 0; border-style: none; } -form p.checkbox { - margin: 0 0 0 8.5em; -} +form .field { clear: both; padding: 0.2em; margin: 0 0 0 10em; vertical-align: middle; } -form .field.nolabel { - margin-left: 0; -} +form p.checkbox { margin: 0 0 0 8.5em; } -form label.left { - float: left; - width: 10em; - margin-left: -10em; -} +form .field.nolabel { margin-left: 0; } -form input.maxlength { - width: auto; -} +form label.left { float: left; width: 10em; margin-left: -10em; } -form .actions{ - float : right; -} +form input.maxlength { width: auto; } -form .validation, -form .error, -form .required -{ - border: 1px solid #f00; - background: #fcc; - padding: 0.5em; - width: 50%; -} +form .actions { float: right; } -form .field span.readonly { - border: 1px #CCC dotted; - background-color: #F7F7F7; - display: block; - width: 98%; - padding: 3px; - margin:5px 0; -} +form .validation, form .error, form .required { border: 1px solid #f00; background: #fcc; padding: 0.5em; width: 50%; } -form .indicator.inline { - display: inline; - margin-left: 5px; - vertical-align: middle; -} +form .field span.readonly { border: 1px #CCC dotted; background-color: #F7F7F7; display: block; width: 98%; padding: 3px; margin: 5px 0; } -form .indicator.block { - display: inline; -} +form .indicator.inline { display: inline; margin-left: 5px; vertical-align: middle; } + +form .indicator.block { display: inline; } /* Emulating link styling for actions requiring lesser attention, e.g. "cancel" FormActions */ -form button.minorAction { - background: none; - padding: 0; - border: 0; - color: #0074C6; - text-decoration: underline; -} +form button.minorAction { background: none; padding: 0; border: 0; color: #0074C6; text-decoration: underline; } +/** Composite Fields - raw concatenation of fields for programmatic purposes. */ +.right form div.CompositeField { margin-left: 7.5em; } -/** - * Composite Fields - raw concatenation of fields for programmatic purposes. - */ -.right form div.CompositeField { - margin-left: 7.5em; -} -.right form div.CompositeField div.field { - font-size: 1em; -} +.right form div.CompositeField div.field { font-size: 1em; } -.right form div.CompositeField { - clear: both; -} -.right form div.CompositeField label.left { - float: left; - width: 10em; - margin-left: -10em; -} +.right form div.CompositeField { clear: both; } -.right form div.column2 { - float: left; - width: 45%; - margin-right: 4%; -} +.right form div.CompositeField label.left { float: left; width: 10em; margin-left: -10em; } -.right form div.multicolumn { - width: 100%; - float: left; - clear: left; -} +.right form div.column2 { float: left; width: 45%; margin-right: 4%; } -/** - * Messages - */ -form .message.notice { - background-color: #FCFFDF; - border-color: #FF9300; -} -form .message { - margin: 1em 0; - padding: 0.5em; - font-weight: bold; - border: 1px black solid; - background-color: #B9FFB9; - border-color: #00FF00; -} - form .message.warning { - background-color: #FFD2A6; - border-color: #FF9300; - } - form .message.bad { - background-color: #FF8080; - border-color: #FF0000; - } - form .message.required, - form .message.validation { - display:block; - margin-top:5px; - color:#FF9300; - width:240px; - border-color: #FF9300; - } - form .message.validation { - color:#FF4040; - width:240px; - border-color: #FF4040; - } +.right form div.multicolumn { width: 100%; float: left; clear: left; } -.typography .ss-tabset ul { - margin: 0; -} \ No newline at end of file +/** Messages */ +form .message.notice { background-color: #FCFFDF; border-color: #FF9300; } + +form .message { margin: 1em 0; padding: 0.5em; font-weight: bold; border: 1px black solid; background-color: #B9FFB9; border-color: #00FF00; } + +form .message.warning { background-color: #FFD2A6; border-color: #FF9300; } + +form .message.bad { background-color: #FF8080; border-color: #FF0000; } + +form .message.required, form .message.validation { display: block; margin-top: 5px; color: #FF9300; width: 240px; border-color: #FF9300; } + +form .message.validation { color: #FF4040; width: 240px; border-color: #FF4040; } + +.typography .ss-tabset ul { margin: 0; } diff --git a/css/GridField.css b/css/GridField.css old mode 100755 new mode 100644 diff --git a/css/HasManyFileField.css b/css/HasManyFileField.css old mode 100755 new mode 100644 index c7a402103..10a2aeccc --- a/css/HasManyFileField.css +++ b/css/HasManyFileField.css @@ -1,124 +1,30 @@ -#right form .hasmanyfile a.addFile, -#right form .hasmanyfile a.uploadFile, -#right form .hasmanyfile .currentFiles li { - font-size: 1.2em; - padding-left: 3px; -} -#right form .hasmanyfile a.uploadFile { - border-color:#CCCCCC rgb(153, 153, 153) rgb(153, 153, 153) rgb(204, 204, 204); - border-style:solid; - border-width: 2px; - color:#333333; - cursor:pointer; - font-size:11px; - font-weight: bold; - position: relative; - top: -29px; - left: 344px; - text-decoration: none; - overflow:visible; - padding:3px 5px; - float:left; - width:auto; -} +#right form .hasmanyfile a.addFile, #right form .hasmanyfile a.uploadFile, #right form .hasmanyfile .currentFiles li { font-size: 1.2em; padding-left: 3px; } + +#right form .hasmanyfile a.uploadFile { border-color: #cccccc #999999 #999999 #cccccc; border-style: solid; border-width: 2px; color: #333333; cursor: pointer; font-size: 11px; font-weight: bold; position: relative; top: -29px; left: 344px; text-decoration: none; overflow: visible; padding: 3px 5px; float: left; width: auto; } + +#right form .hasmanyfile a.removeFile { border-color: #cccccc #999999 #999999 #cccccc; border-style: solid; border-width: 2px; color: #333333; cursor: pointer; font-size: 10px; font-weight: bold; text-decoration: none; overflow: visible; padding: 3px 5px; width: auto; margin: -2px 0 0 10px; } + +#right form .hasmanyfile a.removeFile:hover { background: #CE0000; color: #fff; } + +#right form .hasmanyfile a.addFile { border-color: #cccccc #999999 #999999 #cccccc; border-style: solid; border-width: 2px; color: #333333; cursor: pointer; font-size: 11px; font-weight: bold; position: relative; top: -29px; left: 340px; text-decoration: none; overflow: visible; padding: 3px 5px; float: left; width: auto; } + +#right form .hasmanyfile a.addFile:hover, #right form .hasmanyfile a.uploadFile:hover { background: #fff; } + +#right form .hasmanyfile ul.currentFiles { padding-bottom: 5px; } + +#right form .hasmanyfile .currentFiles li { height: 30px; line-height: 30px; } + +#right form .hasmanyfile .clear { clear: both; } -#right form .hasmanyfile a.removeFile { - border-color:#CCCCCC rgb(153, 153, 153) rgb(153, 153, 153) rgb(204, 204, 204); - border-style:solid; - border-width: 2px; - color:#333333; - cursor:pointer; - font-size:10px; - font-weight: bold; - text-decoration: none; - overflow:visible; - padding:3px 5px; - width:auto; - margin: -2px 0 0 10px; -} -#right form .hasmanyfile a.removeFile:hover { - background: #CE0000; - color: #fff; -} -#right form .hasmanyfile a.addFile { - border-color:#CCCCCC rgb(153, 153, 153) rgb(153, 153, 153) rgb(204, 204, 204); - border-style:solid; - border-width: 2px; - color:#333333; - cursor:pointer; - font-size:11px; - font-weight: bold; - position: relative; - top: -29px; - left: 340px; - text-decoration: none; - overflow:visible; - padding:3px 5px; - float:left; - width:auto; -} - #right form .hasmanyfile a.addFile:hover, - #right form .hasmanyfile a.uploadFile:hover { - background: #fff; - } -#right form .hasmanyfile ul.currentFiles { - padding-bottom: 5px; -} - #right form .hasmanyfile .currentFiles li { - height: 30px; - line-height: 30px; - } -#right form .hasmanyfile .clear { - clear: both; -} /* ICONS */ -#right form .hasmanyfile .currentFiles a[href$=".pdf"], -#right form .hasmanyfile .currentFiles a[href$=".PDF"], -#right form .hasmanyfile .currentFiles a.pdf { - padding: 2px; - padding-left: 20px; - background: url(../../sapphire/images/icons/page_white_acrobat.png) no-repeat left center; -} -#right form .hasmanyfile .currentFiles a[href$=".doc"], -#right form .hasmanyfile .currentFiles a[href$=".DOC"], -#right form .hasmanyfile .currentFiles a.doc { - padding: 2px; - padding-left: 20px; - background: url(../../sapphire/images/icons/page_word.png) no-repeat left center; -} -#right form .hasmanyfile .currentFiles a[href$=".xls"], -#right form .hasmanyfile .currentFiles a[href$=".XLS"], -#right form .hasmanyfile .currentFiles a.xls { - padding: 2px; - padding-left: 20px; - background: url(../../sapphire/images/icons/page_excel.png) no-repeat left center; -} -#right form .hasmanyfile .currentFiles a[href$=".gz"], -#right form .hasmanyfile .currentFiles a[href$=".GZ"], -#right form .hasmanyfile .currentFiles a[href$=".gzip"], -#right form .hasmanyfile .currentFiles a[href$=".GZIP"], -#right form .hasmanyfile .currentFiles a[href$=".zip"], -#right form .hasmanyfile .currentFiles a[href$=".ZIP"], -#right form .hasmanyfile .currentFiles a.archive { - padding: 2px; - padding-left: 20px; - background: url(../../sapphire/images/icons/page_white_zip.png) no-repeat left center; -} -#right form .hasmanyfile .currentFiles a[href$=".jpg"], -#right form .hasmanyfile .currentFiles a[href$=".JPG"], -#right form .hasmanyfile .currentFiles a[href$=".gif"], -#right form .hasmanyfile .currentFiles a[href$=".GIF"], -#right form .hasmanyfile .currentFiles a[href$=".png"], -#right form .hasmanyfile .currentFiles a[href$=".PNG"], -#right form .hasmanyfile .currentFiles a.image { - padding: 2px; - padding-left: 20px; - background: url(../../sapphire/images/icons/icon-jpg.gif) no-repeat left center; -} -#right form .hasmanyfile .currentFiles a[href$=".exe"], -#right form .hasmanyfile .currentFiles a[href$=".EXE"], -#right form .hasmanyfile .currentFiles a.application { - padding: 2px; - padding-left: 20px; - background: url(../../sapphire/images/icons/application.png) no-repeat left center; -} +#right form .hasmanyfile .currentFiles a[href$=".pdf"], #right form .hasmanyfile .currentFiles a[href$=".PDF"], #right form .hasmanyfile .currentFiles a.pdf { padding: 2px; padding-left: 20px; background: url(../../sapphire/images/icons/page_white_acrobat.png) no-repeat left center; } + +#right form .hasmanyfile .currentFiles a[href$=".doc"], #right form .hasmanyfile .currentFiles a[href$=".DOC"], #right form .hasmanyfile .currentFiles a.doc { padding: 2px; padding-left: 20px; background: url(../../sapphire/images/icons/page_word.png) no-repeat left center; } + +#right form .hasmanyfile .currentFiles a[href$=".xls"], #right form .hasmanyfile .currentFiles a[href$=".XLS"], #right form .hasmanyfile .currentFiles a.xls { padding: 2px; padding-left: 20px; background: url(../../sapphire/images/icons/page_excel.png) no-repeat left center; } + +#right form .hasmanyfile .currentFiles a[href$=".gz"], #right form .hasmanyfile .currentFiles a[href$=".GZ"], #right form .hasmanyfile .currentFiles a[href$=".gzip"], #right form .hasmanyfile .currentFiles a[href$=".GZIP"], #right form .hasmanyfile .currentFiles a[href$=".zip"], #right form .hasmanyfile .currentFiles a[href$=".ZIP"], #right form .hasmanyfile .currentFiles a.archive { padding: 2px; padding-left: 20px; background: url(../../sapphire/images/icons/page_white_zip.png) no-repeat left center; } + +#right form .hasmanyfile .currentFiles a[href$=".jpg"], #right form .hasmanyfile .currentFiles a[href$=".JPG"], #right form .hasmanyfile .currentFiles a[href$=".gif"], #right form .hasmanyfile .currentFiles a[href$=".GIF"], #right form .hasmanyfile .currentFiles a[href$=".png"], #right form .hasmanyfile .currentFiles a[href$=".PNG"], #right form .hasmanyfile .currentFiles a.image { padding: 2px; padding-left: 20px; background: url(../../sapphire/images/icons/icon-jpg.gif) no-repeat left center; } + +#right form .hasmanyfile .currentFiles a[href$=".exe"], #right form .hasmanyfile .currentFiles a[href$=".EXE"], #right form .hasmanyfile .currentFiles a.application { padding: 2px; padding-left: 20px; background: url(../../sapphire/images/icons/application.png) no-repeat left center; } diff --git a/css/Security_login.css b/css/Security_login.css old mode 100755 new mode 100644 index 3b42997ac..92c56085e --- a/css/Security_login.css +++ b/css/Security_login.css @@ -1,17 +1,9 @@ -#Remember { - margin: 0.5em 0 0.5em 11em !important; -} - p#Remember label { - display: inline-block; - margin: 0; - } - #Remember input { - float: left; - margin: 0 5px 0 0; - } -#MemberLoginForm_LoginForm .Actions { - padding-left: 12em; -} -#ForgotPassword { - margin-top: 1em; -} +#Remember { margin: 0.5em 0 0.5em 11em !important; } + +p#Remember label { display: inline-block; margin: 0; } + +#Remember input { float: left; margin: 0 5px 0 0; } + +#MemberLoginForm_LoginForm .Actions { padding-left: 12em; } + +#ForgotPassword { margin-top: 1em; } diff --git a/css/SelectionGroup.css b/css/SelectionGroup.css old mode 100755 new mode 100644 index 3d13d5ee0..f82067920 --- a/css/SelectionGroup.css +++ b/css/SelectionGroup.css @@ -1,39 +1,11 @@ -.SelectionGroup { - padding: 0px; - clear : both; -} -.SelectionGroup li { - list-style-type: none; - float : left; - width: 100%; - clear : both; -} -.SelectionGroup li input.selector { - width: 20px; - float : left; -} +.SelectionGroup { padding: 0px; clear: both; } +.SelectionGroup li { list-style-type: none; float: left; width: 100%; clear: both; } +.SelectionGroup li input.selector { width: 20px; float: left; } +.SelectionGroup li div.field { display: none; font-size: 1em; } +.SelectionGroup li input, .SelectionGroup .right .SelectionGroup li label { display: block; } +.SelectionGroup li.selected div.field { margin-left: 30px; display: block; margin-bottom: 1em; } +.SelectionGroup li.selected label.selector { font-weight: bold; } -.mainblock.allassets ul { - padding: 0 0 0 10px; - height:100px; - overflow-y:scroll; -} -.mainblock.allassets ul li { - width: 150px; -} -.SelectionGroup li div.field { - display: none; - font-size: 1em; -} -.SelectionGroup li input, .right .SelectionGroup li label { - display: block; -} -.SelectionGroup li.selected div.field { - margin-left: 30px; - display: block; - margin-bottom: 1em; -} +.mainblock.allassets ul { padding: 0 0 0 10px; height: 100px; overflow-y: scroll; } -.SelectionGroup li.selected label.selector { - font-weight: bold; -} \ No newline at end of file +.mainblock.allassets ul li { width: 150px; } diff --git a/css/SubmittedFormReportField.css b/css/SubmittedFormReportField.css old mode 100755 new mode 100644 index e572713b7..283ec0cf8 --- a/css/SubmittedFormReportField.css +++ b/css/SubmittedFormReportField.css @@ -1,18 +1,7 @@ -div.report table { - margin-left: 10px; - margin-bottom: 20px; -} +div.report table { margin-left: 10px; margin-bottom: 20px; } -div.report span.submitted { - font-style: italic; -} +div.report span.submitted { font-style: italic; } -div.report table * { - font-size: 1em; -} +div.report table * { font-size: 1em; } -div.report table td.field { - font-weight: bold; - padding-right: 10px; - padding-left: 0px; -} +div.report table td.field { font-weight: bold; padding-right: 10px; padding-left: 0px; } diff --git a/css/TableListField.css b/css/TableListField.css old mode 100755 new mode 100644 index ebc642943..038648cf4 --- a/css/TableListField.css +++ b/css/TableListField.css @@ -1,225 +1,76 @@ -table.TableField, -table.TableListField, -.TableListField table.data, -table.CMSList { - border-collapse: collapse; - border-spacing: 0; - width : 100%; -} +table.TableField, table.TableListField, .TableListField table.data, table.CMSList { border-collapse: collapse; border-spacing: 0; width: 100%; } /* Preventing IE6 from showing double borders */ -body>div table.TableField, -body>div table.TableListField, -body>div .TableListField table.data, -body>div table.CMSList { - border-collapse: separate; -} +body > div table.TableField, body > div table.TableListField, body > div .TableListField table.data, body > div table.CMSList { border-collapse: separate; } -table.TableField td, -table.TableListField td, -.TableListField table.data td, -table.CMSList td { - border-style:none; -} +table.TableField td, table.TableListField td, .TableListField table.data td, table.CMSList td { border-style: none; } -table.TableField th, -table.TableListField th, -.TableListField table.data th, -table.CMSList th { - white-space: nowrap; -} +table.TableField th, table.TableListField th, .TableListField table.data th, table.CMSList th { white-space: nowrap; } -table.TableField thead th, -.TableListField table.data thead th, -table.CMSList thead th { - white-space: nowrap; - padding: 3px; - font-size: 12px; - text-align: left; -} +table.TableField thead th, .TableListField table.data thead th, table.CMSList thead th { white-space: nowrap; padding: 3px; font-size: 12px; text-align: left; } -table.TableField thead th span, -.TableListField table.data thead th span { - font-size: 12px; -} +table.TableField thead th span, .TableListField table.data thead th span { font-size: 12px; } -table.TableField thead th span.sortLink, -.TableListField table.data thead th span.sortLink, -table.CMSList thead th span.sortLink { - overflow: hidden; -} +table.TableField thead th span.sortLink, .TableListField table.data thead th span.sortLink, table.CMSList thead th span.sortLink { overflow: hidden; } -table.TableField tbody td, -table.TableField tfoot td, -.TableListField table.data tbody td, -.TableListField table.data tfoot td, -table.CMSList tbody td, -table.CMSList tfoot td { - padding: 2px 4px; -} +table.TableField tbody td, table.TableField tfoot td, .TableListField table.data tbody td, .TableListField table.data tfoot td, table.CMSList tbody td, table.CMSList tfoot td { padding: 2px 4px; } -.TableListField table.data tfoot tr.addtogrouprow td { - padding:3px; -} +.TableListField table.data tfoot tr.addtogrouprow td { padding: 3px; } -.TableListField table.data tfoot .actions { - float: none; -} +.TableListField table.data tfoot .actions { float: none; } -.TableListField table.data tfoot tr.addtogrouprow input { - width: 94%; -} +.TableListField table.data tfoot tr.addtogrouprow input { width: 94%; } -.TableField td input, -.TableListField td input { - width: 98%; -} +.TableField td input, .TableListField td input { width: 98%; } -table.data tbody td input, -table.data tbody td textarea { - border:0 !important; -} +table.data tbody td input, table.data tbody td textarea { border: 0 !important; } -table.TableField tbody td.checkbox, -.TableListField table.data tbody td.checkbox, -table.CMSList tbody td.checkbox { - padding-left : 5px; - background-image : url(../images/checkbox.png); - background-repeat : repeat-x; - background-position : left bottom; -} +table.TableField tbody td.checkbox, .TableListField table.data tbody td.checkbox, table.CMSList tbody td.checkbox { padding-left: 5px; background-image: url(../images/checkbox.png); background-repeat: repeat-x; background-position: left bottom; } -.TableListField table.data tfoot .addlink img { - vertical-align: middle; - margin: 3px 6px 3px 3px; -} +.TableListField table.data tfoot .addlink img { vertical-align: middle; margin: 3px 6px 3px 3px; } -.TableListField table.data tfoot tr td a { - text-decoration: none; -} +.TableListField table.data tfoot tr td a { text-decoration: none; } -.TableListField table.data tbody tr td a:hover, -.TableListField table.data tfoot tr td a:hover { - background: none; -} +.TableListField table.data tbody tr td a:hover, .TableListField table.data tfoot tr td a:hover { background: none; } -/** - * Show a loading indication on a TableListField row - */ -.TableListField tr.loading td.first { - padding-left: 22px; - background: url(../images/network-save.gif) 3px 2px no-repeat; -} +/** Show a loading indication on a TableListField row */ +.TableListField tr.loading td.first { padding-left: 22px; background: url(../images/network-save.gif) 3px 2px no-repeat; } -.right form .TableField span.readonly { - border: 0; - background: none; - padding: 0; - margin-bottom: 0; -} +.right form .TableField span.readonly { border: 0; background: none; padding: 0; margin-bottom: 0; } -.right form .TableListField td { - background: #fff; -} +.right form .TableListField td { background: #fff; } -.TableListField div.utility { - overflow: auto; -} -.TableListField div.utility .item { - margin-top: 1em; - padding: 3px 0 6px 0; - display: block; - float: left; -} - .TableListField div.utility a { - text-decoration: none; - color: #333; - cursor: pointer; - font-size: 11px; - margin-right: 2px; - overflow: visible; - padding: 3px 2px; - width: auto; - } +.TableListField div.utility { overflow: auto; } -form .TableField .message { - width: auto; -} +.TableListField div.utility .item { margin-top: 1em; padding: 3px 0 6px 0; display: block; float: left; } -.TableListField .selectOptions { - overflow: auto; - font: 1.3em; - margin: 0; - padding: 0; -} +.TableListField div.utility a { text-decoration: none; color: #333; cursor: pointer; font-size: 11px; margin-right: 2px; overflow: visible; padding: 3px 2px; width: auto; } -.TableListField .selectOptions li { - float: left; - margin: 0px 5px; -} +form .TableField .message { width: auto; } -.TableListField .PageControls { - margin: 5px 0; - text-align:center; - display:block; - margin-bottom: 5px; - position: relative; -} -.TableListField .PageControls * { - display:inline; - vertical-align: middle; - font-weight: bold; -} -.TableListField .PageControls .Last{ - display: block; - width: 40px; - text-align: right; - position: absolute; - right: 0px; - top: 0px; -} -.TableListField .PageControls .First{ - float:left; display:block; - width:40px; text-align:left; -} +.TableListField .selectOptions { overflow: auto; font: 1.3em; margin: 0; padding: 0; } +.TableListField .selectOptions li { float: left; margin: 0px 5px; } -#Pagination { - margin-top: 10px; - margin-left: auto; - margin-right: auto; -} -#Pagination a { - font-size: 14px; - width: 1px; - height: 1px; - margin: 1px; -} -#Pagination span { - - display: inline; - font-size: 14px; -} -#Pagination div { - display: inline; -} -#Pagination_Next a { - text-decoration: none; -} -#Pagination_Next a div { - position: relative; - left: -20px; -} -#Pagination_Next a img { - position: relative; - top: -15px; - left: 5px; -} -#Pagination_Previous a { - text-decoration: none; -} -#Pagination_Previous a img { - position: relative; - top: -15px; - left: 35px; -} +.TableListField .PageControls { margin: 5px 0; text-align: center; display: block; margin-bottom: 5px; position: relative; } + +.TableListField .PageControls * { display: inline; vertical-align: middle; font-weight: bold; } + +.TableListField .PageControls .Last { display: block; width: 40px; text-align: right; position: absolute; right: 0px; top: 0px; } + +.TableListField .PageControls .First { float: left; display: block; width: 40px; text-align: left; } + +#Pagination { margin-top: 10px; margin-left: auto; margin-right: auto; } +#Pagination a { font-size: 14px; width: 1px; height: 1px; margin: 1px; } +#Pagination span { display: inline; font-size: 14px; } +#Pagination div { display: inline; } + +#Pagination_Next a { text-decoration: none; } + +#Pagination_Next a div { position: relative; left: -20px; } + +#Pagination_Next a img { position: relative; top: -15px; left: 5px; } + +#Pagination_Previous a { text-decoration: none; } + +#Pagination_Previous a img { position: relative; top: -15px; left: 35px; } diff --git a/css/TestViewer.css b/css/TestViewer.css old mode 100755 new mode 100644 index 23223499b..2cd9f3493 --- a/css/TestViewer.css +++ b/css/TestViewer.css @@ -1,22 +1,3 @@ -pre { - border: 1px #777 solid; - background-color: #CCC; - color: #333; - margin: 0.5em 2em; - padding: 1em; - line-height: 120%; -} +pre { border: 1px #777 solid; background-color: #CCC; color: #333; margin: 0.5em 2em; padding: 1em; line-height: 120%; } -pre strong { - background-color: #FFC; - color: #000; - padding: 2px; -} - -.T_VARIABLE { - -} - -.T_NEW { - -} \ No newline at end of file +pre strong { background-color: #FFC; color: #000; padding: 2px; } diff --git a/css/TreeDropdownField.css b/css/TreeDropdownField.css old mode 100755 new mode 100644 index 24296c04f..429d07087 --- a/css/TreeDropdownField.css +++ b/css/TreeDropdownField.css @@ -1,87 +1,10 @@ -div.TreeDropdownField { - width: 400px; - background: #fff; - border: 1px solid #aaa; - cursor: pointer; - overflow: hidden; -} - - div.TreeDropdownField input { - border: none; - background: none; - padding: 0; - margin: 0; - } - - div.TreeDropdownField .treedropdownfield-title { - float: left; - padding: 7px; - line-height: 16px; - overflow:hidden; - } - - div.TreeDropdownField .treedropdownfield-panel { - clear: left; - position: absolute; - overflow: auto; - display: none; - cursor: default; - border: 1px solid #aaa; - border-top: none; - margin: 1px 0 0 -1px; /* account for border on container div */ - height: 200px; - background-color: #fff; - z-index: 50; - -webkit-box-shadow: 0 4px 5px rgba(0,0,0,.15); - -moz-box-shadow : 0 4px 5px rgba(0,0,0,.15); - -o-box-shadow : 0 4px 5px rgba(0,0,0,.15); - box-shadow : 0 4px 5px rgba(0,0,0,.15); - } - div.TreeDropdownField .treedropdownfield-panel ul.tree { - margin: 0; - } - div.TreeDropdownField .treedropdownfield-panel ul.tree a { - font-size: 12px; - } - - div.TreeDropdownField .treedropdownfield-toggle-panel-link { - border: none; - margin: 0; - z-index: 0; - padding: 7px 3px; - float: right; - overflow: hidden; - -webkit-border-radius: 0 4px 4px 0; - -moz-border-radius: 0 4px 4px 0; - border-radius: 0 4px 4px 0; - -moz-background-clip : padding; - -webkit-background-clip: padding-box; - background-clip: padding-box; - background: #ccc; - background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #ccc), color-stop(0.6, #eee)); - background-image: -webkit-linear-gradient(center bottom, #ccc 0%, #eee 60%); - background-image: -moz-linear-gradient(center bottom, #ccc 0%, #eee 60%); - background-image: -o-linear-gradient(bottom, #ccc 0%, #eee 60%); - background-image: -ms-linear-gradient(top, #cccccc 0%,#eeeeee 60%); - filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cccccc', endColorstr='#eeeeee',GradientType=0 ); - - background-image: linear-gradient(top, #cccccc 0%,#eeeeee 60%); - border-left: 1px solid #aaa; - } - div.TreeDropdownField .treedropdownfield-toggle-panel-link.treedropdownfield-open-tree { - background: transparent; - border: none; - } - - div.TreeDropdownField .treedropdownfield-toggle-panel-link a { - text-decoration: none; - display: block; - border: 0; - margin: 0; - opacity: 0.5; - } - - div.TreeDropdownField .loading, - div.TreeDropdownField .jstree-themeroller a.jstree-loading .jstree-icon { - background: #fff url("../images/network-save.gif") center center no-repeat !important; - } \ No newline at end of file +div.TreeDropdownField { width: 400px; background: #fff; border: 1px solid #aaa; cursor: pointer; overflow: hidden; } +div.TreeDropdownField input { border: none; background: none; padding: 0; margin: 0; } +div.TreeDropdownField .treedropdownfield-title { float: left; padding: 7px; line-height: 16px; overflow: hidden; } +div.TreeDropdownField .treedropdownfield-panel { clear: left; position: absolute; overflow: auto; display: none; cursor: default; border: 1px solid #aaa; border-top: none; margin: 1px 0 0 -1px; /* account for border on container div */ height: 200px; background-color: #fff; z-index: 50; -webkit-box-shadow: 0 4px 5px rgba(0, 0, 0, 0.15); -moz-box-shadow: 0 4px 5px rgba(0, 0, 0, 0.15); -o-box-shadow: 0 4px 5px rgba(0, 0, 0, 0.15); box-shadow: 0 4px 5px rgba(0, 0, 0, 0.15); } +div.TreeDropdownField .treedropdownfield-panel ul.tree { margin: 0; } +div.TreeDropdownField .treedropdownfield-panel ul.tree a { font-size: 12px; } +div.TreeDropdownField .treedropdownfield-toggle-panel-link { border: none; margin: 0; z-index: 0; padding: 7px 3px; float: right; overflow: hidden; -webkit-border-radius: 0 4px 4px 0; -moz-border-radius: 0 4px 4px 0; border-radius: 0 4px 4px 0; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; background: #ccc; background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #cccccc), color-stop(0.6, #eeeeee)); background-image: -webkit-linear-gradient(center bottom, #cccccc 0%, #eeeeee 60%); background-image: -moz-linear-gradient(center bottom, #cccccc 0%, #eeeeee 60%); background-image: -o-linear-gradient(bottom, #cccccc 0%, #eeeeee 60%); background-image: -ms-linear-gradient(top, #cccccc 0%, #eeeeee 60%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#cccccc', endColorstr='#eeeeee',GradientType=0 ); background-image: linear-gradient(top, #cccccc 0%, #eeeeee 60%); border-left: 1px solid #aaa; } +div.TreeDropdownField .treedropdownfield-toggle-panel-link.treedropdownfield-open-tree { background: transparent; border: none; } +div.TreeDropdownField .treedropdownfield-toggle-panel-link a { text-decoration: none; display: block; border: 0; margin: 0; opacity: 0.5; } +div.TreeDropdownField .loading, div.TreeDropdownField .jstree-themeroller a.jstree-loading .jstree-icon { background: white url("../images/network-save.gif") center center no-repeat !important; } diff --git a/css/UnitTesting.css b/css/UnitTesting.css old mode 100755 new mode 100644 index b2448252c..99224bf62 --- a/css/UnitTesting.css +++ b/css/UnitTesting.css @@ -1,64 +1,37 @@ +body { font: normal 68% verdana,arial,helvetica; color: #000000; } -body { - font:normal 68% verdana,arial,helvetica; - color:#000000; -} -table tr td, table tr th { - font-size: 68%; -} -table.details tr th{ - font-weight: bold; - text-align:left; - background:#a6caf0; -} -table.details tr{ - background:#eeeee0; -} +table tr td, table tr th { font-size: 68%; } -p { - line-height:1.5em; - margin-top:0.5em; margin-bottom:1.0em; -} -h1 { - margin: 0px 0px 5px; font: 165% verdana,arial,helvetica -} -h2 { - margin-top: 1em; margin-bottom: 0.5em; font: bold 125% verdana,arial,helvetica -} -h3 { - margin-bottom: 0.5em; font: bold 115% verdana,arial,helvetica -} -h4 { - margin-bottom: 0.5em; font: bold 100% verdana,arial,helvetica -} -h5 { - margin-bottom: 0.5em; font: bold 100% verdana,arial,helvetica -} -h6 { - margin-bottom: 0.5em; font: bold 100% verdana,arial,helvetica -} -.Error { - font-weight:bold; color:red; -} -.Failure, .Unexpected { - background:#ff0000; font-weight:bold; color:black; -} -.Unknown { - background:#ffff00; font-weight:bold; color:black; -} -.Pass, .Expected { - background:#00ff00; font-weight:bold; color:black; -} -.Properties { - text-align:right; -} +table.details tr th { font-weight: bold; text-align: left; background: #a6caf0; } -CODE.expected { - color: green; background: none; font-weight: normal; -} -CODE.actual { - color: red; background: none; font-weight: normal; -} -.typeinfo { - color: gray; -} +table.details tr { background: #eeeee0; } + +p { line-height: 1.5em; margin-top: 0.5em; margin-bottom: 1.0em; } + +h1 { margin: 0px 0px 5px; font: 165% verdana,arial,helvetica; } + +h2 { margin-top: 1em; margin-bottom: 0.5em; font: bold 125% verdana,arial,helvetica; } + +h3 { margin-bottom: 0.5em; font: bold 115% verdana,arial,helvetica; } + +h4 { margin-bottom: 0.5em; font: bold 100% verdana,arial,helvetica; } + +h5 { margin-bottom: 0.5em; font: bold 100% verdana,arial,helvetica; } + +h6 { margin-bottom: 0.5em; font: bold 100% verdana,arial,helvetica; } + +.Error { font-weight: bold; color: red; } + +.Failure, .Unexpected { background: #ff0000; font-weight: bold; color: black; } + +.Unknown { background: #ffff00; font-weight: bold; color: black; } + +.Pass, .Expected { background: #00ff00; font-weight: bold; color: black; } + +.Properties { text-align: right; } + +CODE.expected { color: green; background: none; font-weight: normal; } + +CODE.actual { color: red; background: none; font-weight: normal; } + +.typeinfo { color: gray; } diff --git a/scss/CheckboxSetField.scss b/scss/CheckboxSetField.scss new file mode 100755 index 000000000..b2a2fd222 --- /dev/null +++ b/scss/CheckboxSetField.scss @@ -0,0 +1,14 @@ +#right form .CheckboxSetField { + ul{ + margin:0; + padding:0; + } + ul li{ + list-style:none !important; + margin:0; + padding:0; + } + input{ + width:auto; + } +} \ No newline at end of file diff --git a/scss/CodeViewer.scss b/scss/CodeViewer.scss new file mode 100755 index 000000000..621ee4318 --- /dev/null +++ b/scss/CodeViewer.scss @@ -0,0 +1,14 @@ +pre { + border: 1px #777 solid; + background-color: #CCC; + color: #333; + margin: 0.5em 2em; + padding: 1em; + line-height: 120%; +} + +pre strong { + background-color: #FFC; + color: #000; + padding: 2px; +} \ No newline at end of file diff --git a/scss/ComplexTableField.scss b/scss/ComplexTableField.scss new file mode 100755 index 000000000..b4b9a1bb2 --- /dev/null +++ b/scss/ComplexTableField.scss @@ -0,0 +1,16 @@ +/* table */ +.ComplexTableField { + margin-bottom: 10px; + + tbody td { + cursor: pointer; + } + + tbody td.markingcheckbox { + cursor: default; + } +} + +.ui-dialog .ctf-dialog.ui-dialog-content { + padding-right: 0; /* scrollbars */ +} \ No newline at end of file diff --git a/scss/ComplexTableField_popup.scss b/scss/ComplexTableField_popup.scss new file mode 100755 index 000000000..1b5d0f10e --- /dev/null +++ b/scss/ComplexTableField_popup.scss @@ -0,0 +1,115 @@ +html { + overflow-y: auto !important; +} +body { + height: 100%; +} + +#ComplexTableField_Popup_DetailForm input.loading { + background: #fff url(../images/network-save.gif) left center no-repeat; + padding-left: 16px; +} + +.PageControls { + padding: 5px; + width: 100%; + + * { + vertical-align: middle; + } + + .Left { + width: 33%; + } + + .Count { + width: 33%; + text-align: center; + } + + .Right { + width: 33%; + text-align: right; + } +} + +.ComplexTableField_Popup { + td.hidden { + display: none; + } + th.HiddenField{ + display: none; + } + + span.right{ + float: right; + clear: none; + } + span.left{ + float: left; + clear: none; + } + form p.checkbox input { + margin:0pt 1px; + } + form ul.optionset { + margin: 0; + padding: 0; + } + form ul.optionset li { + margin: 4px 0; + } + + form div.Actions input { + font-size: 11px; + margin-top: 10px; + } +} + +/* Pagination */ +#ComplexTableField_Pagination, +#ComplexTableField_Pagination * { + vertical-align: middle; +} + +#ComplexTableField_Pagination { + margin-top: 10px; + margin-left: auto; + margin-right: auto; + font-size: 11px; + + a { + /*font-size: 1.2em;*/ + font-size: 13px; + font-weight: bold; + text-decoration: none; + width: 1px; + height: 1px; + margin: 1px; + } + + a:hover { + background: none; + } + + span { + display: inline; + font-weight: bold; + font-size: 15px; + color: #f00; + } + + div { + display: inline; + } +} + +#ComplexTableField_Pagination_Previous { + padding-right: 10px; +} +#ComplexTableField_Pagination_Next { + padding-left: 10px; +} +#ComplexTableField_Pagination_Next img,#ComplexTableField_Pagination_Previous img { + margin: 0 3px 2px; +} \ No newline at end of file diff --git a/scss/ConfirmedPasswordField.scss b/scss/ConfirmedPasswordField.scss new file mode 100755 index 000000000..7abb120d5 --- /dev/null +++ b/scss/ConfirmedPasswordField.scss @@ -0,0 +1,4 @@ +.confirmedpassword .showOnClickContainer { + /* used to hide a container by-default when loading it so there is no "flash" as the content loads */ + display:none; +} \ No newline at end of file diff --git a/scss/DatetimeField.scss b/scss/DatetimeField.scss new file mode 100755 index 000000000..3b3c8c100 --- /dev/null +++ b/scss/DatetimeField.scss @@ -0,0 +1,14 @@ +.datetime .middleColumn .middleColumn { + margin: 0; + padding: 0; + clear: none; + float: left; +} + +.datetime .date .middleColumn { + width: 20em; +} + +.datetime .time .middleColumn { + width: 10em; +} \ No newline at end of file diff --git a/scss/FileIFrameField.scss b/scss/FileIFrameField.scss new file mode 100755 index 000000000..6cbe32218 --- /dev/null +++ b/scss/FileIFrameField.scss @@ -0,0 +1,175 @@ +/* +typography.css has been removed from sapphire, why shall we still has this? a dynamic typographp.css should be used by +server side call, like Requirements::css(); +@import url("typography.css"); +*/ + +html,body { + padding: 0; + margin: 0; + border-style: none; + height: 100%; + overflow: hidden; +} + +form { + margin: 0; padding: 0; +} + +h2 { + margin: 0; + font-size: 1.4em; +} + +/** + * Selection Groups + */ +.SelectionGroup { + padding: 0; + margin: 10px 0 0 0; +} +.SelectionGroup li { + list-style-type: none; + margin: 0 0 4px; +} +.SelectionGroup li label { + font-size: 11px; +} +.SelectionGroup li input.selector { + width: 20px; + margin-top: 0; +} + + +.SelectionGroup li div.field { + display: none; +} +.SelectionGroup li.selected div.field { + display: block; + margin-left: 30px; + margin-bottom: 1em; + margin-top: 4px; +} +.mainblock .SelectionGroup li.selected div.field { + margin-left: 27px; + margin-bottom: 4px; +} + +.SelectionGroup li.selected label.selector { + font-weight: bold; +} + + + +/** + * TreeDropdownField stying + */ +.SelectionGroup div.TreeDropdownField { + width: 241px; + padding: 0; +} +html>body div.TreeDropdownField { + position:relative; +} + +.SelectionGroup div.TreeDropdownField span.items { + display: block; + height: 100%; + border: 1px #7f9db9 solid; + cursor: pointer; + width: 214px; + float: left; + padding-top: 2px; + padding-bottom: 2px; + background-color: white; +} + +.SelectionGroup div.TreeDropdownField div.tree_holder { + clear: left; + cursor: default; + border: 1px black solid; + margin: 0; + height: 180px; + overflow: auto; + background-color: white; + /** + * HACK IE6, see http://www.hedgerwow.com/360/bugs/css-select-free.html + */ + position:absolute; + z-index:10; + width:238px;/*must have for any value*/ +} + +html>body div.TreeDropdownField div.tree_holder { + top: 20px; + left: 0px; + z-index: 1000; +} + +/** + * HACK IE6, see http://www.hedgerwow.com/360/bugs/css-select-free.html + */ +.SelectionGroup div.TreeDropdownField div.tree_holder iframe { + display:none;/* IE5*/ + display/**/:block;/* IE5*/ + position:absolute; + top:0; + left:0; + z-index:-1; + filter:mask(); + width:180px; /*must have for any big value*/ + height:200px/*must have for any big value*/; + border: 0; +} + +div.TreeDropdownField a.editLink { + border-width: 1px 1px 1px 0; + background: url(../../sapphire/images/TreeDropdownField_button.gif) left top no-repeat; + width: 19px; + height: 21px; + margin: 0; + padding: 0; + float: left; + clear: right; + z-index: 0; + overflow: hidden; +} + +/* added block/width so tree values don't disappear in ie7 */ +.SelectionGroup div.TreeDropdownField ul.tree li { + display: block; + width: 100%; +} + +.Actions { + text-align: right; + margin: 0; + position: absolute; + right: 5px; + bottom: 5px; +} + +.mainblock { + float: left; + border: 1px solid #ccc; + padding: 5px; + margin-right: 5px; + height: 140px; + position: relative; +} + .mainblock.editform { + width: 275px; + } + .mainblock.attached { + position: absolute; + left: 270px; + width: 100px; + } + +.mainblock form fieldset { + border: none; +} + +.mainblock form div.Actions input { + font-size: 11px; +} \ No newline at end of file diff --git a/scss/Form.scss b/scss/Form.scss new file mode 100755 index 000000000..546791bde --- /dev/null +++ b/scss/Form.scss @@ -0,0 +1,151 @@ +/** + * Fields + */ +form * { + font-size: 12px; +} +form fieldset { + margin: 0; + padding: 0; + border-style: none; +} + +form .field { + clear: both; + padding: 0.2em; + margin: 0 0 0 10em; + vertical-align: middle; +} + +form p.checkbox { + margin: 0 0 0 8.5em; +} + +form .field.nolabel { + margin-left: 0; +} + +form label.left { + float: left; + width: 10em; + margin-left: -10em; +} + +form input.maxlength { + width: auto; +} + +form .actions{ + float : right; +} + +form .validation, +form .error, +form .required +{ + border: 1px solid #f00; + background: #fcc; + padding: 0.5em; + width: 50%; +} + +form .field span.readonly { + border: 1px #CCC dotted; + background-color: #F7F7F7; + display: block; + width: 98%; + padding: 3px; + margin:5px 0; +} + +form .indicator.inline { + display: inline; + margin-left: 5px; + vertical-align: middle; +} + +form .indicator.block { + display: inline; +} + +/* Emulating link styling for actions requiring lesser attention, e.g. "cancel" FormActions */ +form button.minorAction { + background: none; + padding: 0; + border: 0; + color: #0074C6; + text-decoration: underline; +} + + +/** + * Composite Fields - raw concatenation of fields for programmatic purposes. + */ +.right form div.CompositeField { + margin-left: 7.5em; +} +.right form div.CompositeField div.field { + font-size: 1em; +} + +.right form div.CompositeField { + clear: both; +} +.right form div.CompositeField label.left { + float: left; + width: 10em; + margin-left: -10em; +} + +.right form div.column2 { + float: left; + width: 45%; + margin-right: 4%; +} + +.right form div.multicolumn { + width: 100%; + float: left; + clear: left; +} + +/** + * Messages + */ +form .message.notice { + background-color: #FCFFDF; + border-color: #FF9300; +} +form .message { + margin: 1em 0; + padding: 0.5em; + font-weight: bold; + border: 1px black solid; + background-color: #B9FFB9; + border-color: #00FF00; +} + form .message.warning { + background-color: #FFD2A6; + border-color: #FF9300; + } + form .message.bad { + background-color: #FF8080; + border-color: #FF0000; + } + form .message.required, + form .message.validation { + display:block; + margin-top:5px; + color:#FF9300; + width:240px; + border-color: #FF9300; + } + form .message.validation { + color:#FF4040; + width:240px; + border-color: #FF4040; + } + +.typography .ss-tabset ul { + margin: 0; +} \ No newline at end of file diff --git a/scss/HasManyFileField.scss b/scss/HasManyFileField.scss new file mode 100755 index 000000000..c7a402103 --- /dev/null +++ b/scss/HasManyFileField.scss @@ -0,0 +1,124 @@ +#right form .hasmanyfile a.addFile, +#right form .hasmanyfile a.uploadFile, +#right form .hasmanyfile .currentFiles li { + font-size: 1.2em; + padding-left: 3px; +} +#right form .hasmanyfile a.uploadFile { + border-color:#CCCCCC rgb(153, 153, 153) rgb(153, 153, 153) rgb(204, 204, 204); + border-style:solid; + border-width: 2px; + color:#333333; + cursor:pointer; + font-size:11px; + font-weight: bold; + position: relative; + top: -29px; + left: 344px; + text-decoration: none; + overflow:visible; + padding:3px 5px; + float:left; + width:auto; +} + +#right form .hasmanyfile a.removeFile { + border-color:#CCCCCC rgb(153, 153, 153) rgb(153, 153, 153) rgb(204, 204, 204); + border-style:solid; + border-width: 2px; + color:#333333; + cursor:pointer; + font-size:10px; + font-weight: bold; + text-decoration: none; + overflow:visible; + padding:3px 5px; + width:auto; + margin: -2px 0 0 10px; +} +#right form .hasmanyfile a.removeFile:hover { + background: #CE0000; + color: #fff; +} +#right form .hasmanyfile a.addFile { + border-color:#CCCCCC rgb(153, 153, 153) rgb(153, 153, 153) rgb(204, 204, 204); + border-style:solid; + border-width: 2px; + color:#333333; + cursor:pointer; + font-size:11px; + font-weight: bold; + position: relative; + top: -29px; + left: 340px; + text-decoration: none; + overflow:visible; + padding:3px 5px; + float:left; + width:auto; +} + #right form .hasmanyfile a.addFile:hover, + #right form .hasmanyfile a.uploadFile:hover { + background: #fff; + } +#right form .hasmanyfile ul.currentFiles { + padding-bottom: 5px; +} + #right form .hasmanyfile .currentFiles li { + height: 30px; + line-height: 30px; + } +#right form .hasmanyfile .clear { + clear: both; +} +/* ICONS */ +#right form .hasmanyfile .currentFiles a[href$=".pdf"], +#right form .hasmanyfile .currentFiles a[href$=".PDF"], +#right form .hasmanyfile .currentFiles a.pdf { + padding: 2px; + padding-left: 20px; + background: url(../../sapphire/images/icons/page_white_acrobat.png) no-repeat left center; +} +#right form .hasmanyfile .currentFiles a[href$=".doc"], +#right form .hasmanyfile .currentFiles a[href$=".DOC"], +#right form .hasmanyfile .currentFiles a.doc { + padding: 2px; + padding-left: 20px; + background: url(../../sapphire/images/icons/page_word.png) no-repeat left center; +} +#right form .hasmanyfile .currentFiles a[href$=".xls"], +#right form .hasmanyfile .currentFiles a[href$=".XLS"], +#right form .hasmanyfile .currentFiles a.xls { + padding: 2px; + padding-left: 20px; + background: url(../../sapphire/images/icons/page_excel.png) no-repeat left center; +} +#right form .hasmanyfile .currentFiles a[href$=".gz"], +#right form .hasmanyfile .currentFiles a[href$=".GZ"], +#right form .hasmanyfile .currentFiles a[href$=".gzip"], +#right form .hasmanyfile .currentFiles a[href$=".GZIP"], +#right form .hasmanyfile .currentFiles a[href$=".zip"], +#right form .hasmanyfile .currentFiles a[href$=".ZIP"], +#right form .hasmanyfile .currentFiles a.archive { + padding: 2px; + padding-left: 20px; + background: url(../../sapphire/images/icons/page_white_zip.png) no-repeat left center; +} +#right form .hasmanyfile .currentFiles a[href$=".jpg"], +#right form .hasmanyfile .currentFiles a[href$=".JPG"], +#right form .hasmanyfile .currentFiles a[href$=".gif"], +#right form .hasmanyfile .currentFiles a[href$=".GIF"], +#right form .hasmanyfile .currentFiles a[href$=".png"], +#right form .hasmanyfile .currentFiles a[href$=".PNG"], +#right form .hasmanyfile .currentFiles a.image { + padding: 2px; + padding-left: 20px; + background: url(../../sapphire/images/icons/icon-jpg.gif) no-repeat left center; +} +#right form .hasmanyfile .currentFiles a[href$=".exe"], +#right form .hasmanyfile .currentFiles a[href$=".EXE"], +#right form .hasmanyfile .currentFiles a.application { + padding: 2px; + padding-left: 20px; + background: url(../../sapphire/images/icons/application.png) no-repeat left center; +} diff --git a/scss/Security_login.scss b/scss/Security_login.scss new file mode 100755 index 000000000..3b42997ac --- /dev/null +++ b/scss/Security_login.scss @@ -0,0 +1,17 @@ +#Remember { + margin: 0.5em 0 0.5em 11em !important; +} + p#Remember label { + display: inline-block; + margin: 0; + } + #Remember input { + float: left; + margin: 0 5px 0 0; + } +#MemberLoginForm_LoginForm .Actions { + padding-left: 12em; +} +#ForgotPassword { + margin-top: 1em; +} diff --git a/scss/SelectionGroup.scss b/scss/SelectionGroup.scss new file mode 100755 index 000000000..e7b134285 --- /dev/null +++ b/scss/SelectionGroup.scss @@ -0,0 +1,39 @@ +.SelectionGroup { + padding: 0px; + clear : both; + + li { + list-style-type: none; + float : left; + width: 100%; + clear : both; + } + li input.selector { + width: 20px; + float : left; + } + li div.field { + display: none; + font-size: 1em; + } + li input, .right .SelectionGroup li label { + display: block; + } + li.selected div.field { + margin-left: 30px; + display: block; + margin-bottom: 1em; + } + li.selected label.selector { + font-weight: bold; + } +} + +.mainblock.allassets ul { + padding: 0 0 0 10px; + height:100px; + overflow-y:scroll; +} +.mainblock.allassets ul li { + width: 150px; +} \ No newline at end of file diff --git a/scss/SubmittedFormReportField.scss b/scss/SubmittedFormReportField.scss new file mode 100755 index 000000000..e572713b7 --- /dev/null +++ b/scss/SubmittedFormReportField.scss @@ -0,0 +1,18 @@ +div.report table { + margin-left: 10px; + margin-bottom: 20px; +} + +div.report span.submitted { + font-style: italic; +} + +div.report table * { + font-size: 1em; +} + +div.report table td.field { + font-weight: bold; + padding-right: 10px; + padding-left: 0px; +} diff --git a/scss/TableListField.scss b/scss/TableListField.scss new file mode 100755 index 000000000..981f26894 --- /dev/null +++ b/scss/TableListField.scss @@ -0,0 +1,226 @@ +table.TableField, +table.TableListField, +.TableListField table.data, +table.CMSList { + border-collapse: collapse; + border-spacing: 0; + width : 100%; +} + +/* Preventing IE6 from showing double borders */ +body>div table.TableField, +body>div table.TableListField, +body>div .TableListField table.data, +body>div table.CMSList { + border-collapse: separate; +} + +table.TableField td, +table.TableListField td, +.TableListField table.data td, +table.CMSList td { + border-style:none; +} + +table.TableField th, +table.TableListField th, +.TableListField table.data th, +table.CMSList th { + white-space: nowrap; +} + +table.TableField thead th, +.TableListField table.data thead th, +table.CMSList thead th { + white-space: nowrap; + padding: 3px; + font-size: 12px; + text-align: left; +} + +table.TableField thead th span, +.TableListField table.data thead th span { + font-size: 12px; +} + +table.TableField thead th span.sortLink, +.TableListField table.data thead th span.sortLink, +table.CMSList thead th span.sortLink { + overflow: hidden; +} + +table.TableField tbody td, +table.TableField tfoot td, +.TableListField table.data tbody td, +.TableListField table.data tfoot td, +table.CMSList tbody td, +table.CMSList tfoot td { + padding: 2px 4px; +} + +.TableListField table.data tfoot tr.addtogrouprow td { + padding:3px; +} + +.TableListField table.data tfoot .actions { + float: none; +} + +.TableListField table.data tfoot tr.addtogrouprow input { + width: 94%; +} + +.TableField td input, +.TableListField td input { + width: 98%; +} + +table.data tbody td input, +table.data tbody td textarea { + border:0 !important; +} + +table.TableField tbody td.checkbox, +.TableListField table.data tbody td.checkbox, +table.CMSList tbody td.checkbox { + padding-left : 5px; + background-image : url(../images/checkbox.png); + background-repeat : repeat-x; + background-position : left bottom; +} + +.TableListField table.data tfoot .addlink img { + vertical-align: middle; + margin: 3px 6px 3px 3px; +} + +.TableListField table.data tfoot tr td a { + text-decoration: none; +} + +.TableListField table.data tbody tr td a:hover, +.TableListField table.data tfoot tr td a:hover { + background: none; +} + +/** + * Show a loading indication on a TableListField row + */ +.TableListField tr.loading td.first { + padding-left: 22px; + background: url(../images/network-save.gif) 3px 2px no-repeat; +} + +.right form .TableField span.readonly { + border: 0; + background: none; + padding: 0; + margin-bottom: 0; +} + +.right form .TableListField td { + background: #fff; +} + +.TableListField div.utility { + overflow: auto; +} +.TableListField div.utility .item { + margin-top: 1em; + padding: 3px 0 6px 0; + display: block; + float: left; +} + .TableListField div.utility a { + text-decoration: none; + color: #333; + cursor: pointer; + font-size: 11px; + margin-right: 2px; + overflow: visible; + padding: 3px 2px; + width: auto; + } + +form .TableField .message { + width: auto; +} + +.TableListField .selectOptions { + overflow: auto; + font: 1.3em; + margin: 0; + padding: 0; +} + +.TableListField .selectOptions li { + float: left; + margin: 0px 5px; +} + +.TableListField .PageControls { + margin: 5px 0; + text-align:center; + display:block; + margin-bottom: 5px; + position: relative; +} +.TableListField .PageControls * { + display:inline; + vertical-align: middle; + font-weight: bold; +} +.TableListField .PageControls .Last{ + display: block; + width: 40px; + text-align: right; + position: absolute; + right: 0px; + top: 0px; +} +.TableListField .PageControls .First{ + float:left; display:block; + width:40px; text-align:left; +} + + +#Pagination { + margin-top: 10px; + margin-left: auto; + margin-right: auto; + + a { + font-size: 14px; + width: 1px; + height: 1px; + margin: 1px; + } + span { + + display: inline; + font-size: 14px; + } + div { + display: inline; + } +} +#Pagination_Next a { + text-decoration: none; +} +#Pagination_Next a div { + position: relative; + left: -20px; +} +#Pagination_Next a img { + position: relative; + top: -15px; + left: 5px; +} +#Pagination_Previous a { + text-decoration: none; +} +#Pagination_Previous a img { + position: relative; + top: -15px; + left: 35px; +} diff --git a/scss/TestViewer.scss b/scss/TestViewer.scss new file mode 100755 index 000000000..621ee4318 --- /dev/null +++ b/scss/TestViewer.scss @@ -0,0 +1,14 @@ +pre { + border: 1px #777 solid; + background-color: #CCC; + color: #333; + margin: 0.5em 2em; + padding: 1em; + line-height: 120%; +} + +pre strong { + background-color: #FFC; + color: #000; + padding: 2px; +} \ No newline at end of file diff --git a/scss/TreeDropdownField.scss b/scss/TreeDropdownField.scss new file mode 100755 index 000000000..7fd5ccdac --- /dev/null +++ b/scss/TreeDropdownField.scss @@ -0,0 +1,90 @@ +div.TreeDropdownField { + width: 400px; + background: #fff; + border: 1px solid #aaa; + cursor: pointer; + overflow: hidden; + + input { + border: none; + background: none; + padding: 0; + margin: 0; + } + + .treedropdownfield-title { + float: left; + padding: 7px; + line-height: 16px; + overflow:hidden; + } + + .treedropdownfield-panel { + clear: left; + position: absolute; + overflow: auto; + display: none; + cursor: default; + border: 1px solid #aaa; + border-top: none; + margin: 1px 0 0 -1px; /* account for border on container div */ + height: 200px; + background-color: #fff; + z-index: 50; + -webkit-box-shadow: 0 4px 5px rgba(0,0,0,.15); + -moz-box-shadow : 0 4px 5px rgba(0,0,0,.15); + -o-box-shadow : 0 4px 5px rgba(0,0,0,.15); + box-shadow : 0 4px 5px rgba(0,0,0,.15); + + ul.tree { + margin: 0; + + a { + font-size: 12px; + } + } + } + + .treedropdownfield-toggle-panel-link { + border: none; + margin: 0; + z-index: 0; + padding: 7px 3px; + float: right; + overflow: hidden; + -webkit-border-radius: 0 4px 4px 0; + -moz-border-radius: 0 4px 4px 0; + border-radius: 0 4px 4px 0; + -moz-background-clip : padding; + -webkit-background-clip: padding-box; + background-clip: padding-box; + background: #ccc; + background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #ccc), color-stop(0.6, #eee)); + background-image: -webkit-linear-gradient(center bottom, #ccc 0%, #eee 60%); + background-image: -moz-linear-gradient(center bottom, #ccc 0%, #eee 60%); + background-image: -o-linear-gradient(bottom, #ccc 0%, #eee 60%); + background-image: -ms-linear-gradient(top, #cccccc 0%,#eeeeee 60%); + filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cccccc', endColorstr='#eeeeee',GradientType=0 ); + + background-image: linear-gradient(top, #cccccc 0%,#eeeeee 60%); + border-left: 1px solid #aaa; + + &.treedropdownfield-open-tree { + background: transparent; + border: none; + } + + a { + text-decoration: none; + display: block; + border: 0; + margin: 0; + opacity: 0.5; + } + } + + .loading, + .jstree-themeroller a.jstree-loading .jstree-icon { + background: #fff url("../images/network-save.gif") center center no-repeat !important; + } +} \ No newline at end of file diff --git a/scss/UnitTesting.scss b/scss/UnitTesting.scss new file mode 100755 index 000000000..b2448252c --- /dev/null +++ b/scss/UnitTesting.scss @@ -0,0 +1,64 @@ + +body { + font:normal 68% verdana,arial,helvetica; + color:#000000; +} +table tr td, table tr th { + font-size: 68%; +} +table.details tr th{ + font-weight: bold; + text-align:left; + background:#a6caf0; +} +table.details tr{ + background:#eeeee0; +} + +p { + line-height:1.5em; + margin-top:0.5em; margin-bottom:1.0em; +} +h1 { + margin: 0px 0px 5px; font: 165% verdana,arial,helvetica +} +h2 { + margin-top: 1em; margin-bottom: 0.5em; font: bold 125% verdana,arial,helvetica +} +h3 { + margin-bottom: 0.5em; font: bold 115% verdana,arial,helvetica +} +h4 { + margin-bottom: 0.5em; font: bold 100% verdana,arial,helvetica +} +h5 { + margin-bottom: 0.5em; font: bold 100% verdana,arial,helvetica +} +h6 { + margin-bottom: 0.5em; font: bold 100% verdana,arial,helvetica +} +.Error { + font-weight:bold; color:red; +} +.Failure, .Unexpected { + background:#ff0000; font-weight:bold; color:black; +} +.Unknown { + background:#ffff00; font-weight:bold; color:black; +} +.Pass, .Expected { + background:#00ff00; font-weight:bold; color:black; +} +.Properties { + text-align:right; +} + +CODE.expected { + color: green; background: none; font-weight: normal; +} +CODE.actual { + color: red; background: none; font-weight: normal; +} +.typeinfo { + color: gray; +}