Skip to content

HTTPS clone URL

Subversion checkout URL

You can clone with HTTPS or Subversion.

Download ZIP
Browse files

MINOR Using SCSS/Compass for sapphire/css

  • Loading branch information...
commit 9eac77677657de4549fb972e618cd1c147b2193a 1 parent 9a1644f
@chillu chillu authored
Showing with 1,412 additions and 1,116 deletions.
  1. +3 −1 config.rb
  2. +3 −12 css/CheckboxSetField.css
  3. +2 −21 css/CodeViewer.css
  4. +4 −30 css/ComplexTableField.css
  5. +26 −135 css/ComplexTableField_popup.css
  6. +1 −4 css/ConfirmedPasswordField.css
  7. +3 −12 css/DatetimeField.css
  8. +50 −167 css/FileIFrameField.css
  9. +53 −149 css/Form.css
  10. 0  css/GridField.css
  11. +28 −122 css/HasManyFileField.css
  12. +9 −17 css/Security_login.css
  13. +9 −37 css/SelectionGroup.css
  14. +4 −15 css/SubmittedFormReportField.css
  15. +74 −223 css/TableListField.css
  16. +2 −21 css/TestViewer.css
  17. +10 −87 css/TreeDropdownField.css
  18. +36 −63 css/UnitTesting.css
  19. +14 −0 scss/CheckboxSetField.scss
  20. +14 −0 scss/CodeViewer.scss
  21. +16 −0 scss/ComplexTableField.scss
  22. +115 −0 scss/ComplexTableField_popup.scss
  23. +4 −0 scss/ConfirmedPasswordField.scss
  24. +14 −0 scss/DatetimeField.scss
  25. +175 −0 scss/FileIFrameField.scss
  26. +151 −0 scss/Form.scss
  27. +124 −0 scss/HasManyFileField.scss
  28. +17 −0 scss/Security_login.scss
  29. +39 −0 scss/SelectionGroup.scss
  30. +18 −0 scss/SubmittedFormReportField.scss
  31. +226 −0 scss/TableListField.scss
  32. +14 −0 scss/TestViewer.scss
  33. +90 −0 scss/TreeDropdownField.scss
  34. +64 −0 scss/UnitTesting.scss
View
4 config.rb
@@ -15,4 +15,6 @@
# disable comments in the output. We want admin comments
# to be verbose
-line_comments = false
+line_comments = false
+
+asset_cache_buster :none
View
15 css/CheckboxSetField.css 100755 → 100644
@@ -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;
-}
+#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; }
View
23 css/CodeViewer.css 100755 → 100644
@@ -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 {
-
-}
+pre strong { background-color: #FFC; color: #000; padding: 2px; }
View
34 css/ComplexTableField.css 100755 → 100644
@@ -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 tbody td {
- cursor: pointer;
-}
+.ComplexTableField { margin-bottom: 10px; }
+.ComplexTableField tbody td { cursor: pointer; }
+.ComplexTableField tbody td.markingcheckbox { cursor: default; }
-.ComplexTableField tbody td.markingcheckbox {
- cursor: default;
-}
+.ui-dialog .ctf-dialog.ui-dialog-content { padding-right: 0; /* scrollbars */ }
View
161 css/ComplexTableField_popup.css 100755 → 100644
@@ -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;
-}
+#ComplexTableField_Pagination_Next img, #ComplexTableField_Pagination_Previous img { margin: 0 3px 2px; }
View
5 css/ConfirmedPasswordField.css 100755 → 100644
@@ -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;
-}
+.confirmedpassword .showOnClickContainer { /* used to hide a container by-default when loading it so there is no "flash" as the content loads */ display: none; }
View
15 css/DatetimeField.css 100755 → 100644
@@ -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;
-}
+.datetime .time .middleColumn { width: 10em; }
View
217 css/FileIFrameField.css 100755 → 100644
@@ -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;
-}
-
-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;
-}
+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; 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;
-}
+.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; }
View
202 css/Form.css 100755 → 100644
@@ -1,151 +1,55 @@
-/**
- * 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;
-}
+/** 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;
-}
+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; }
View
0  css/GridField.css 100755 → 100644
File mode changed
View
150 css/HasManyFileField.css 100755 → 100644
@@ -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; }
View
26 css/Security_login.css 100755 → 100644
@@ -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; }
View
46 css/SelectionGroup.css 100755 → 100644
@@ -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;
-}
+.mainblock.allassets ul li { width: 150px; }
View
19 css/SubmittedFormReportField.css 100755 → 100644
@@ -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; }
View
297 css/TableListField.css 100755 → 100644
@@ -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;
-}
-
-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;
-}
-#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;
-}
+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; }
+#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; }
View
23 css/TestViewer.css 100755 → 100644
@@ -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 {
-
-}
+pre strong { background-color: #FFC; color: #000; padding: 2px; }
View
97 css/TreeDropdownField.css 100755 → 100644
@@ -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;
- }
+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; }
View
99 css/UnitTesting.css 100755 → 100644
@@ -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;
-}
-
-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;
-}
+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; }
View
14 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;
+ }
+}
View
14 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;
+}
View
16 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 */
+}
View
115 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;
+}
View
4 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;
+}
View
14 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;
+}
View
175 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;
+}
View
151 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;
+}
View
124 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;
+}
View
17 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;
+}
View
39 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;
+}
View
18 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;
+}
View
226 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 {