mirror of
https://github.com/silverstripe/silverstripe-framework
synced 2024-10-22 14:05:37 +02:00
MINOR Using SCSS/Compass for sapphire/css
This commit is contained in:
Ingo Schommer
parent
9a1644f9e1
commit
9eac776776
@ -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
15
css/CheckboxSetField.css
Executable file → Normal 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
23
css/CodeViewer.css
Executable file → Normal 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
34
css/ComplexTableField.css
Executable file → Normal 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
159
css/ComplexTableField_popup.css
Executable file → Normal 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
5
css/ConfirmedPasswordField.css
Executable file → Normal 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
15
css/DatetimeField.css
Executable file → Normal 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
181
css/FileIFrameField.css
Executable file → Normal 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
168
css/Form.css
Executable file → Normal 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
0
css/GridField.css
Executable file → Normal file
150
css/HasManyFileField.css
Executable file → Normal file
150
css/HasManyFileField.css
Executable file → Normal 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
26
css/Security_login.css
Executable file → Normal 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
46
css/SelectionGroup.css
Executable file → Normal 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
19
css/SubmittedFormReportField.css
Executable file → Normal 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
245
css/TableListField.css
Executable file → Normal 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
23
css/TestViewer.css
Executable file → Normal 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
97
css/TreeDropdownField.css
Executable file → Normal 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
95
css/UnitTesting.css
Executable file → Normal 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
14
scss/CheckboxSetField.scss
Executable 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
14
scss/CodeViewer.scss
Executable 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
16
scss/ComplexTableField.scss
Executable 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
115
scss/ComplexTableField_popup.scss
Executable 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;
|
||||
}
|
||||
4
scss/ConfirmedPasswordField.scss
Executable file
4
scss/ConfirmedPasswordField.scss
Executable 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
14
scss/DatetimeField.scss
Executable 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
175
scss/FileIFrameField.scss
Executable 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
151
scss/Form.scss
Executable 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
124
scss/HasManyFileField.scss
Executable 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
17
scss/Security_login.scss
Executable 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
39
scss/SelectionGroup.scss
Executable 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;
|
||||
}
|
||||
18
scss/SubmittedFormReportField.scss
Executable file
18
scss/SubmittedFormReportField.scss
Executable 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
226
scss/TableListField.scss
Executable 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
14
scss/TestViewer.scss
Executable 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
90
scss/TreeDropdownField.scss
Executable 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
64
scss/UnitTesting.scss
Executable 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;
|
||||
}
|
||||
Loading…
Reference in New Issue
Block a user