MINOR Using SCSS/Compass for sapphire/css

This commit is contained in:
Ingo Schommer 2012-01-07 19:23:25 +01:00
parent 9a1644f9e1
commit 9eac776776
34 changed files with 1350 additions and 1054 deletions

View File

@ -16,3 +16,5 @@ relative_assets = true
# disable comments in the output. We want admin comments
# to be verbose
line_comments = false
asset_cache_buster :none

15
css/CheckboxSetField.css Executable file → Normal file
View File

@ -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; }

23
css/CodeViewer.css Executable file → Normal file
View File

@ -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; }

34
css/ComplexTableField.css Executable file → Normal file
View File

@ -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;
}
.ui-dialog .ctf-dialog.ui-dialog-content { padding-right: 0; /* scrollbars */ }

159
css/ComplexTableField_popup.css Executable file → Normal file
View File

@ -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%;
}
.PageControls .Count {
width: 33%;
text-align: center;
}
.PageControls .Right {
width: 33%;
text-align: right;
}
form {
margin: 0 !important;
}
form fieldset {
border: 0 !important;
}
/* 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;
}
.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; }
/* Pagination */
#ComplexTableField_Pagination,
#ComplexTableField_Pagination * {
vertical-align: middle;
}
#ComplexTableField_Pagination, #ComplexTableField_Pagination * { vertical-align: middle; }
#ComplexTableField_Pagination {
margin-top: 10px;
margin-left: auto;
margin-right: auto;
font-size: 11px;
}
#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 a {
/*font-size: 1.2em;*/
font-size: 13px;
font-weight: bold;
text-decoration: none;
width: 1px;
height: 1px;
margin: 1px;
}
#ComplexTableField_Pagination_Previous { padding-right: 10px; }
#ComplexTableField_Pagination a:hover {
background: none;
}
#ComplexTableField_Pagination_Next { padding-left: 10px; }
#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; }

5
css/ConfirmedPasswordField.css Executable file → Normal file
View File

@ -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; }

15
css/DatetimeField.css Executable file → Normal file
View File

@ -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; }

181
css/FileIFrameField.css Executable file → Normal file
View File

@ -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;
}
.mainblock.attached { position: absolute; left: 270px; width: 100px; }
.mainblock form fieldset { border: none; }
.mainblock form div.Actions input { font-size: 11px; }

168
css/Form.css Executable file → Normal file
View File

@ -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;
}
/** 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; }

0
css/GridField.css Executable file → Normal file
View File

150
css/HasManyFileField.css Executable file → Normal file
View File

@ -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; }

26
css/Security_login.css Executable file → Normal file
View File

@ -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; }

46
css/SelectionGroup.css Executable file → Normal file
View File

@ -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; }

19
css/SubmittedFormReportField.css Executable file → Normal file
View File

@ -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; }

245
css/TableListField.css Executable file → Normal file
View File

@ -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 {
.TableListField .PageControls { margin: 5px 0; text-align: center; display: block; margin-bottom: 5px; position: relative; }
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 * { 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; }

23
css/TestViewer.css Executable file → Normal file
View File

@ -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; }

97
css/TreeDropdownField.css Executable file → Normal file
View File

@ -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; }

95
css/UnitTesting.css Executable file → Normal file
View File

@ -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; }

14
scss/CheckboxSetField.scss Executable file
View File

@ -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;
}
}

14
scss/CodeViewer.scss Executable file
View File

@ -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;
}

16
scss/ComplexTableField.scss Executable file
View File

@ -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 */
}

115
scss/ComplexTableField_popup.scss Executable file
View File

@ -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 File

@ -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;
}

14
scss/DatetimeField.scss Executable file
View File

@ -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;
}

175
scss/FileIFrameField.scss Executable file
View File

@ -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;
}

151
scss/Form.scss Executable file
View File

@ -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;
}

124
scss/HasManyFileField.scss Executable file
View File

@ -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;
}

17
scss/Security_login.scss Executable file
View File

@ -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;
}

39
scss/SelectionGroup.scss Executable file
View File

@ -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 File

@ -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;
}

226
scss/TableListField.scss Executable file
View File

@ -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;
}

14
scss/TestViewer.scss Executable file
View File

@ -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;
}

90
scss/TreeDropdownField.scss Executable file
View File

@ -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;
}
}

64
scss/UnitTesting.scss Executable file
View File

@ -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;
}