-/* stylesheet for 'Blue Temptation', generated on Wed, 01 May 2013 14:32:59 +0000 -- DO NOT EDIT */
+/* stylesheet for 'Blue Temptation', generated on Tue, 28 May 2013 13:51:45 +0000 -- DO NOT EDIT */
html,
body,
content: '';
content: none;
}
-.clearfix {
- *zoom: 1;
-}
.clearfix:before,
.clearfix:after {
display: table;
.clearfix:after {
clear: both;
}
-.aclContainer > dd > span {
- position: relative;
-}
.aclList,
.aclPermissionList {
margin-top: 0;
}
.aclPermissionList > li.aclCategory {
background-color: #d8e7f5;
- padding: 7px;
+ padding: 4px 11px;
text-align: left;
}
.aclPermissionList > li.aclFullAccess {
top: -6px;
z-index: 101;
}
-button,
-input[type='reset'],
-input[type='submit'],
-input[type='button'],
-.button {
- border-style: solid;
- border-width: 1px;
- cursor: pointer;
+.attachmentThumbnailList,
+.attachmentFileList {
+ padding-top: 7px !important;
+}
+.attachmentThumbnailList > fieldset,
+.attachmentFileList > fieldset {
+ padding: 0;
+}
+.attachmentThumbnailList > fieldset > legend,
+.attachmentFileList > fieldset > legend {
+ border-bottom: 0;
+ font-size: 120%;
+ padding-bottom: 7px;
+}
+.attachmentThumbnailList {
+ padding-bottom: 7px !important;
+}
+.attachmentThumbnailList > fieldset > ul {
+ padding: 0 11px 0 4px;
+}
+.attachmentThumbnailList > fieldset > ul > li {
+ margin: 0 0 14px 7px;
+}
+.attachmentFileList > fieldset > ul > li:not(:first-child) {
+ margin-top: 4px;
+}
+.attachmentThumbnail {
+ background-color: white;
display: inline-block;
- margin: 0 2px;
- padding: 5px 13px;
+ min-height: 210px;
+ min-width: 280px;
position: relative;
- border-radius: 15px 15px 15px 15px;
+ vertical-align: top;
}
-.button,
-input[type='reset']:not([disabled]),
-input[type='submit']:not([disabled]),
-input[type='button']:not([disabled]),
-button:not([disabled]) {
- background-color: #e3e3e3;
- border-color: #bbbbbb;
- color: #999999;
- text-decoration: none;
- text-shadow: 0 1px 0 rgba(255,255,255,0.8);
+.attachmentThumbnail > a {
+ display: inline-block;
+ min-height: 210px;
+ min-width: 280px;
}
-.button.buttonPrimary,
-input[type='submit']:not([disabled]),
-input[type='button']:not([disabled]).buttonPrimary,
-button:not([disabled]).buttonPrimary {
- background-color: #d8e7f5;
- border-color: #6699cc;
- color: #6699cc;
- font-weight: bold;
- text-shadow: 0 1px 0 rgba(255,255,255,0.8);
+.attachmentThumbnail > div {
+ background-color: rgba(0,0,0,0.6);
+ bottom: 0;
+ color: #fff;
+ position: absolute;
+ width: 100%;
+ padding: 7px 0;
}
-.button.buttonPrimary .icon,
-input[type='submit']:not([disabled]) .icon,
-input[type='button']:not([disabled]).buttonPrimary .icon,
-button:not([disabled]).buttonPrimary .icon {
- color: #6699cc;
+.attachmentThumbnail > div > p,
+.attachmentThumbnail > div > small {
+ margin: 0 7px;
+ overflow: hidden;
+ text-overflow: ellipsis;
+ white-space: nowrap;
}
-.button:hover,
-input[type='reset']:not([disabled]):hover,
-input[type='submit']:not([disabled]):hover,
-input[type='button']:not([disabled]):hover,
-button:not([disabled]):hover {
- background-color: #ffe5c8;
- border-color: #ffaa22;
- color: #666666;
- text-decoration: none;
- z-index: 100;
- text-shadow: 0 1px 0 rgba(255,255,255,0.8);
+.attachmentThumbnail > div > small {
+ display: block;
+ height: 0;
+ -webkit-transition-property: height;
+ transition-property: height;
+ -webkit-transition-duration: .25s;
+ transition-duration: .25s;
+ -webkit-transition-timing-function: ease-out;
+ transition-timing-function: ease-out;
}
-.button:hover .icon,
-input[type='reset']:not([disabled]):hover .icon,
-input[type='submit']:not([disabled]):hover .icon,
-input[type='button']:not([disabled]):hover .icon,
-button:not([disabled]):hover .icon {
- color: #666666;
+.attachmentThumbnail:hover > div > small {
+ height: 1.27em;
}
-.button.buttonPrimary:hover,
-input[type='submit']:not([disabled]):hover,
-input[type='button']:not([disabled]).buttonPrimary:hover,
-button:not([disabled]).buttonPrimary:hover {
- background-color: #cce0f2;
- border-color: #4080bf;
- color: #6699cc;
- text-shadow: 0 1px 0 rgba(255,255,255,0.8);
+.formAttachmentList {
+ border-bottom: 1px solid #cccccc;
+ padding-bottom: 7px;
}
-.button.buttonPrimary:hover .icon,
-input[type='submit']:not([disabled]):hover .icon,
-input[type='button']:not([disabled]).buttonPrimary:hover .icon,
-button:not([disabled]).buttonPrimary:hover .icon {
- color: #6699cc;
+.formAttachmentList > li {
+ width: 33%;
+ float: left;
}
-input[type='reset']:disabled,
-input[type='submit']:disabled,
-input[type='button']:disabled,
-button:disabled {
- background-color: #e3e3e3;
- border-color: #bbbbbb;
- color: #b3b3b3;
- cursor: not-allowed;
- text-decoration: none;
- text-shadow: 0 1px 0 rgba(255,255,255,0.8);
+.formAttachmentList > li > div {
+ padding-top: 7px;
}
-.button.active,
-input[type='button'].active,
-button.active,
-.button.active:hover,
-input[type='button'].active:hover,
-button.active:hover {
- background-color: #999999;
- border-color: #8c8c8c;
- color: #e3e3e3;
- -webkit-box-shadow: inset 0 1px 1px 0 rgba(0,0,0,0.1);
- -moz-box-shadow: inset 0 1px 1px 0 rgba(0,0,0,0.1);
- -ms-box-shadow: inset 0 1px 1px 0 rgba(0,0,0,0.1);
- -o-box-shadow: inset 0 1px 1px 0 rgba(0,0,0,0.1);
- box-shadow: inset 0 1px 1px 0 rgba(0,0,0,0.1);
- text-shadow: 0 1px 0 rgba(255,255,255,0.8);
+.formAttachmentList > li > div > div {
+ float: left;
+ margin-right: 7px;
}
-.button.active .icon,
-input[type='button'].active .icon,
-button.active .icon,
-.button.active:hover .icon,
-input[type='button'].active:hover .icon,
-button.active:hover .icon {
- color: #e3e3e3;
- text-shadow: 0 1px 0 rgba(255,255,255,0.8);
+.box48 .attachmentTinyThumbnail {
+ border-radius: 6px;
+ max-height: 48px;
+ max-width: 48px;
}
-.buttonList > li {
- display: inline-block;
+.codeBox {
+ background-color: #ffffff;
}
-.buttonList > li > .button {
- margin: 0;
+.codeBox > div {
+ padding: 14px 21px 14px 14px;
+ box-shadow: inset 4em 0 0 #fcfdfe , inset 4.1em 0 0 #e6e6e6;
}
-.buttonGroup > li {
- display: inline-block;
+.codeBox > div > div {
+ margin: 0 0 7px 3.4em;
}
-.buttonGroup > li > .button {
- margin: 0 0 0 -1px;
- border-radius: 0 0 0 0;
+.codeBox > div > div > h3 {
+ font-size: 110%;
+ font-weight: bold;
+ padding-left: 7px;
+ position: relative;
}
-.buttonGroup > li:first-child > .button {
- border-top-left-radius: 15px;
- border-bottom-left-radius: 15px;
+.codeBox > div > div > h3 > span.icon {
+ position: absolute;
+ right: 0;
+ top: 3px;
}
-.buttonGroup > li:last-child > .button {
- border-top-right-radius: 15px;
- border-bottom-right-radius: 15px;
+.codeBox > div > ol {
+ list-style-type: decimal;
+ margin-left: 3.4em;
+}
+.codeBox > div > ol > li {
+ font-family: Consolas, 'Courier New', monospace;
+ padding-left: 7px;
+ position: relative;
+ white-space: pre-wrap;
+ word-break: break-all;
+ word-wrap: break-word;
+}
+.codeBox > div > ol > li > .lineAnchor {
+ display: block;
+ height: 1.4em;
+ left: -3.6em;
+ position: absolute;
+ top: 0;
+ width: 3.0em;
+}
+.codeBox > div > ol > li:target {
+ background-color: #ffff66;
}
@media only screen and (max-width: 800px) {
- .buttonGroup {
- min-height: 21px;
- min-width: 21px;
- position: relative;
- z-index: 148;
- }
- .buttonGroup:before {
- content: "\f03a";
- font-family: FontAwesome;
- font-size: 21px;
- right: 0;
- position: absolute;
- top: 0;
- }
- .buttonGroup > li {
- display: none;
- }
- .buttonGroup > li:not(:first-child) > a {
- border-top: 0;
+ .codeBox > div {
+ padding: 7px;
+ box-shadow: 0 0 5px 0 transparent;
}
- .buttonGroup > li > .button {
- border-radius: 0 !important;
+ .codeBox > div > div {
+ margin-left: 0;
}
- .buttonGroup:hover > li {
- display: block;
+ .codeBox > div > div > h3 {
+ padding-left: 0;
}
- .buttonGroup:hover > li > a {
- overflow: hidden;
- text-overflow: ellipsis;
- width: 124px;
- white-space: nowrap;
+ .codeBox > div > ol {
+ list-style-type: none;
+ margin-left: 0;
}
- .buttonGroup:hover > li > a > span.invisible {
- display: inline;
+ .codeBox > div > ol > li {
+ padding-left: 0;
}
}
-.sidebar button,
-.sidebar input[type='reset'],
-.sidebar input[type='submit'],
-.sidebar input[type='button'],
-.sidebar .button {
- font-size: 85%;
- padding: 5px 11px;
+.codeBox .hlQuotes {
+ color: red;
}
-button.small,
-.button.small {
- font-size: 85%;
- min-height: 13px;
- padding: 5px 11px;
- border-radius: 3px 3px 3px 3px;
+.codeBox .hlComments,
+.codeBox .hlOperators {
+ color: green;
}
-.button > .icon {
- margin: -1px -5px;
+.codeBox .hlKeywords1 {
+ color: blue;
}
-.button > .icon + span {
- margin-left: 6px;
+.codeBox .hlKeywords2 {
+ color: darkred;
}
-#colorPickerGradient {
- background-color: #f00;
- background-image: url('../images/colorPickerGradient.png');
- background-repeat: no-repeat;
- border: 1px solid #000000;
- cursor: default;
- display: inline-block;
- height: 256px;
- overflow: hidden;
- position: relative;
- width: 256px;
+.codeBox .hlKeywords3 {
+ color: darkviolet;
}
-#colorPickerGradient > span {
- border: 1px solid #000000;
- border-radius: 10px;
- display: block;
- height: 10px;
- left: -4px;
- position: absolute;
- top: -4px;
- width: 10px;
+.codeBox .hlKeywords4 {
+ color: darkgoldenrod;
}
-#colorPickerGradient > span > span {
- border: 1px solid #ffffff;
- border-radius: 10px;
- display: block;
- height: 8px;
- width: 8px;
+.codeBox .hlKeywords5 {
+ color: crimson;
}
-#colorPickerBar {
- background-image: url('../images/colorPickerBar.png');
- background-repeat: repeat-x;
- border: 1px solid #000000;
- cursor: default;
- display: inline-block;
- height: 256px;
- margin-left: 10px;
- position: relative;
- width: 16px;
+.codeBox .hlNumbers {
+ color: darkorange;
}
-#colorPickerBar > span {
- display: inline-block;
- height: 1px;
- left: 0;
- position: absolute;
- top: 27px;
- width: 16px;
+.diffHighlighter .hlComments {
+ color: darkviolet;
}
-#colorPickerBar > span:after,
-#colorPickerBar > span:before {
- content: "";
- display: block;
- height: 0;
- position: absolute;
- top: 0;
- width: 0;
+.diffHighlighter .hlRemoved {
+ color: red;
}
-#colorPickerBar > span:after {
- border-bottom: 5px solid transparent;
- border-right: 5px solid #000000;
- border-top: 5px solid transparent;
- right: -7px;
- top: -5px;
+.diffHighlighter .hlAdded {
+ color: green;
}
-#colorPickerBar > span:before {
- border-bottom: 5px solid transparent;
- border-left: 5px solid #000000;
- border-top: 5px solid transparent;
- left: -7px;
- top: -5px;
+.phpHighlighter .hlKeywords2 {
+ color: green;
}
-#colorPickerForm {
- display: inline-block;
- margin-left: 20px;
- position: relative;
- text-align: center;
- width: 100px;
+.phpHighlighter .hlComments {
+ color: darkgoldenrod;
}
-#colorPickerForm > .colors > .new,
-#colorPickerForm > .colors > .old {
- border: 1px solid #000000;
- display: block;
- height: 24px;
+.cssHighlighter .hlComments {
+ color: #236e26;
}
-#colorPickerForm > .colors > .old {
- border-top-width: 0;
+.cssHighlighter .hlColors {
+ color: #751116;
}
-#colorPickerForm > .hex {
- margin-top: 21px;
+.cssHighlighter .hlNumbers,
+.sqlHighlighter .hlNumbers {
+ color: #1906fd;
}
-#colorPickerForm > .rgba {
- margin-top: 21px;
+.cssHighlighter .hlKeywords1 {
+ color: #87154f;
}
-#colorPickerForm > .rgba > li.a {
- margin-top: 7px;
+.cssHighlighter .hlKeywords2 {
+ color: #994509;
}
-#colorPickerForm > .rgba > li,
-#colorPickerForm > .hex > li {
- text-align: right;
+.cssHighlighter .hlKeywords3,
+.cssHighlighter .hlKeywords4 {
+ color: inherit;
}
-#colorPickerForm > .rgba > li input,
-#colorPickerForm > .hex > li input {
- margin-left: 7px;
- width: 80px;
+.sqlHighlighter .hlKeywords1 {
+ color: #663821;
}
-.ui-datepicker {
+.sqlHighlighter .hlKeywords2 {
+ color: #871550;
+}
+.quoteBox {
background-color: #ffffff;
- border: 1px solid #cccccc;
- color: #666666;
- margin-top: 7px;
- z-index: 350 !important;
- -webkit-box-shadow: 2px 2px 10px 0 rgba(0,0,0,0.2);
- -moz-box-shadow: 2px 2px 10px 0 rgba(0,0,0,0.2);
- -ms-box-shadow: 2px 2px 10px 0 rgba(0,0,0,0.2);
- -o-box-shadow: 2px 2px 10px 0 rgba(0,0,0,0.2);
- box-shadow: 2px 2px 10px 0 rgba(0,0,0,0.2);
+ min-height: 28px;
+ margin-bottom: 4px;
+ position: relative;
}
-.ui-datepicker:after {
- border: 7px solid transparent;
- border-bottom-color: #cccccc;
- border-top-width: 0;
- content: "";
- display: inline-block;
- left: 9px;
- position: absolute;
- top: -7px;
- z-index: 100;
+.quoteBox.containerPadding {
+ padding-left: 54px;
}
-.ui-datepicker:before {
- border: 6px solid transparent;
- border-bottom-color: #ffffff;
- border-top-width: 0;
- content: "";
- display: inline-block;
- left: 10px;
+.quoteBox:before {
+ content: "\f10d";
+ color: #808080;
+ font-family: FontAwesome;
+ font-size: 28px;
position: absolute;
- top: -6px;
- z-index: 101;
+ left: 14px;
+ top: 7px;
}
-.ui-datepicker a:hover {
- text-decoration: none;
+.quoteBox > header {
+ padding-bottom: 4px;
+ border-bottom: 1px dotted #cccccc;
+ margin-bottom: 7px;
}
-.ui-datepicker > .ui-datepicker-header {
- padding: 4px;
- text-align: center;
+.quoteBox > header > h3 {
+ font-weight: bold;
}
-.ui-datepicker > .ui-datepicker-header > .ui-datepicker-prev,
-.ui-datepicker > .ui-datepicker-header > .ui-datepicker-next {
- display: inline-block;
- margin: 2px 2px 0 2px;
+.quoteBox .quoteBox {
+ background-image: none;
+ padding-left: 21px;
+ min-height: 0;
}
-.ui-datepicker > .ui-datepicker-header > .ui-datepicker-prev > span,
-.ui-datepicker > .ui-datepicker-header > .ui-datepicker-next > span {
+.quoteBox .quoteBox:before {
display: none;
}
-.ui-datepicker > .ui-datepicker-header > .ui-datepicker-prev {
- float: left;
+@media only screen and (max-width: 800px) {
+ .quoteBox:before {
+ font-size: 14px;
+ left: 7px;
+ }
+ .quoteBox.containerPadding {
+ padding-left: 28px;
+ }
+ .quoteBox .quoteBox {
+ padding-left: 7px;
+ }
}
-.ui-datepicker > .ui-datepicker-header > .ui-datepicker-prev:before {
- content: "\f060";
- font-family: FontAwesome;
- font-size: 14px;
+.spoilerBox {
+ background-color: #ffffff;
+ padding-bottom: 7px;
}
-.ui-datepicker > .ui-datepicker-header > .ui-datepicker-next {
- float: right;
+.spoilerBox > header {
+ margin-bottom: 7px;
}
-.ui-datepicker > .ui-datepicker-header > .ui-datepicker-next:before {
- content: "\f061";
- font-family: FontAwesome;
- font-size: 14px;
+.spoilerBox > div {
+ padding-bottom: 7px;
}
-.ui-datepicker > table {
- border-collapse: collapse;
- border-spacing: 0;
- width: 100%;
+.inlineCode {
+ background-color: #ffffff;
+ border: 1px solid #cccccc;
+ display: inline-block;
+ font-family: Consolas, 'Courier New', monospace;
+ margin: 0 2px;
+ padding: 0 5px;
+ border-radius: 3px 3px 3px 3px;
}
-.ui-datepicker > table > thead {
- background-color: #336699;
+ul.smileyList > li {
+ display: inline;
}
-.ui-datepicker > table > thead > tr > th {
- color: #ffffff;
- font-size: 85%;
- padding: 5px 0;
- text-transform: uppercase;
- text-shadow: 0 1px 0 rgba(255,255,255,0.8);
- text-shadow: 0 -1px 0 rgba(0,0,0,0.8);
-}
-.ui-datepicker > table > tbody > tr {
- border-bottom: 1px solid #cccccc;
-}
-.ui-datepicker > table > tbody > tr:last-child {
- border-bottom: 0;
-}
-.ui-datepicker > table > tbody > tr > td {
- border-right: 1px solid #cccccc;
-}
-.ui-datepicker > table > tbody > tr > td:last-child {
- border-right: 0;
-}
-.ui-datepicker > table > tbody > tr > td > span,
-.ui-datepicker > table > tbody > tr > td > a {
+.bbcodeTable {
display: inline-block;
- color: #666666;
- font-weight: bold;
- height: 30px;
- line-height: 30px;
- text-align: center;
- width: 30px;
- text-shadow: 0 1px 0 rgba(255,255,255,0.8);
}
-.ui-datepicker .ui-datepicker-calendar .ui-state-default {
- background-color: #f1f5fa;
+.gist .highlight {
+ background-color: inherit;
}
-.ui-datepicker .ui-datepicker-unselectable .ui-state-default {
- background-color: #fcfdfe;
- color: #808080;
+button,
+input[type='reset'],
+input[type='submit'],
+input[type='button'],
+.button {
+ border-style: solid;
+ border-width: 1px;
+ cursor: pointer;
+ display: inline-block;
+ margin: 0 2px;
+ padding: 5px 13px;
+ position: relative;
+ border-radius: 15px 15px 15px 15px;
}
-.ui-datepicker .ui-datepicker-calendar .ui-state-hover {
- background-color: #d8e7f5;
+.button,
+input[type='reset']:not([disabled]),
+input[type='submit']:not([disabled]),
+input[type='button']:not([disabled]),
+button:not([disabled]) {
+ background-color: #e3e3e3;
+ border-color: #bbbbbb;
+ color: #999999;
+ text-decoration: none;
+ text-shadow: 0 1px 0 rgba(255,255,255,0.8);
}
-.ui-datepicker .ui-datepicker-calendar .ui-state-active {
+.button.buttonPrimary,
+input[type='submit']:not([disabled]),
+input[type='button']:not([disabled]).buttonPrimary,
+button:not([disabled]).buttonPrimary {
background-color: #d8e7f5;
+ border-color: #6699cc;
+ color: #6699cc;
+ font-weight: bold;
+ text-shadow: 0 1px 0 rgba(255,255,255,0.8);
}
-.ui-datepicker .ui-timepicker-div {
- border-top: 1px solid #cccccc;
-}
-.ui-datepicker .ui-timepicker-div > dl > dt {
- margin-top: 4px !important;
- width: 100px;
-}
-.ui-datepicker .ui-timepicker-div > dl > dd {
- margin-left: 120px;
- margin-top: 4px !important;
-}
-.dialogContainer {
- background: rgba(0,0,0,0.4);
- border: 14px solid transparent;
- margin-left: auto;
- margin-right: auto;
- max-width: 90%;
- min-width: 500px;
- position: fixed;
- border-radius: 15px 15px 15px 15px;
- -webkit-box-shadow: 0 1px 23px 0 rgba(0,0,0,0.3);
- -moz-box-shadow: 0 1px 23px 0 rgba(0,0,0,0.3);
- -ms-box-shadow: 0 1px 23px 0 rgba(0,0,0,0.3);
- -o-box-shadow: 0 1px 23px 0 rgba(0,0,0,0.3);
- box-shadow: 0 1px 23px 0 rgba(0,0,0,0.3);
+.button.buttonPrimary .icon,
+input[type='submit']:not([disabled]) .icon,
+input[type='button']:not([disabled]).buttonPrimary .icon,
+button:not([disabled]).buttonPrimary .icon {
+ color: #6699cc;
}
-@media only screen and (max-width: 800px) {
- .dialogContainer {
- border: 0;
- left: 0 !important;
- max-width: none;
- min-width: 0;
- top: 0 !important;
- width: 100%;
- border-radius: 0 0 0 0;
- }
+.button:hover,
+input[type='reset']:not([disabled]):hover,
+input[type='submit']:not([disabled]):hover,
+input[type='button']:not([disabled]):hover,
+button:not([disabled]):hover {
+ background-color: #ffe5c8;
+ border-color: #ffaa22;
+ color: #666666;
+ text-decoration: none;
+ z-index: 100;
+ text-shadow: 0 1px 0 rgba(255,255,255,0.8);
}
-.dialogTitlebar {
- background-color: #336699;
- border-bottom: 1px solid rgba(0,0,0,0.1);
- display: block;
- padding: 10px 20px;
- min-height: 27px;
- position: relative;
- border-radius: 7px 7px 0 0;
+.button:hover .icon,
+input[type='reset']:not([disabled]):hover .icon,
+input[type='submit']:not([disabled]):hover .icon,
+input[type='button']:not([disabled]):hover .icon,
+button:not([disabled]):hover .icon {
+ color: #666666;
}
-.dialogTitlebar .dialogTitle {
- color: #ffffff;
- display: block;
- font-size: 170%;
- font-weight: bold;
+.button.buttonPrimary:hover,
+input[type='submit']:not([disabled]):hover,
+input[type='button']:not([disabled]).buttonPrimary:hover,
+button:not([disabled]).buttonPrimary:hover {
+ background-color: #cce0f2;
+ border-color: #4080bf;
+ color: #6699cc;
text-shadow: 0 1px 0 rgba(255,255,255,0.8);
- text-shadow: 0 -1px 0 rgba(0,0,0,0.8);
}
-.dialogTitlebar .dialogCloseButton {
- color: #ffffff;
- cursor: pointer;
- display: inline-block;
- font-family: FontAwesome;
- font-size: 28px;
- height: 32px;
- position: absolute;
- right: 10px;
- text-align: center;
+.button.buttonPrimary:hover .icon,
+input[type='submit']:not([disabled]):hover .icon,
+input[type='button']:not([disabled]).buttonPrimary:hover .icon,
+button:not([disabled]).buttonPrimary:hover .icon {
+ color: #6699cc;
+}
+input[type='reset']:disabled,
+input[type='submit']:disabled,
+input[type='button']:disabled,
+button:disabled {
+ background-color: #e3e3e3;
+ border-color: #bbbbbb;
+ color: #b3b3b3;
+ cursor: not-allowed;
text-decoration: none;
- top: 7px;
- width: 32px;
text-shadow: 0 1px 0 rgba(255,255,255,0.8);
- text-shadow: 0 -1px 0 rgba(0,0,0,0.8);
-}
-.dialogTitlebar .dialogCloseButton:before {
- content: "\f057";
}
-.dialogTitlebar .dialogCloseButton span {
- display: none;
+.button.active,
+input[type='button'].active,
+button.active,
+.button.active:hover,
+input[type='button'].active:hover,
+button.active:hover {
+ background-color: #999999;
+ border-color: #8c8c8c;
+ color: #e3e3e3;
+ box-shadow: inset 0 1px 1px 0 rgba(0,0,0,0.1);
+ text-shadow: 0 1px 0 rgba(255,255,255,0.8);
}
-@media only screen and (max-width: 800px) {
- .dialogTitlebar {
- border-radius: 0 0 0 0;
- }
+.button.active .icon,
+input[type='button'].active .icon,
+button.active .icon,
+.button.active:hover .icon,
+input[type='button'].active:hover .icon,
+button.active:hover .icon {
+ color: #e3e3e3;
+ text-shadow: 0 1px 0 rgba(255,255,255,0.8);
}
-.dialogContent {
- background-color: #fcfdfe;
- color: #666666;
- padding: 10px 20px 20px;
+.buttonList > li {
+ display: inline-block;
}
-.dialogContent:not(.dialogForm) {
- border-radius: 0 0 7px 7px;
+.buttonList > li > .button {
+ margin: 0;
}
-.dialogContent > .icon-spinner {
- left: 50%;
- margin: -21px -21px 0 0;
- padding: 0 21px 0 21px;
- position: absolute;
- top: 50%;
+.buttonGroup > li {
+ display: inline-block;
}
-.dialogContent dl:not(.plain) > dt {
- width: 170px;
+.buttonGroup > li > .button {
+ margin: 0 0 0 -1px;
+ border-radius: 0 0 0 0;
}
-.dialogContent dl:not(.plain) > dd {
- margin-left: 190px;
+.buttonGroup > li:first-child > .button {
+ border-top-left-radius: 15px;
+ border-bottom-left-radius: 15px;
}
-.dialogContent .formSubmit {
- background-color: #f1f5fa;
- border-top: 1px solid #cccccc;
- bottom: 0;
- left: 0;
- padding: 10px 0;
- position: absolute;
- width: 100%;
- border-radius: 0 0 7px 7px;
+.buttonGroup > li:last-child > .button {
+ border-top-right-radius: 15px;
+ border-bottom-right-radius: 15px;
}
@media only screen and (max-width: 800px) {
- .dialogContent {
- max-height: none !important;
+ nav.buttonGroupNavigation > a:first-child {
+ display: inline-block;
+ outline: 0;
}
- .dialogContent:not(.dialogForm) {
- border-radius: 0 0 0 0;
+ nav.buttonGroupNavigation > a:first-child > span.icon {
+ font-size: 21px;
+ height: 24px;
+ width: 24px;
}
- .dialogContent .formSubmit {
- border-radius: 0 0 0 0;
+ nav.buttonGroupNavigation > a:first-child + a {
+ height: 100%;
+ left: 0;
+ position: absolute;
+ top: 0;
+ width: 100%;
+ z-index: 100;
+ }
+ nav.buttonGroupNavigation > a:first-child:focus + a {
+ display: block;
+ }
+ nav.buttonGroupNavigation > a:first-child:focus ~ ul {
+ display: block;
+ }
+ nav.buttonGroupNavigation > ul {
+ display: none;
+ opacity: 1;
+ position: absolute;
+ right: 0;
+ z-index: 350;
+ }
+ nav.buttonGroupNavigation > ul:hover {
+ display: block;
+ }
+ nav.buttonGroupNavigation > ul > li {
+ display: block;
+ float: none;
+ opacity: 1 !important;
+ }
+ nav.buttonGroupNavigation > ul > li > a {
+ font-weight: bold;
+ border-color: #cdcdcd #bbbbbb #a9a9a9;
+ box-shadow: 0 1px 3px 0 rgba(0,0,0,0.1);
+ background-color: #f0f0f0;
+ background-image: -webkit-linear-gradient(top,#fdfdfd,#f0f0f0 2px,#e3e3e3);
+ background-image: -moz-linear-gradient(top,#fdfdfd,#f0f0f0 2px,#e3e3e3);
+ background-image: -ms-linear-gradient(top,#fdfdfd,#f0f0f0 2px,#e3e3e3);
+ background-image: linear-gradient(top,#fdfdfd,#f0f0f0 2px,#e3e3e3);
+ -webkit-transition-property: background-color, background-image, border, box-shadow, color;
+ transition-property: background-color, background-image, border, box-shadow, color;
+ -webkit-transition-duration: .1s;
+ transition-duration: .1s;
+ -webkit-transition-timing-function: linear;
+ transition-timing-function: linear;
+ border-style: solid;
+ border-width: 1px;
+ cursor: pointer;
+ display: inline-block;
+ margin: 0 2px;
+ padding: 5px 13px;
+ position: relative;
+ border-radius: 15px 15px 15px 15px;
+ background-color: #e3e3e3;
+ border-color: #bbbbbb;
+ color: #999999;
+ text-decoration: none;
+ text-shadow: 0 1px 0 rgba(255,255,255,0.8);
+ border-radius: 0 !important;
+ overflow: hidden;
+ text-overflow: ellipsis;
+ width: 124px;
+ white-space: nowrap;
+ }
+ nav.buttonGroupNavigation > ul > li > a .icon {
+ -webkit-transition-property: color;
+ transition-property: color;
+ -webkit-transition-duration: .1s;
+ transition-duration: .1s;
+ -webkit-transition-timing-function: linear;
+ transition-timing-function: linear;
+ }
+ nav.buttonGroupNavigation > ul > li > a > span.invisible {
+ display: inline;
}
}
-.dialogOverlay {
- background-color: rgba(0,0,0,0.5);
- bottom: 0;
- left: 0;
- position: fixed;
- right: 0;
- top: 0;
-}
-#packageInstallationDialogContainer > .boxHeadline {
- margin-top: 0;
+.sidebar button,
+.sidebar input[type='reset'],
+.sidebar input[type='submit'],
+.sidebar input[type='button'],
+.sidebar .button {
+ font-size: 85%;
+ padding: 5px 11px;
}
-.spinner {
- border: 1px solid rgba(0,0,0,0.3);
- color: #fff;
- left: 46%;
- padding: 7px 0;
- position: fixed;
- right: 46%;
- text-align: center;
- top: 200px;
- width: 70px;
- z-index: 401;
- border-radius: 6px 6px 6px 6px;
- -webkit-box-shadow: 0 1px 7px 0 rgba(0,0,0,0.5);
- -moz-box-shadow: 0 1px 7px 0 rgba(0,0,0,0.5);
- -ms-box-shadow: 0 1px 7px 0 rgba(0,0,0,0.5);
- -o-box-shadow: 0 1px 7px 0 rgba(0,0,0,0.5);
- box-shadow: 0 1px 7px 0 rgba(0,0,0,0.5);
- background-color: rgba(0,0,0,0.5);
- background-image: -webkit-linear-gradient(rgba(0,0,0,0),rgba(0,0,0,0.7));
- background-image: -moz-linear-gradient(rgba(0,0,0,0),rgba(0,0,0,0.7));
- background-image: -o-linear-gradient(rgba(0,0,0,0),rgba(0,0,0,0.7));
- background-image: -ms-linear-gradient(rgba(0,0,0,0),rgba(0,0,0,0.7));
- background-image: linear-gradient(rgba(0,0,0,0),rgba(0,0,0,0.7));
+button.small,
+.button.small {
+ font-size: 85%;
+ min-height: 13px;
+ padding: 5px 11px;
+ border-radius: 3px 3px 3px 3px;
}
-.spinner > .icon {
- color: #fff;
+.button > .icon {
+ margin: -1px -5px;
}
-.spinner > span:not(.icon) {
- display: block;
- margin-top: 7px;
+.button > .icon + span {
+ margin-left: 6px;
}
-.systemConfirmation p {
- padding-top: 7px;
+#colorPickerGradient {
+ background-color: #f00;
+ background-image: url('../images/colorPickerGradient.png');
+ background-repeat: no-repeat;
+ border: 1px solid #000000;
+ cursor: default;
+ display: inline-block;
+ height: 256px;
+ overflow: hidden;
+ position: relative;
+ width: 256px;
}
-#systemNotification {
- left: 0;
- position: fixed;
- top: 0;
- width: 100%;
- z-index: 460;
+#colorPickerGradient > span {
+ border: 1px solid #000000;
+ border-radius: 10px;
+ display: block;
+ height: 10px;
+ left: -4px;
+ position: absolute;
+ top: -4px;
+ width: 10px;
}
-#systemNotification > p {
- border-top-left-radius: 0;
- border-top-right-radius: 0;
- border-top-width: 0;
- display: table;
- margin: 0 auto;
- max-width: 80%;
+#colorPickerGradient > span > span {
+ border: 1px solid #ffffff;
+ border-radius: 10px;
+ display: block;
+ height: 8px;
+ width: 8px;
}
-.dropdown {
+#colorPickerBar {
+ background-image: url('../images/colorPickerBar.png');
+ background-repeat: repeat-x;
+ border: 1px solid #000000;
+ cursor: default;
+ display: inline-block;
+ height: 256px;
+ margin-left: 10px;
position: relative;
+ width: 16px;
}
-.dropdown .dropdownToggle:active,
-.dropdown.dropdownOpen .dropdownToggle {
- outline: 0;
+#colorPickerBar > span {
+ display: inline-block;
+ height: 1px;
+ left: 0;
+ position: absolute;
+ top: 27px;
+ width: 16px;
}
-.dropdown.preInput {
- display: table;
- width: 100%;
+#colorPickerBar > span:after,
+#colorPickerBar > span:before {
+ content: "";
+ display: block;
+ height: 0;
+ position: absolute;
+ top: 0;
+ width: 0;
}
-.dropdown.preInput input,
-.dropdown.preInput textarea {
- min-width: 300px;
+#colorPickerBar > span:after {
+ border-bottom: 5px solid transparent;
+ border-right: 5px solid #000000;
+ border-top: 5px solid transparent;
+ right: -7px;
+ top: -5px;
}
-.dropdown.preInput input {
- display: table-cell;
- margin: 0;
- width: 99%;
+#colorPickerBar > span:before {
+ border-bottom: 5px solid transparent;
+ border-left: 5px solid #000000;
+ border-top: 5px solid transparent;
+ left: -7px;
+ top: -5px;
}
-.dropdown.preInput textarea {
- display: block;
- margin-top: 0;
+#colorPickerForm {
+ display: inline-block;
+ margin-left: 20px;
+ position: relative;
+ text-align: center;
+ width: 100px;
}
-.dropdown.preInput .dropdownCaption {
- cursor: pointer;
- display: table-cell;
- letter-spacing: -1px;
- padding-left: 4px;
- padding-right: 7px;
- vertical-align: middle;
- width: 1%;
+#colorPickerForm > .colors > .new,
+#colorPickerForm > .colors > .old {
+ border: 1px solid #000000;
+ display: block;
+ height: 24px;
}
-.dropdown.preInput .dropdownCaption.button {
- border-right-width: 0;
- border-radius: 15px 0 0 15px;
+#colorPickerForm > .colors > .old {
+ border-top-width: 0;
}
-.dropdown.preInput .dropdownCaption span {
- margin-right: -1px;
- padding-left: 4px;
- white-space: nowrap;
+#colorPickerForm > .hex {
+ margin-top: 21px;
}
-.dropdown.preInput .dropdownCaption span.active:after {
- content: "\f0d7";
- font-family: FontAwesome;
- font-size: 14px;
- margin-left: 7px;
+#colorPickerForm > .rgba {
+ margin-top: 21px;
}
-.dropdown.preInput .dropdownCaptionTextarea {
- cursor: pointer;
- margin: 0 0 -1px 0;
- padding-left: 7px;
- padding-right: 7px;
+#colorPickerForm > .rgba > li.a {
+ margin-top: 7px;
}
-.dropdown.preInput .dropdownCaptionTextarea.button {
- border-radius: 15px 15px 0 0;
+#colorPickerForm > .rgba > li,
+#colorPickerForm > .hex > li {
+ text-align: right;
}
-.dropdown.preInput .dropdownCaptionTextarea~ .dropdownMenu {
- top: 10%;
+#colorPickerForm > .rgba > li input,
+#colorPickerForm > .hex > li input {
+ margin-left: 7px;
+ width: 80px;
}
-.dropdown.preInput .dropdownCaptionTextarea span {
- white-space: nowrap;
+.comment,
+.commentResponse {
+ position: relative;
}
-.dropdown.preInput .dropdownCaptionTextarea span.active:after {
- content: "\f0d7";
- font-family: FontAwesome;
- font-size: 14px;
- margin-left: 7px;
+.commentList .buttonGroupNavigation {
+ position: absolute;
+ top: 4px;
+ right: 14px;
+}
+.commentList .buttonGroupNavigation > ul > li {
+ float: left;
+ opacity: 0;
+ -webkit-transition-property: opacity;
+ transition-property: opacity;
+ -webkit-transition-duration: .1s;
+ transition-duration: .1s;
+ -webkit-transition-timing-function: linear;
+ transition-timing-function: linear;
+}
+.commentList .buttonGroupNavigation > ul > li > a {
+ padding: 4px;
+}
+.commentResponseList .buttonGroupNavigation {
+ top: 7px;
+ right: 7px;
+}
+.commentContent:hover > .buttonGroupNavigation > ul > li {
+ opacity: 1;
+}
+.commentList input[type='text'] + small {
+ color: #808080;
+ opacity: 0;
+ -webkit-transition-property: opacity;
+ transition-property: opacity;
+ -webkit-transition-duration: .1s;
+ transition-duration: .1s;
+ -webkit-transition-timing-function: linear;
+ transition-timing-function: linear;
+}
+.commentList input[type='text']:focus + small {
+ opacity: 1;
+}
+.commentResponse {
+ border-top: 1px solid #cccccc;
+ padding: 7px;
+}
+.commentResponseAdd {
+ border-top: 1px solid #cccccc;
+ margin-top: 14px;
+ padding: 7px 7px 0;
+}
+.commentResponseList .commentResponse:first-child {
+ margin-top: 14px;
+}
+.commentResponseAdd + .commentResponseList .commentResponse:first-child {
+ margin-top: 7px;
+}
+.commentList > li:nth-child(2n) .commentResponseList .commentResponse:nth-child(2n+1) {
+ background-color: #fcfdfe;
+ -webkit-transition-property: background-color;
+ transition-property: background-color;
+ -webkit-transition-duration: .1s;
+ transition-duration: .1s;
+ -webkit-transition-timing-function: linear;
+ transition-timing-function: linear;
+}
+.commentList > li:nth-child(2n+1) .commentResponseList .commentResponse:nth-child(2n+1) {
+ background-color: #f1f5fa;
+ -webkit-transition-property: background-color;
+ transition-property: background-color;
+ -webkit-transition-duration: .1s;
+ transition-duration: .1s;
+ -webkit-transition-timing-function: linear;
+ transition-timing-function: linear;
+}
+.commentResponseList > li:hover {
+ background-color: #d8e7f5 !important;
+}
+.commentList > li:not(.commentAdd):hover {
+ background-color: #fcfdfe;
+}
+.commentList > li:not(.commentAdd):hover:nth-child(2n) {
+ background-color: #f1f5fa;
+}
+.commentList > .commentLoadNext,
+.comment .responseLoadNext {
+ text-align: center;
+}
+.commentList > .commentLoadNext > button,
+.comment .responseLoadNext > button {
+ padding-left: 30px;
+ padding-right: 30px;
+}
+.comment .responseLoadNext {
+ padding-top: 14px;
+}
+.commentList .userMessage {
+ margin-top: 0;
+}
+.commentList .likesBadge {
+ display: inline-block;
+ margin: -2px 0 -2px 4px;
}
-.dropdown .dropdownMenu {
+.ui-datepicker {
background-color: #ffffff;
border: 1px solid #cccccc;
color: #666666;
- display: none;
- float: left;
- left: 0;
- min-width: 160px;
- padding: 4px 0;
- position: absolute;
- text-align: left;
- z-index: 350;
- -webkit-box-shadow: 2px 2px 10px 0 rgba(0,0,0,0.2);
- -moz-box-shadow: 2px 2px 10px 0 rgba(0,0,0,0.2);
- -ms-box-shadow: 2px 2px 10px 0 rgba(0,0,0,0.2);
- -o-box-shadow: 2px 2px 10px 0 rgba(0,0,0,0.2);
+ margin-top: 7px;
+ z-index: 350 !important;
box-shadow: 2px 2px 10px 0 rgba(0,0,0,0.2);
}
-.dropdown .dropdownMenu:after {
+.ui-datepicker:after {
border: 7px solid transparent;
border-bottom-color: #cccccc;
border-top-width: 0;
top: -7px;
z-index: 100;
}
-.dropdown .dropdownMenu:before {
+.ui-datepicker:before {
border: 6px solid transparent;
border-bottom-color: #ffffff;
border-top-width: 0;
top: -6px;
z-index: 101;
}
-.dropdown .dropdownMenu.dropdownArrowRight:after {
- left: auto;
- right: 9px;
-}
-.dropdown .dropdownMenu.dropdownArrowRight:before {
- left: auto;
- right: 10px;
+.ui-datepicker a:hover {
+ text-decoration: none;
}
-.dropdown .dropdownMenu li {
- display: block;
+.ui-datepicker > .ui-datepicker-header {
+ padding: 4px;
+ text-align: center;
}
-.dropdown .dropdownMenu li:hover:not(.dropdownDivider):not(.dropdownList):not(.dropdownText),
-.dropdown .dropdownMenu li.dropdownList > li:hover:not(.dropdownDivider),
-.dropdown .dropdownMenu li.dropdownNavigationItem {
- background-color: #d8e7f5;
+.ui-datepicker > .ui-datepicker-header > .ui-datepicker-prev,
+.ui-datepicker > .ui-datepicker-header > .ui-datepicker-next {
+ display: inline-block;
+ margin: 2px 2px 0 2px;
}
-.dropdown .dropdownMenu li.dropdownDivider {
- border-top: 1px dotted #cccccc;
- margin: 4px;
+.ui-datepicker > .ui-datepicker-header > .ui-datepicker-prev > span,
+.ui-datepicker > .ui-datepicker-header > .ui-datepicker-next > span {
+ display: none;
}
-.dropdown .dropdownMenu li.dropdownText {
- font-size: 85%;
- padding: 4px 14px;
+.ui-datepicker > .ui-datepicker-header > .ui-datepicker-prev {
+ float: left;
}
-.dropdown .dropdownMenu li.boxFlag {
- padding-top: 2px;
+.ui-datepicker > .ui-datepicker-header > .ui-datepicker-prev:before {
+ content: "\f060";
+ font-family: FontAwesome;
+ font-size: 14px;
}
-.dropdown .dropdownMenu li > a,
-.dropdown .dropdownMenu li > span {
- clear: both;
- color: #666666;
- cursor: pointer;
- display: block;
- padding: 4px 14px;
- text-decoration: none;
- white-space: nowrap;
- text-shadow: 0 1px 0 rgba(255,255,255,0.8);
+.ui-datepicker > .ui-datepicker-header > .ui-datepicker-next {
+ float: right;
}
-.dropdown .dropdownMenu li > a:hover,
-.dropdown .dropdownMenu li > span:hover {
- color: #666666;
- text-shadow: 0 1px 0 rgba(255,255,255,0.8);
+.ui-datepicker > .ui-datepicker-header > .ui-datepicker-next:before {
+ content: "\f061";
+ font-family: FontAwesome;
+ font-size: 14px;
}
-.dropdown .dropdownMenu li > label {
- display: block;
+.ui-datepicker > table {
+ border-collapse: collapse;
+ border-spacing: 0;
+ width: 100%;
}
-.dropdown .dropdownMenu li .containerHeadline {
- margin-bottom: 0;
+.ui-datepicker > table > thead {
+ background-color: #336699;
}
-.dropdown .dropdownMenu li .containerHeadline > p {
+.ui-datepicker > table > thead > tr > th {
+ color: #ffffff;
font-size: 85%;
+ padding: 5px 0;
+ text-transform: uppercase;
+ text-shadow: 0 1px 0 rgba(255,255,255,0.8);
+ text-shadow: 0 -1px 0 rgba(0,0,0,0.8);
}
-.dropdown.dropdownOpen .dropdownMenu {
- display: block;
+.ui-datepicker > table > tbody > tr {
+ border-bottom: 1px solid #cccccc;
}
-.dropdown .dropdownToggle {
- cursor: pointer;
+.ui-datepicker > table > tbody > tr:last-child {
+ border-bottom: 0;
}
-.boxFlag > .box24,
-.boxFlag.box24 {
- min-height: 20px;
+.ui-datepicker > table > tbody > tr > td {
+ border-right: 1px solid #cccccc;
}
-fieldset {
- padding-top: 14px;
+.ui-datepicker > table > tbody > tr > td:last-child {
+ border-right: 0;
}
-fieldset > legend {
- border-bottom: 1px solid #cccccc;
- color: #808080;
- font-family: "Trebuchet MS", Arial, sans-serif;
- font-size: 140%;
+.ui-datepicker > table > tbody > tr > td > span,
+.ui-datepicker > table > tbody > tr > td > a {
+ display: inline-block;
+ color: #666666;
font-weight: bold;
- width: 100%;
- padding-bottom: 4px;
+ height: 30px;
+ line-height: 30px;
+ text-align: center;
+ width: 30px;
text-shadow: 0 1px 0 rgba(255,255,255,0.8);
}
-fieldset > legend + small {
- top: -7px;
- position: relative;
-}
-fieldset > dl:not(:first-of-type) {
- margin-top: 11px;
+.ui-datepicker .ui-datepicker-calendar .ui-state-default {
+ background-color: #f1f5fa;
}
-fieldset:not(:first-of-type) {
- margin-top: 14px;
+.ui-datepicker .ui-datepicker-unselectable .ui-state-default {
+ background-color: #fcfdfe;
+ color: #808080;
}
-dl:not(.plain) {
- position: relative;
- *zoom: 1;
+.ui-datepicker .ui-datepicker-calendar .ui-state-hover {
+ background-color: #d8e7f5;
}
-dl:not(.plain):before,
-dl:not(.plain):after {
- display: table;
- content: "";
+.ui-datepicker .ui-datepicker-calendar .ui-state-active {
+ background-color: #d8e7f5;
}
-dl:not(.plain):after {
- clear: both;
+.ui-datepicker .ui-timepicker-div {
+ border-top: 1px solid #cccccc;
}
-dl:not(.plain) > dd:not(:first-of-type),
-dl:not(.plain) > dt:not(:first-of-type) {
- margin-top: 11px;
+.ui-datepicker .ui-timepicker-div > dl > dt {
+ margin-top: 4px !important;
+ width: 100px;
}
-dl:not(.plain) > dt {
- color: #336699;
- float: left;
- text-align: right;
- width: 230px;
+.ui-datepicker .ui-timepicker-div > dl > dd {
+ margin-left: 120px;
+ margin-top: 4px !important;
}
-dl:not(.plain) > dt > label {
- display: block;
+.dialogContainer {
+ background: rgba(0,0,0,0.4);
+ border: 14px solid transparent;
+ margin-left: auto;
+ margin-right: auto;
+ max-width: 90%;
+ min-width: 500px;
+ position: fixed;
+ border-radius: 15px 15px 15px 15px;
+ box-shadow: 0 1px 23px 0 rgba(0,0,0,0.3);
}
-dl:not(.plain) > dt.reversed {
- left: 270px;
- margin-top: 2px;
- position: absolute;
- text-align: left;
- width: auto;
-}
-dl:not(.plain) > dt.reversed ~ dd > input[type='checkbox'],
-dl:not(.plain) > dt.reversed ~ dd > input[type='radio'] {
- margin-left: 0;
-}
-dl:not(.plain) > dd {
- margin-left: 250px;
+@media only screen and (max-width: 800px) {
+ .dialogContainer {
+ border: 0;
+ left: 0 !important;
+ max-width: none;
+ min-width: 0;
+ position: absolute;
+ top: 0 !important;
+ width: 100%;
+ border-radius: 0 0 0 0;
+ }
}
-dl:not(.plain) > dd > small:not(.innerError) {
- color: #808080;
+.dialogTitlebar {
+ background-color: #336699;
+ border-bottom: 1px solid rgba(0,0,0,0.1);
display: block;
- margin-top: 3px;
+ padding: 10px 20px;
+ min-height: 27px;
+ position: relative;
+ border-radius: 7px 7px 0 0;
}
-dl:not(.plain) > dd > label {
- color: #336699;
+.dialogTitlebar .dialogTitle {
+ color: #ffffff;
display: block;
+ font-size: 170%;
+ font-weight: bold;
+ text-shadow: 0 1px 0 rgba(255,255,255,0.8);
+ text-shadow: 0 -1px 0 rgba(0,0,0,0.8);
}
-dl:not(.plain) > dd > label > input[type='checkbox'],
-dl:not(.plain) > dd > label > input[type='radio'] {
- margin: 2px 2px 2px 0;
+.dialogTitlebar .dialogCloseButton {
+ color: #ffffff;
+ cursor: pointer;
+ display: inline-block;
+ font-family: FontAwesome;
+ font-size: 28px;
+ height: 32px;
+ position: absolute;
+ right: 10px;
+ text-align: center;
+ text-decoration: none;
+ top: 7px;
+ width: 32px;
+ text-shadow: 0 1px 0 rgba(255,255,255,0.8);
+ text-shadow: 0 -1px 0 rgba(0,0,0,0.8);
}
-dl:not(.plain) > dd > input[type='checkbox'] ~ small,
-dl:not(.plain) > dd > input[type='radio'] ~ small {
- margin-left: 21px;
- margin-top: 2px;
+.dialogTitlebar .dialogCloseButton:before {
+ content: "\f057";
}
-dl:not(.plain) > dd:not(.floated) > label ~ small {
- margin-left: 21px;
+.dialogTitlebar .dialogCloseButton span {
+ display: none;
}
-dl:not(.plain) > dd.floated > label {
- display: inline-block;
- margin-right: 7px;
+@media only screen and (max-width: 800px) {
+ .dialogTitlebar {
+ border-radius: 0 0 0 0;
+ }
}
-dl:not(.plain) > dd > input + label,
-dl:not(.plain) > dd textarea + label,
-dl:not(.plain) > dd select + label {
- margin-top: 2px;
+.dialogContent {
+ background-color: #fcfdfe;
+ color: #666666;
+ padding: 10px 20px 20px;
}
-dl:not(.plain).wide > dt {
- display: none;
+.dialogContent:not(.dialogForm) {
+ border-radius: 0 0 7px 7px;
}
-dl:not(.plain).wide > dd {
- margin-left: 0;
+.dialogContent > .icon-spinner {
+ left: 50%;
+ margin: -21px -21px 0 0;
+ padding: 0 21px 0 21px;
+ position: absolute;
+ top: 50%;
}
-dl:not(.plain).disabled > dt,
-dl:not(.plain).disabled > dd > label {
- color: #808080;
+.dialogContent dl:not(.plain) > dt {
+ width: 170px;
+}
+.dialogContent dl:not(.plain) > dd {
+ margin-left: 190px;
+}
+.dialogContent .formSubmit {
+ background-color: #f1f5fa;
+ border-top: 1px solid #cccccc;
+ bottom: 0;
+ left: 0;
+ padding: 10px 0;
+ position: absolute;
+ width: 100%;
+ border-radius: 0 0 7px 7px;
}
@media only screen and (max-width: 800px) {
- dl:not(.plain) > dt {
- float: none;
- margin-bottom: 4px;
- text-align: left;
- width: auto !important;
- }
- dl:not(.plain) > dt.reversed {
- left: 20px;
+ .dialogContent {
+ max-height: none !important;
+ max-width: none !important;
}
- dl:not(.plain) > dd {
- margin-left: 0 !important;
+ .dialogContent:not(.dialogForm) {
+ border-radius: 0 0 0 0;
}
- fieldset > dl:not(:first-of-type) {
- margin-top: 14px;
+ .dialogContent .formSubmit {
+ border-radius: 0 0 0 0;
}
}
-.sidebar dl:not(.plain):not(:last-child) {
- margin-bottom: 14px;
-}
-.sidebar dl:not(.plain) > dt {
- text-align: left;
- float: none;
- width: auto;
- text-shadow: 0 1px 0 rgba(255,255,255,0.8);
+.dialogOverlay {
+ background-color: rgba(0,0,0,0.5);
+ bottom: 0;
+ left: 0;
+ position: fixed;
+ right: 0;
+ top: 0;
}
-.sidebar dl:not(.plain) > dd {
- margin-top: 2px;
- margin-left: 0;
+#packageInstallationDialogContainer > .boxHeadline {
+ margin-top: 0;
}
-.formSubmit {
- margin-top: 14px;
+.spinner {
+ border: 1px solid rgba(0,0,0,0.3);
+ color: #fff;
+ left: 46%;
+ padding: 7px 0;
+ position: fixed;
+ right: 46%;
text-align: center;
+ top: 200px;
+ width: 70px;
+ z-index: 401;
+ border-radius: 6px 6px 6px 6px;
+ box-shadow: 0 1px 7px 0 rgba(0,0,0,0.5);
+ background-color: rgba(0,0,0,0.5);
+ background-image: -webkit-linear-gradient(rgba(0,0,0,0),rgba(0,0,0,0.7));
+ background-image: -moz-linear-gradient(rgba(0,0,0,0),rgba(0,0,0,0.7));
+ background-image: -ms-linear-gradient(rgba(0,0,0,0),rgba(0,0,0,0.7));
+ background-image: linear-gradient(rgba(0,0,0,0),rgba(0,0,0,0.7));
}
-button,
-input[type='reset'],
-input[type='submit'],
-input[type='button'],
-input[type='checkbox'],
-input[type='radio'],
-select:not([multiple]) {
- cursor: pointer;
+.spinner > .icon {
+ color: #fff;
}
-input[type='text'],
-input[type='search'],
-input[type='date'],
-input[type='email'],
-input[type='number'],
-input[type='url'],
-input[type='password'],
-textarea,
-select[multiple] {
- box-sizing: border-box;
- -moz-box-sizing: border-box;
- -webkit-box-sizing: border-box;
- padding: 4px 3px;
- margin: 0;
+.spinner > span:not(.icon) {
+ display: block;
+ margin-top: 7px;
}
-select {
- margin: 0;
- min-width: 1px;
- padding: 3px;
+.systemConfirmation p {
+ padding-top: 7px;
}
-input[type='number'] {
- text-align: right;
+#systemNotification {
+ left: 0;
+ position: fixed;
+ top: 0;
+ width: 100%;
+ z-index: 460;
}
-input[type='text'],
-input[type='search'],
-input[type='date'],
-input[type='datetime'],
-input[type='email'],
-input[type='number'],
-input[type='url'],
-input[type='password'],
-textarea,
-select[multiple] {
- background-color: #ffffff;
- border-color: #cccccc;
- border-style: solid;
- border-width: 1px;
- color: #666666;
+#systemNotification > p {
+ border-top-left-radius: 0;
+ border-top-right-radius: 0;
+ border-top-width: 0;
+ display: table;
+ margin: 0 auto;
+ max-width: 80%;
}
-input[type='text']:hover,
-input[type='search']:hover,
-input[type='date']:hover,
-input[type='datetime']:hover,
-input[type='email']:hover,
-input[type='number']:hover,
-input[type='url']:hover,
-input[type='password']:hover,
-textarea:hover,
-select[multiple]:hover {
- background-color: #fff9f4;
- border-color: #ffaa22;
+.dropdown .dropdownToggle:active,
+.dropdown.dropdownOpen .dropdownToggle {
+ outline: 0;
}
-input[type='text']:active,
-input[type='search']:active,
-input[type='date']:active,
-input[type='datetime']:active,
-input[type='email']:active,
-input[type='number']:active,
-input[type='url']:active,
-input[type='password']:active,
-textarea:active,
-select[multiple]:active,
-input[type='text']:focus,
-input[type='search']:focus,
-input[type='date']:focus,
-input[type='datetime']:focus,
-input[type='email']:focus,
-input[type='number']:focus
-input[type='url']:focus,
-input[type='password']:focus,
-textarea:focus,
-select[multiple]:focus {
- background-color: #fff9f4;
- border-color: #ffaa22;
- outline: 0;
+.dropdown.preInput {
+ display: table;
+ width: 100%;
}
-input[type='text'][readonly],
-input[type='search'][readonly],
-input[type='email'][readonly],
-input[type='number'][readonly],
-input[type='date'][readonly],
-input[type='datetime'][readonly],
-input[type='url'][readonly],
-input[type='password'][readonly],
-textarea[readonly],
-select[multiple][readonly] {
- background-color: #f2f2f2;
- border-color: #cccccc;
+.dropdown.preInput input,
+.dropdown.preInput textarea {
+ min-width: 300px;
}
-input[type='text'][disabled],
-input[type='search'][disabled],
-input[type='date'][disabled],
-input[type='datetime'][disabled],
-input[type='email'][disabled],
-input[type='number'][disabled],
-input[type='url'][disabled],
-input[type='password'][disabled],
-textarea[disabled],
-select[multiple][disabled] {
- background-color: #f2f2f2;
- border-color: #cccccc;
- color: #808080;
- cursor: not-allowed;
+.dropdown.preInput input {
+ display: table-cell;
+ margin: 0;
+ width: 99%;
}
-.formSuccess input[type='text'],
-.formSuccess input[type='search'],
-.formSuccess input[type='email'],
-.formSuccess input[type='number'],
-.formSuccess input[type='url'],
-.formSuccess input[type='password'],
-.formSuccess textarea {
- background-color: #74a446;
- border-color: #4d7730;
+.dropdown.preInput textarea {
+ display: block;
+ margin-top: 0;
}
-.formError input[type='text'],
-.formError input[type='search'],
-.formError input[type='email'],
-.formError input[type='number'],
-.formError input[type='url'],
-.formError input[type='password'],
-.formError textarea {
- background-color: #c95145;
- border-color: #913d37;
+.dropdown.preInput .dropdownCaption {
+ cursor: pointer;
+ display: table-cell;
+ letter-spacing: -1px;
+ padding: 0 7px 0 4px;
+ vertical-align: middle;
+ width: 1%;
}
-textarea {
- width: 99%;
+.dropdown.preInput .dropdownCaption.button {
+ border-right-width: 0;
+ border-radius: 15px 0 0 15px;
}
-.tiny {
- width: 80px;
+.dropdown.preInput .dropdownCaption span {
+ margin-right: -1px;
+ padding-left: 4px;
+ white-space: nowrap;
}
-.short {
- min-width: 80px;
- width: 10%;
+.dropdown.preInput .dropdownCaption span.active:after {
+ content: "\f0d7";
+ font-family: FontAwesome;
+ font-size: 14px;
+ margin-left: 7px;
}
-.medium {
- min-width: 150px;
- width: 30%;
+.dropdown.preInput .dropdownCaptionTextarea {
+ cursor: pointer;
+ margin: 0 0 -1px 0;
+ padding-left: 7px;
+ padding-right: 7px;
}
-.long {
- min-width: 150px;
- width: 100%;
+.dropdown.preInput .dropdownCaptionTextarea.button {
+ border-radius: 15px 15px 0 0;
}
-@media only screen and (max-width: 800px) {
- textarea {
- max-height: 160px;
- }
- .medium {
- width: 100%;
- }
+.dropdown.preInput .dropdownCaptionTextarea~ .dropdownMenu {
+ top: 10%;
}
-.uploadButton {
- cursor: pointer;
- display: inline-block;
- overflow: hidden;
- position: relative;
+.dropdown.preInput .dropdownCaptionTextarea span {
+ white-space: nowrap;
}
-.uploadButton input {
+.dropdown.preInput .dropdownCaptionTextarea span.active:after {
+ content: "\f0d7";
+ font-family: FontAwesome;
+ font-size: 14px;
+ margin-left: 7px;
+}
+.dropdown.dropdownOpen .dropdownMenu {
+ display: block;
+}
+.dropdown .dropdownToggle {
cursor: pointer;
- right: 0;
- opacity: 0;
+}
+.dropdownMenu {
+ background-color: #ffffff;
+ border: 1px solid #cccccc;
+ color: #666666;
+ display: none;
+ float: left;
+ min-width: 160px;
padding: 4px 0;
position: absolute;
- top: 0;
+ text-align: left;
+ z-index: 450;
+ box-shadow: 2px 2px 10px 0 rgba(0,0,0,0.2);
+}
+.dropdownMenu:after {
+ border: 7px solid transparent;
+ border-bottom-color: #cccccc;
+ border-top-width: 0;
+ content: "";
+ display: inline-block;
+ left: 9px;
position: absolute;
+ top: -7px;
+ z-index: 100;
}
-.uploadButton,
-.uploadFallbackButton {
- margin-top: 7px;
+.dropdownMenu:before {
+ border: 6px solid transparent;
+ border-bottom-color: #ffffff;
+ border-top-width: 0;
+ content: "";
+ display: inline-block;
+ left: 10px;
+ position: absolute;
+ top: -6px;
+ z-index: 101;
}
-.structuredList {
- background-color: #fcfdfe;
+.dropdownMenu.dropdownArrowRight:after {
+ left: auto;
+ right: 9px;
}
-.structuredList li {
- padding: 4px 7px;
- text-align: right;
+.dropdownMenu.dropdownArrowRight:before {
+ left: auto;
+ right: 10px;
}
-.structuredList li:hover {
- background-color: #ffe5c8;
+.dropdownMenu.dropdownOpen {
+ display: block;
}
-.structuredList li:first-child {
- border-radius: 6px 6px 0 0;
+.dropdownMenu li {
+ display: block;
}
-.structuredList li:last-child {
- border-radius: 0 0 6px 6px;
+.dropdownMenu li:hover:not(.dropdownDivider):not(.dropdownList):not(.dropdownText),
+.dropdownMenu li.dropdownList > li:hover:not(.dropdownDivider),
+.dropdownMenu li.dropdownNavigationItem {
+ background-color: #d8e7f5;
}
-.structuredList li.category {
- background-color: #e4eef8;
+.dropdownMenu li.dropdownDivider {
+ border-top: 1px dotted #cccccc;
+ margin: 4px;
}
-.structuredList li.category:hover {
- background-color: #ffe5c8;
+.dropdownMenu li.dropdownText {
+ font-size: 85%;
+ padding: 4px 14px;
}
-.structuredList li span {
- float: left;
+.dropdownMenu li.boxFlag {
+ padding-top: 2px;
}
-.structuredList li label {
+.dropdownMenu li > a,
+.dropdownMenu li > span {
+ clear: both;
+ color: #666666;
cursor: pointer;
- margin: 0 7px;
- padding: 0 21px;
+ display: block;
+ max-width: 350px;
+ overflow: hidden;
+ padding: 4px 14px;
+ text-decoration: none;
+ text-overflow: ellipsis;
+ white-space: nowrap;
+ text-shadow: 0 1px 0 rgba(255,255,255,0.8);
}
-.editableItemList ul li {
- cursor: pointer;
- margin-left: 4px;
+.dropdownMenu li > a:hover,
+.dropdownMenu li > span:hover {
+ color: #666666;
+ text-shadow: 0 1px 0 rgba(255,255,255,0.8);
}
-.editableItemList ul li:first-child {
- margin-left: 0;
+.dropdownMenu li > a > div > h3,
+.dropdownMenu li > span > div > h3 {
+ overflow: hidden;
+ text-overflow: ellipsis;
}
-select > option {
- display: block !important;
+.dropdownMenu li > label {
+ display: block;
}
-body {
- background-color: #1f4060;
- color: #666666;
- font-family: "Trebuchet MS", Arial, sans-serif;
- font-size: 13px;
- line-height: 1.28;
+.dropdownMenu li .containerHeadline {
+ margin-bottom: 0;
}
-small {
+.dropdownMenu li .containerHeadline > p {
font-size: 85%;
}
-img {
- vertical-align: middle;
-}
-img.disabled {
- opacity: .3;
+.dropdownMenu li.notificationItem > a {
+ white-space: normal;
}
-a {
- color: #336699;
- cursor: pointer;
- text-decoration: none;
+.boxFlag > .box24,
+.boxFlag.box24 {
+ min-height: 20px;
}
-a:hover {
- color: #003366;
- text-decoration: underline;
+@media only screen and (max-width: 800px) {
+ .dropdownMenu {
+ left: 0 !important;
+ right: 0 !important;
+ }
+ .dropdownMenu li {
+ overflow: hidden;
+ }
+ .dropdownMenu li > a,
+ .dropdownMenu li > span {
+ max-width: none;
+ white-space: normal;
+ }
}
-a.externalURL:after {
- content: "\f08e";
- display: inline-block;
- font-family: FontAwesome !important;
- font-size: 14px !important;
- font-weight: normal !important;
- font-style: normal !important;
- margin-left: 4px;
- vertical-align: -1px;
+fieldset {
+ padding-top: 14px;
}
-.footerContent,
-.logo {
- color: #ffffff;
+fieldset > legend {
+ border-bottom: 1px solid #cccccc;
+ color: #808080;
+ font-family: "Trebuchet MS", Arial, sans-serif;
+ font-size: 140%;
+ font-weight: bold;
+ width: 100%;
+ padding-bottom: 4px;
+ text-shadow: 0 1px 0 rgba(255,255,255,0.8);
}
-.footerContent a,
-.logo a {
- color: #407fbf;
+fieldset > legend + small {
+ top: -7px;
+ position: relative;
}
-.footerContent a:hover,
-.logo a:hover {
- color: #ffffff;
+fieldset > dl:not(:first-of-type) {
+ margin-top: 11px;
}
-.nativeList {
- margin: 1em 0;
- margin-left: 40px;
+fieldset:not(:first-of-type) {
+ margin-top: 14px;
}
-.nativeList ul,
-.nativeList ol {
- margin-bottom: 0;
- margin-top: 0;
+dl:not(.plain) {
+ position: relative;
}
-ul.nativeList {
- list-style-type: disc;
+dl:not(.plain):before,
+dl:not(.plain):after {
+ display: table;
+ content: "";
}
-ol.nativeList {
- list-style-type: decimal;
+dl:not(.plain):after {
+ clear: both;
}
-.htmlContent p {
- margin: 1em 0;
+dl:not(.plain) > dd:not(:first-of-type),
+dl:not(.plain) > dt:not(:first-of-type) {
+ margin-top: 11px;
}
-.htmlContent h1 {
- font-size: 140%;
+dl:not(.plain) > dt {
+ color: #336699;
+ float: left;
+ text-align: right;
+ width: 230px;
}
-.htmlContent h2 {
- font-size: 120%;
+dl:not(.plain) > dt > label {
+ display: block;
}
-.htmlContent h1,
-.htmlContent h2,
-.htmlContent h3,
-.htmlContent h4,
-.htmlContent h5,
-.htmlContent h6 {
- font-weight: bold;
- margin: 0.5em 0;
+dl:not(.plain) > dt.reversed {
+ left: 270px;
+ margin-top: 2px;
+ position: absolute;
+ text-align: left;
+ width: auto;
}
-.htmlContent ul,
-.htmlContent ol {
- margin: 1em 0;
- margin-left: 40px;
+dl:not(.plain) > dt.reversed ~ dd > input[type='checkbox'],
+dl:not(.plain) > dt.reversed ~ dd > input[type='radio'] {
+ margin-left: 0;
}
-.htmlContent ul ul,
-.htmlContent ul ol,
-.htmlContent ol ul,
-.htmlContent ol ol {
- margin-bottom: 0;
- margin-top: 0;
+dl:not(.plain) > dd {
+ margin-left: 250px;
}
-.htmlContent ul {
- list-style-type: disc;
+dl:not(.plain) > dd > small:not(.innerError) {
+ color: #808080;
+ display: block;
+ margin-top: 3px;
}
-.htmlContent ol {
- list-style-type: decimal;
+dl:not(.plain) > dd > label {
+ color: #336699;
+ display: block;
}
-body > iframe[src="about:blank"] {
- display: none;
+dl:not(.plain) > dd > label > input[type='checkbox'],
+dl:not(.plain) > dd > label > input[type='radio'] {
+ margin: 2px 2px 2px 0;
}
-::selection {
- text-shadow: 0 1px 0 rgba(255,255,255,0.5) !important;
- color: #300;
- background-color: rgba(255,170,34,0.7);
+dl:not(.plain) > dd > input[type='checkbox'] ~ small,
+dl:not(.plain) > dd > input[type='radio'] ~ small {
+ margin-left: 21px;
+ margin-top: 2px;
}
-.invisible {
- display: none;
+dl:not(.plain) > dd:not(.floated) > label ~ small {
+ margin-left: 21px;
}
-.marginTop {
- margin-top: 14px;
+dl:not(.plain) > dd.floated > label {
+ display: inline-block;
+ margin-right: 7px;
}
-.pointer {
- cursor: pointer;
+dl:not(.plain) > dd > input + label,
+dl:not(.plain) > dd textarea + label,
+dl:not(.plain) > dd select + label {
+ margin-top: 2px;
}
-.dimmed {
+dl:not(.plain).wide > dt {
+ display: none;
+}
+dl:not(.plain).wide > dd {
+ margin-left: 0;
+}
+dl:not(.plain).disabled > dt,
+dl:not(.plain).disabled > dd > label {
color: #808080;
}
-.iconFlag {
- height: 15px;
- width: 24px;
+@media only screen and (max-width: 800px) {
+ dl:not(.plain) > dt {
+ float: none;
+ margin-bottom: 4px;
+ text-align: left;
+ width: auto !important;
+ }
+ dl:not(.plain) > dt.reversed {
+ left: 20px;
+ }
+ dl:not(.plain) > dd {
+ margin-left: 0 !important;
+ }
+ fieldset > dl:not(:first-of-type) {
+ margin-top: 14px;
+ }
}
-.framed > img {
- background-color: #ffffff;
- border: 1px solid #cccccc;
- padding: 1px;
+.sidebar dl:not(.plain):not(:last-child) {
+ margin-bottom: 14px;
}
-.highlight {
- background-color: #ffff66;
+.sidebar dl:not(.plain) > dt {
+ text-align: left;
+ float: none;
+ width: auto;
+ text-shadow: 0 1px 0 rgba(255,255,255,0.8);
}
-.grayscale {
- filter: url(../images/grayscale-filter.svg#grayscale);
- filter: gray;
- -webkit-filter: grayscale(1);
+.sidebar dl:not(.plain) > dd {
+ margin-top: 2px;
+ margin-left: 0;
}
-.balloonTooltip {
- background-color: rgba(0,0,0,0.8);
- color: #ffffff;
- font-size: .85em;
- max-width: 300px;
- padding: 5px 10px 7px;
- position: absolute;
- z-index: 800;
- border-radius: 6px 6px 6px 6px;
- -webkit-box-shadow: 0 3px 7px 0 rgba(0,0,0,0.3);
- -moz-box-shadow: 0 3px 7px 0 rgba(0,0,0,0.3);
- -ms-box-shadow: 0 3px 7px 0 rgba(0,0,0,0.3);
- -o-box-shadow: 0 3px 7px 0 rgba(0,0,0,0.3);
- box-shadow: 0 3px 7px 0 rgba(0,0,0,0.3);
+.formSubmit {
+ margin-top: 14px;
+ text-align: center;
}
-.balloonTooltip .pointer {
- border-color: rgba(0,0,0,0.8) transparent;
- border-style: solid;
- border-width: 0 5px 5px;
- left: 50%;
- position: absolute;
- top: -5px;
+button,
+input[type='reset'],
+input[type='submit'],
+input[type='button'],
+input[type='checkbox'],
+input[type='radio'],
+select:not([multiple]) {
+ cursor: pointer;
}
-.balloonTooltip.inverse .pointer {
- border-width: 5px 5px 0;
+input[type='text'],
+input[type='search'],
+input[type='date'],
+input[type='email'],
+input[type='number'],
+input[type='url'],
+input[type='password'],
+textarea,
+select[multiple] {
+ box-sizing: border-box;
+ -moz-box-sizing: border-box;
+ -webkit-box-sizing: border-box;
+ font-family: "Trebuchet MS", Arial, sans-serif;
+ padding: 4px 3px;
+ margin: 0;
}
-.popover {
- background-color: rgba(0,0,0,0.4);
- padding: 7px;
- position: absolute;
- vertical-align: middle;
- width: 400px !important;
- z-index: 500;
- border-radius: 6px 6px 6px 6px;
- -webkit-box-shadow: 0 1px 7px 0 rgba(0,0,0,0.3);
- -moz-box-shadow: 0 1px 7px 0 rgba(0,0,0,0.3);
- -ms-box-shadow: 0 1px 7px 0 rgba(0,0,0,0.3);
- -o-box-shadow: 0 1px 7px 0 rgba(0,0,0,0.3);
- box-shadow: 0 1px 7px 0 rgba(0,0,0,0.3);
+select {
+ margin: 0;
+ min-width: 1px;
+ padding: 3px;
}
-.popover > .icon-spinner {
- color: white;
- left: 50%;
- margin-left: -21px;
- margin-top: -21px;
- position: absolute;
- top: 50%;
- text-shadow: 0 -1px 0 rgba(0,0,0,0.8);
+input[type='number'] {
+ text-align: right;
}
-.popover > .popoverContent {
- background-color: #fcfdfe;
+input[type='text'],
+input[type='search'],
+input[type='date'],
+input[type='datetime'],
+input[type='email'],
+input[type='number'],
+input[type='url'],
+input[type='password'],
+textarea,
+select[multiple] {
+ background-color: #ffffff;
+ border-color: #cccccc;
+ border-style: solid;
+ border-width: 1px;
color: #666666;
- max-height: 300px;
- min-height: 32px;
- opacity: 0;
- overflow: hidden;
- padding: 7px 14px;
- border-radius: 6px 6px 6px 6px;
}
-.popover:after {
- border: 10px solid transparent;
- content: "";
- display: inline-block;
- position: absolute;
- z-index: 100;
+input[type='text']::-webkit-input-placeholder,
+input[type='search']::-webkit-input-placeholder,
+input[type='date']::-webkit-input-placeholder,
+input[type='datetime']::-webkit-input-placeholder,
+input[type='email']::-webkit-input-placeholder,
+input[type='number']::-webkit-input-placeholder,
+input[type='url']::-webkit-input-placeholder,
+input[type='password']::-webkit-input-placeholder,
+textarea::-webkit-input-placeholder,
+select[multiple]::-webkit-input-placeholder {
+ color: #999999;
}
-.popover.top:after {
- border-bottom-width: 0;
- border-top-color: rgba(0,0,0,0.3);
- bottom: -10px;
+input[type='text']::-moz-placeholder,
+input[type='search']::-moz-placeholder,
+input[type='date']::-moz-placeholder,
+input[type='datetime']::-moz-placeholder,
+input[type='email']::-moz-placeholder,
+input[type='number']::-moz-placeholder,
+input[type='url']::-moz-placeholder,
+input[type='password']::-moz-placeholder,
+textarea::-moz-placeholder,
+select[multiple]::-moz-placeholder {
+ color: #999999;
}
-.popover.bottom:after {
- border-bottom-color: rgba(0,0,0,0.3);
- border-top-width: 0;
- top: -10px;
+input[type='text']:-ms-input-placeholder,
+input[type='search']:-ms-input-placeholder,
+input[type='date']:-ms-input-placeholder,
+input[type='datetime']:-ms-input-placeholder,
+input[type='email']:-ms-input-placeholder,
+input[type='number']:-ms-input-placeholder,
+input[type='url']:-ms-input-placeholder,
+input[type='password']:-ms-input-placeholder,
+textarea:-ms-input-placeholder,
+select[multiple]:-ms-input-placeholder {
+ color: #999999;
}
-.popover.right:after {
- left: 10px;
+input[type='text']:hover,
+input[type='search']:hover,
+input[type='date']:hover,
+input[type='datetime']:hover,
+input[type='email']:hover,
+input[type='number']:hover,
+input[type='url']:hover,
+input[type='password']:hover,
+textarea:hover,
+select[multiple]:hover {
+ background-color: #fff9f4;
+ border-color: #ffaa22;
}
-.popover.left:after {
- right: 10px;
+input[type='text']:active,
+input[type='search']:active,
+input[type='date']:active,
+input[type='datetime']:active,
+input[type='email']:active,
+input[type='number']:active,
+input[type='url']:active,
+input[type='password']:active,
+textarea:active,
+select[multiple]:active,
+input[type='text']:focus,
+input[type='search']:focus,
+input[type='date']:focus,
+input[type='datetime']:focus,
+input[type='email']:focus,
+input[type='number']:focus
+input[type='url']:focus,
+input[type='password']:focus,
+textarea:focus,
+select[multiple]:focus {
+ background-color: #fff9f4;
+ border-color: #ffaa22;
+ outline: 0;
}
-.badge {
- background-color: #666666;
- color: #ffffff;
- display: inline-block;
- font-size: 11px;
- font-weight: bold;
- padding: 1px 6px 1px;
- position: relative;
- text-shadow: none !important;
- vertical-align: middle;
- white-space: nowrap;
- border-radius: 9px 9px 9px 9px;
+input[type='text'][readonly],
+input[type='search'][readonly],
+input[type='email'][readonly],
+input[type='number'][readonly],
+input[type='date'][readonly],
+input[type='datetime'][readonly],
+input[type='url'][readonly],
+input[type='password'][readonly],
+textarea[readonly],
+select[multiple][readonly] {
+ background-color: #f2f2f2;
+ border-color: #cccccc;
}
-.badge.label {
- font-weight: normal;
- border-radius: 4px 4px 4px 4px;
+input[type='text'][disabled],
+input[type='search'][disabled],
+input[type='date'][disabled],
+input[type='datetime'][disabled],
+input[type='email'][disabled],
+input[type='number'][disabled],
+input[type='url'][disabled],
+input[type='password'][disabled],
+textarea[disabled],
+select[multiple][disabled] {
+ background-color: #f2f2f2;
+ border-color: #cccccc;
+ color: #808080;
+ cursor: not-allowed;
}
-.badge.badgeUpdate {
- background-color: #336699;
- color: #ffffff;
+.formSuccess input[type='text'],
+.formSuccess input[type='search'],
+.formSuccess input[type='email'],
+.formSuccess input[type='number'],
+.formSuccess input[type='url'],
+.formSuccess input[type='password'],
+.formSuccess textarea {
+ background-color: #74a446;
+ border-color: #4d7730;
}
-.badge.badgeInverse {
- background-color: #ffffff;
- color: #336699;
+.formError input[type='text'],
+.formError input[type='search'],
+.formError input[type='email'],
+.formError input[type='number'],
+.formError input[type='url'],
+.formError input[type='password'],
+.formError textarea {
+ background-color: #c95145;
+ border-color: #913d37;
}
-.badge.green {
- background-color: #009900;
- color: #eeffee;
+textarea {
+ width: 99%;
}
-.badge.red {
- background-color: #cc0000;
- color: #ffeeee;
+.tiny {
+ width: 80px;
}
-.badge.black {
- background-color: #333;
- color: #fff;
+.short {
+ min-width: 80px;
+ width: 10%;
}
-.badge.brown {
- background-color: #c63;
- color: #fff;
+.medium {
+ min-width: 150px;
+ width: 30%;
}
-.badge.orange {
- background-color: #f90;
- color: #fff;
+.long {
+ min-width: 150px;
+ width: 100%;
}
-.badge.yellow {
- background-color: #ff0;
- color: #333;
+@media only screen and (max-width: 800px) {
+ textarea {
+ max-height: 160px;
+ }
+ .medium {
+ width: 100%;
+ }
}
-.badge.blue {
- background-color: #369;
- color: #fff;
+.uploadButton {
+ cursor: pointer;
+ display: inline-block;
+ overflow: hidden;
+ position: relative;
}
-.badge.purple {
- background-color: #c0f;
- color: #fff;
+.uploadButton input {
+ cursor: pointer;
+ right: 0;
+ opacity: 0;
+ padding: 4px 0;
+ position: absolute;
+ top: 0;
+ position: absolute;
}
-.badge.pink {
- background-color: #f0c;
- color: #fff;
+.uploadButton,
+.uploadFallbackButton {
+ margin-top: 7px;
}
-a.badge:hover {
- color: #ffffff;
- text-decoration: none;
+.structuredList {
+ background-color: #fcfdfe;
}
-a.badge:hover.black {
- background-color: #000;
+.structuredList li {
+ padding: 4px 7px;
+ text-align: right;
}
-a.badge:hover.brown {
- background-color: #930;
+.structuredList li:hover {
+ background-color: #ffe5c8;
}
-a.badge:hover.red {
- background-color: #900;
+.structuredList li:first-child {
+ border-radius: 6px 6px 0 0;
}
-a.badge:hover.orange {
- background-color: #f60;
+.structuredList li:last-child {
+ border-radius: 0 0 6px 6px;
}
-a.badge:hover.yellow {
- background-color: #cc0;
+.structuredList li.category {
+ background-color: #e4eef8;
}
-a.badge:hover.green {
- background-color: #060;
+.structuredList li.category:hover {
+ background-color: #ffe5c8;
}
-a.badge:hover.blue {
- background-color: #036;
+.structuredList li span {
+ float: left;
}
-a.badge:hover.purple {
- background-color: #90c;
+.structuredList li label {
+ cursor: pointer;
+ margin: 0 7px;
+ padding: 0 21px;
}
-a.badge:hover.pink {
- background-color: #c09;
+.editableItemList ul li {
+ cursor: pointer;
+ margin-left: 4px;
}
-.icon {
- color: #666666;
- display: inline-block;
- font-family: FontAwesome;
- font-weight: normal !important;
- font-style: normal !important;
- line-height: 1em;
- text-align: center;
- text-shadow: 0 1px 0 rgba(255,255,255,0.8);
-}
-.icon.disabled {
- opacity: .3;
+.editableItemList ul li:first-child {
+ margin-left: 0;
}
-.icon:hover {
- text-decoration: none;
+select > option {
+ display: block !important;
}
-span.icon:not(.pointer):not(.disabled) {
- cursor: default;
+body {
+ background-color: #1f4060;
+ color: #666666;
+ font-family: "Trebuchet MS", Arial, sans-serif;
+ font-size: 13px;
+ line-height: 1.28;
}
-a > span.icon:not(.pointer) {
- cursor: pointer !important;
+small {
+ font-size: 85%;
}
-.icon16 {
- font-size: 14px;
- height: 16px;
- width: 16px;
+img {
+ vertical-align: middle;
}
-.icon32 {
- font-size: 28px;
- height: 32px;
- width: 32px;
- vertical-align: -5px;
+img.disabled {
+ opacity: .3;
}
-.icon48 {
- font-size: 42px;
- height: 48px;
- width: 48px;
+a {
+ color: #336699;
+ cursor: pointer;
+ text-decoration: none;
}
-.icon96 {
- font-size: 84px;
- height: 96px;
- width: 96px;
+a:hover {
+ color: #003366;
+ text-decoration: underline;
}
-.icon-spinner {
- height: auto;
- width: auto;
- -moz-animation: spin 2s infinite linear;
- -o-animation: spin 2s infinite linear;
- -webkit-animation: spin 2s infinite linear;
- animation: spin 2s infinite linear;
+a.externalURL:after {
+ content: "\f08e";
+ display: inline-block;
+ font-family: FontAwesome !important;
+ font-size: 14px !important;
+ font-weight: normal !important;
+ font-style: normal !important;
+ margin-left: 4px;
+ vertical-align: -1px;
}
-@-moz-keyframes spin {
- 0% {
- -moz-transform: rotate(0deg);
- }
- 100% {
- -moz-transform: rotate(359deg);
- }
+.footerContent,
+.logo {
+ color: #ffffff;
}
-@-webkit-keyframes spin {
- 0% {
- -webkit-transform: rotate(0deg);
- }
- 100% {
- -webkit-transform: rotate(359deg);
- }
+.footerContent a,
+.logo a {
+ color: #407fbf;
}
-@-o-keyframes spin {
- 0% {
- -o-transform: rotate(0deg);
- }
- 100% {
- -o-transform: rotate(359deg);
- }
+.footerContent a:hover,
+.logo a:hover {
+ color: #ffffff;
}
-@-ms-keyframes spin {
- 0% {
- -ms-transform: rotate(0deg);
- }
- 100% {
- -ms-transform: rotate(359deg);
- }
+.nativeList {
+ margin: 1em 0;
+ margin-left: 40px;
}
-@keyframes spin {
- 0% {
- transform: rotate(0deg);
- }
- 100% {
- transform: rotate(359deg);
- }
+.nativeList ul,
+.nativeList ol {
+ margin-bottom: 0;
+ margin-top: 0;
}
-.icon-glass:before {
- content: "\f000";
+ul.nativeList {
+ list-style-type: disc;
}
-.icon-music:before {
- content: "\f001";
+ol.nativeList {
+ list-style-type: decimal;
}
-.icon-search:before {
- content: "\f002";
+.htmlContent p {
+ margin: 1em 0;
}
-.icon-envelope:before {
- content: "\f003";
+.htmlContent h1 {
+ font-size: 140%;
}
-.icon-heart:before {
- content: "\f004";
+.htmlContent h2 {
+ font-size: 120%;
}
-.icon-star:before {
- content: "\f005";
+.htmlContent h1,
+.htmlContent h2,
+.htmlContent h3,
+.htmlContent h4,
+.htmlContent h5,
+.htmlContent h6 {
+ font-weight: bold;
+ margin: 0.5em 0;
}
-.icon-star-empty:before {
- content: "\f006";
+.htmlContent ul,
+.htmlContent ol {
+ margin: 1em 0;
+ margin-left: 40px;
}
-.icon-user:before {
- content: "\f007";
+.htmlContent ul ul,
+.htmlContent ul ol,
+.htmlContent ol ul,
+.htmlContent ol ol {
+ margin-bottom: 0;
+ margin-top: 0;
}
-.icon-film:before {
- content: "\f008";
+.htmlContent ul {
+ list-style-type: disc;
}
-.icon-th-large:before {
- content: "\f009";
+.htmlContent ol {
+ list-style-type: decimal;
}
-.icon-th:before {
- content: "\f00a";
+body > iframe[src="about:blank"] {
+ display: none;
}
-.icon-th-list:before {
- content: "\f00b";
+::selection {
+ text-shadow: 0 1px 0 rgba(255,255,255,0.5) !important;
+ color: #300;
+ background-color: rgba(255,170,34,0.7);
}
-.icon-ok:before {
- content: "\f00c";
+.invisible {
+ display: none;
}
-.icon-remove:before {
- content: "\f00d";
+.marginTop {
+ margin-top: 14px;
}
-.icon-zoom-in:before {
- content: "\f00e";
+.pointer {
+ cursor: pointer;
}
-.icon-zoom-out:before {
- content: "\f010";
+.dimmed {
+ color: #808080;
}
-.icon-off:before {
- content: "\f011";
+.iconFlag {
+ height: 15px;
+ width: 24px;
}
-.icon-signal:before {
- content: "\f012";
+.framed > canvas,
+.framed > img {
+ background-color: #ffffff;
+ border: 1px solid #cccccc;
+ padding: 1px;
}
-.icon-cog:before {
- content: "\f013";
+.highlight {
+ background-color: #ffff66;
}
-.icon-trash:before {
- content: "\f014";
+.grayscale {
+ filter: url(../images/grayscale-filter.svg#grayscale);
+ filter: gray;
+ -webkit-filter: grayscale(1);
}
-.icon-home:before {
- content: "\f015";
+.balloonTooltip {
+ background-color: rgba(0,0,0,0.8);
+ color: #ffffff;
+ font-size: .85em;
+ max-width: 300px;
+ padding: 5px 10px 7px;
+ position: absolute;
+ z-index: 800;
+ border-radius: 6px 6px 6px 6px;
+ box-shadow: 0 3px 7px 0 rgba(0,0,0,0.3);
}
-.icon-file:before {
- content: "\f016";
+.balloonTooltip .pointer {
+ border-color: rgba(0,0,0,0.8) transparent;
+ border-style: solid;
+ border-width: 0 5px 5px;
+ left: 50%;
+ position: absolute;
+ top: -5px;
}
-.icon-time:before {
- content: "\f017";
+.balloonTooltip.inverse .pointer {
+ border-width: 5px 5px 0;
}
-.icon-road:before {
- content: "\f018";
+.popover {
+ background-color: rgba(0,0,0,0.4);
+ padding: 7px;
+ position: absolute;
+ vertical-align: middle;
+ width: 400px !important;
+ z-index: 500;
+ border-radius: 6px 6px 6px 6px;
+ box-shadow: 0 1px 7px 0 rgba(0,0,0,0.3);
}
-.icon-download-alt:before {
- content: "\f019";
-}
-.icon-download:before {
- content: "\f01a";
+.popover > .icon-spinner {
+ color: white;
+ left: 50%;
+ margin-left: -21px;
+ margin-top: -21px;
+ position: absolute;
+ top: 50%;
+ text-shadow: 0 -1px 0 rgba(0,0,0,0.8);
}
-.icon-upload:before {
- content: "\f01b";
+.popover > .popoverContent {
+ background-color: #fcfdfe;
+ color: #666666;
+ max-height: 300px;
+ min-height: 32px;
+ opacity: 0;
+ overflow: hidden;
+ padding: 7px 14px;
+ border-radius: 6px 6px 6px 6px;
}
-.icon-inbox:before {
- content: "\f01c";
+.popover:after {
+ border: 10px solid transparent;
+ content: "";
+ display: inline-block;
+ position: absolute;
+ z-index: 100;
}
-.icon-play-circle:before {
- content: "\f01d";
+.popover.top:after {
+ border-bottom-width: 0;
+ border-top-color: rgba(0,0,0,0.3);
+ bottom: -10px;
}
-.icon-repeat:before {
- content: "\f01e";
+.popover.bottom:after {
+ border-bottom-color: rgba(0,0,0,0.3);
+ border-top-width: 0;
+ top: -10px;
}
-.icon-refresh:before {
- content: "\f021";
+.popover.right:after {
+ left: 10px;
}
-.icon-list-alt:before {
- content: "\f022";
+.popover.left:after {
+ right: 10px;
}
-.icon-lock:before {
- content: "\f023";
+.badge {
+ background-color: #666666;
+ color: #ffffff;
+ display: inline-block;
+ font-size: 11px;
+ font-weight: bold;
+ padding: 1px 6px 1px;
+ position: relative;
+ text-shadow: none !important;
+ vertical-align: middle;
+ white-space: nowrap;
+ border-radius: 9px 9px 9px 9px;
}
-.icon-flag:before {
- content: "\f024";
+.badge.label {
+ font-weight: normal;
+ border-radius: 4px 4px 4px 4px;
}
-.icon-headphones:before {
- content: "\f025";
+.badge.badgeUpdate {
+ background-color: #336699;
+ color: #ffffff;
}
-.icon-volume-off:before {
- content: "\f026";
+.badge.badgeInverse {
+ background-color: #ffffff;
+ color: #336699;
}
-.icon-volume-down:before {
- content: "\f027";
+.badge.green {
+ background-color: #009900;
+ color: #eeffee;
}
-.icon-volume-up:before {
- content: "\f028";
+.badge.red {
+ background-color: #cc0000;
+ color: #ffeeee;
}
-.icon-qrcode:before {
- content: "\f029";
+.badge.black {
+ background-color: #333;
+ color: #fff;
}
-.icon-barcode:before {
- content: "\f02a";
+.badge.brown {
+ background-color: #c63;
+ color: #fff;
}
-.icon-tag:before {
- content: "\f02b";
+.badge.orange {
+ background-color: #f90;
+ color: #fff;
}
-.icon-tags:before {
- content: "\f02c";
+.badge.yellow {
+ background-color: #ff0;
+ color: #333;
}
-.icon-book:before {
- content: "\f02d";
+.badge.blue {
+ background-color: #369;
+ color: #fff;
}
-.icon-bookmark:before {
- content: "\f02e";
+.badge.purple {
+ background-color: #c0f;
+ color: #fff;
}
-.icon-print:before {
- content: "\f02f";
+.badge.pink {
+ background-color: #f0c;
+ color: #fff;
}
-.icon-camera:before {
- content: "\f030";
+a.badge:hover {
+ color: #ffffff;
+ text-decoration: none;
}
-.icon-font:before {
- content: "\f031";
+a.badge:hover.black {
+ background-color: #000;
}
-.icon-bold:before {
- content: "\f032";
+a.badge:hover.brown {
+ background-color: #930;
}
-.icon-italic:before {
- content: "\f033";
+a.badge:hover.red {
+ background-color: #900;
}
-.icon-text-height:before {
- content: "\f034";
+a.badge:hover.orange {
+ background-color: #f60;
}
-.icon-text-width:before {
- content: "\f035";
+a.badge:hover.yellow {
+ background-color: #cc0;
}
-.icon-align-left:before {
- content: "\f036";
+a.badge:hover.green {
+ background-color: #060;
}
-.icon-align-center:before {
- content: "\f037";
+a.badge:hover.blue {
+ background-color: #036;
}
-.icon-align-right:before {
- content: "\f038";
+a.badge:hover.purple {
+ background-color: #90c;
}
-.icon-align-justify:before {
- content: "\f039";
+a.badge:hover.pink {
+ background-color: #c09;
}
-.icon-list:before {
- content: "\f03a";
+@font-face {
+ font-family: 'FontAwesome';
+ src: url('../font/fontawesome-webfont.eot?v=3.1.1');
+ src: url('../font/fontawesome-webfont.eot?#iefix&v=3.1.1') format('embedded-opentype'), url('../font/fontawesome-webfont.ttf?v=3.1.1') format('truetype');
+ font-weight: normal;
+ font-style: normal;
}
-.icon-indent-left:before {
- content: "\f03b";
+.icon {
+ color: #666666;
+ display: inline-block;
+ font-family: FontAwesome;
+ font-weight: normal !important;
+ font-style: normal !important;
+ line-height: 1em;
+ text-align: center;
+ text-shadow: 0 1px 0 rgba(255,255,255,0.8);
}
-.icon-indent-right:before {
- content: "\f03c";
+.icon.disabled {
+ opacity: .3;
}
-.icon-facetime-video:before {
- content: "\f03d";
+.icon:hover {
+ text-decoration: none;
}
-.icon-picture:before {
- content: "\f03e";
+span.icon:not(.pointer):not(.disabled) {
+ cursor: default;
}
-.icon-pencil:before {
- content: "\f040";
+a > span.icon:not(.pointer) {
+ cursor: pointer !important;
}
-.icon-map-marker:before {
- content: "\f041";
+.icon16 {
+ font-size: 14px;
+ height: 16px;
+ width: 16px;
}
-.icon-adjust:before {
- content: "\f042";
+.icon32 {
+ font-size: 28px;
+ height: 32px;
+ width: 32px;
+ vertical-align: -5px;
}
-.icon-tint:before {
- content: "\f043";
+.icon48 {
+ font-size: 42px;
+ height: 48px;
+ width: 48px;
}
-.icon-edit:before {
- content: "\f044";
+.icon96 {
+ font-size: 84px;
+ height: 96px;
+ width: 96px;
}
-.icon-share:before {
- content: "\f045";
+.icon-spinner {
+ height: auto;
+ width: auto;
+ -moz-animation: spin 2s infinite linear;
+ -o-animation: spin 2s infinite linear;
+ -webkit-animation: spin 2s infinite linear;
+ animation: spin 2s infinite linear;
}
-.icon-check:before {
- content: "\f046";
+@-moz-keyframes spin {
+ 0% {
+ -moz-transform: rotate(0deg);
+ }
+ 100% {
+ -moz-transform: rotate(359deg);
+ }
}
-.icon-move:before {
- content: "\f047";
+@-webkit-keyframes spin {
+ 0% {
+ -webkit-transform: rotate(0deg);
+ }
+ 100% {
+ -webkit-transform: rotate(359deg);
+ }
}
-.icon-step-backward:before {
- content: "\f048";
+@-o-keyframes spin {
+ 0% {
+ -o-transform: rotate(0deg);
+ }
+ 100% {
+ -o-transform: rotate(359deg);
+ }
}
-.icon-fast-backward:before {
+@-ms-keyframes spin {
+ 0% {
+ -ms-transform: rotate(0deg);
+ }
+ 100% {
+ -ms-transform: rotate(359deg);
+ }
+}
+@keyframes spin {
+ 0% {
+ transform: rotate(0deg);
+ }
+ 100% {
+ transform: rotate(359deg);
+ }
+}
+.icon-rotate-90 {
+ -webkit-transform: rotate(90deg);
+ -moz-transform: rotate(90deg);
+ -ms-transform: rotate(90deg);
+ -o-transform: rotate(90deg);
+ transform: rotate(90deg);
+ filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
+}
+.icon-rotate-180 {
+ -webkit-transform: rotate(180deg);
+ -moz-transform: rotate(180deg);
+ -ms-transform: rotate(180deg);
+ -o-transform: rotate(180deg);
+ transform: rotate(180deg);
+ filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
+}
+.icon-rotate-270 {
+ -webkit-transform: rotate(270deg);
+ -moz-transform: rotate(270deg);
+ -ms-transform: rotate(270deg);
+ -o-transform: rotate(270deg);
+ transform: rotate(270deg);
+ filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
+}
+.icon-flip-horizontal {
+ -webkit-transform: scale(-1,1);
+ -moz-transform: scale(-1,1);
+ -ms-transform: scale(-1,1);
+ -o-transform: scale(-1,1);
+ transform: scale(-1,1);
+}
+.icon-flip-vertical {
+ -webkit-transform: scale(1,-1);
+ -moz-transform: scale(1,-1);
+ -ms-transform: scale(1,-1);
+ -o-transform: scale(1,-1);
+ transform: scale(1,-1);
+}
+.icon-glass:before {
+ content: "\f000";
+}
+.icon-music:before {
+ content: "\f001";
+}
+.icon-search:before {
+ content: "\f002";
+}
+.icon-envelope:before {
+ content: "\f003";
+}
+.icon-heart:before {
+ content: "\f004";
+}
+.icon-star:before {
+ content: "\f005";
+}
+.icon-star-empty:before {
+ content: "\f006";
+}
+.icon-user:before {
+ content: "\f007";
+}
+.icon-film:before {
+ content: "\f008";
+}
+.icon-th-large:before {
+ content: "\f009";
+}
+.icon-th:before {
+ content: "\f00a";
+}
+.icon-th-list:before {
+ content: "\f00b";
+}
+.icon-ok:before {
+ content: "\f00c";
+}
+.icon-remove:before {
+ content: "\f00d";
+}
+.icon-zoom-in:before {
+ content: "\f00e";
+}
+.icon-zoom-out:before {
+ content: "\f010";
+}
+.icon-off:before {
+ content: "\f011";
+}
+.icon-signal:before {
+ content: "\f012";
+}
+.icon-cog:before {
+ content: "\f013";
+}
+.icon-trash:before {
+ content: "\f014";
+}
+.icon-home:before {
+ content: "\f015";
+}
+.icon-file:before {
+ content: "\f016";
+}
+.icon-time:before {
+ content: "\f017";
+}
+.icon-road:before {
+ content: "\f018";
+}
+.icon-download-alt:before {
+ content: "\f019";
+}
+.icon-download:before {
+ content: "\f01a";
+}
+.icon-upload:before {
+ content: "\f01b";
+}
+.icon-inbox:before {
+ content: "\f01c";
+}
+.icon-play-circle:before {
+ content: "\f01d";
+}
+.icon-repeat:before,
+.icon-rotate-right:before {
+ content: "\f01e";
+}
+.icon-refresh:before {
+ content: "\f021";
+}
+.icon-list-alt:before {
+ content: "\f022";
+}
+.icon-lock:before {
+ content: "\f023";
+}
+.icon-flag:before {
+ content: "\f024";
+}
+.icon-headphones:before {
+ content: "\f025";
+}
+.icon-volume-off:before {
+ content: "\f026";
+}
+.icon-volume-down:before {
+ content: "\f027";
+}
+.icon-volume-up:before {
+ content: "\f028";
+}
+.icon-qrcode:before {
+ content: "\f029";
+}
+.icon-barcode:before {
+ content: "\f02a";
+}
+.icon-tag:before {
+ content: "\f02b";
+}
+.icon-tags:before {
+ content: "\f02c";
+}
+.icon-book:before {
+ content: "\f02d";
+}
+.icon-bookmark:before {
+ content: "\f02e";
+}
+.icon-print:before {
+ content: "\f02f";
+}
+.icon-camera:before {
+ content: "\f030";
+}
+.icon-font:before {
+ content: "\f031";
+}
+.icon-bold:before {
+ content: "\f032";
+}
+.icon-italic:before {
+ content: "\f033";
+}
+.icon-text-height:before {
+ content: "\f034";
+}
+.icon-text-width:before {
+ content: "\f035";
+}
+.icon-align-left:before {
+ content: "\f036";
+}
+.icon-align-center:before {
+ content: "\f037";
+}
+.icon-align-right:before {
+ content: "\f038";
+}
+.icon-align-justify:before {
+ content: "\f039";
+}
+.icon-list:before {
+ content: "\f03a";
+}
+.icon-indent-left:before {
+ content: "\f03b";
+}
+.icon-indent-right:before {
+ content: "\f03c";
+}
+.icon-facetime-video:before {
+ content: "\f03d";
+}
+.icon-picture:before {
+ content: "\f03e";
+}
+.icon-pencil:before {
+ content: "\f040";
+}
+.icon-map-marker:before {
+ content: "\f041";
+}
+.icon-adjust:before {
+ content: "\f042";
+}
+.icon-tint:before {
+ content: "\f043";
+}
+.icon-edit:before {
+ content: "\f044";
+}
+.icon-share:before {
+ content: "\f045";
+}
+.icon-check:before {
+ content: "\f046";
+}
+.icon-move:before {
+ content: "\f047";
+}
+.icon-step-backward:before {
+ content: "\f048";
+}
+.icon-fast-backward:before {
content: "\f049";
}
.icon-backward:before {
.icon-arrow-down:before {
content: "\f063";
}
-.icon-share-alt:before {
+.icon-share-alt:before,
+.icon-mail-forward:before {
content: "\f064";
}
.icon-resize-full:before {
.icon-linkedin:before {
content: "\f0e1";
}
-.icon-undo:before {
+.icon-undo:before,
+.icon-rotate-left:before {
content: "\f0e2";
}
.icon-legal:before {
.icon-circle:before {
content: "\f111";
}
-.icon-reply:before {
+.icon-reply:before,
+.icon-mail-reply:before {
content: "\f112";
}
-.icon-github-alt:before {
- content: "\f113";
-}
.icon-folder-close-alt:before {
content: "\f114";
}
.icon-folder-open-alt:before {
content: "\f115";
}
-#lbOverlay {
- background-color: #000;
- bottom: 0;
- left: 0;
- position: fixed;
- right: 0;
- top: 0;
- z-index: 399;
+.icon-expand-alt:before {
+ content: "\f116";
}
-#lbPrevLink,
-#lbNextLink {
- display: block;
- overflow: hidden;
- position: absolute;
- top: 0;
- width: 50%;
- outline: none;
+.icon-collapse-alt:before {
+ content: "\f117";
}
-#lbPrevLink > span,
-#lbNextLink > span {
- background-color: #fff;
- display: none;
- padding: 7px;
- position: absolute;
- top: 20%;
+.icon-smile:before {
+ content: "\f118";
}
-#lbPrevLink:hover > span,
-#lbNextLink:hover > span {
- -webkit-box-shadow: 0 0 20px 0 #ffaa22;
- -moz-box-shadow: 0 0 20px 0 #ffaa22;
- -ms-box-shadow: 0 0 20px 0 #ffaa22;
- -o-box-shadow: 0 0 20px 0 #ffaa22;
- box-shadow: 0 0 20px 0 #ffaa22;
+.icon-frown:before {
+ content: "\f119";
}
-#lbPrevLink {
- left: 0;
+.icon-meh:before {
+ content: "\f11a";
}
-#lbPrevLink > span {
- left: 0;
- padding-right: 14px;
- border-radius: 0 30px 30px 0;
+.icon-gamepad:before {
+ content: "\f11b";
}
-#lbNextLink {
- right: 0;
+.icon-keyboard:before {
+ content: "\f11c";
}
-#lbNextLink > span {
- padding-left: 14px;
- right: 0;
- border-radius: 30px 0 0 30px;
+.icon-flag-alt:before {
+ content: "\f11d";
}
-#lbEnlarge,
-#lbCloseLink {
- cursor: pointer;
- display: block;
- float: right;
- padding-right: 7px;
- outline: none;
+.icon-flag-checkered:before {
+ content: "\f11e";
}
-#lbCenter,
-#lbBottomContainer {
- background-color: #fff;
- overflow: hidden;
- position: absolute;
- z-index: 400;
+.icon-terminal:before {
+ content: "\f120";
}
-#lbCenter > .icon-spinner {
- left: 50%;
- margin: -21px 0 0 -21px;
- position: absolute;
- top: 50%;
+.icon-code:before {
+ content: "\f121";
}
-.lbLoading {
- background: #fff url(../icon/spinner.svg) no-repeat center;
- background-size: 48px;
+.icon-reply-all:before {
+ content: "\f122";
}
-#lbImage {
- background-repeat: no-repeat;
- background-size: cover;
- border: 10px solid #fff;
- left: 0;
- position: absolute;
- top: 0;
+.icon-mail-reply-all:before {
+ content: "\f122";
}
-#lbImage:hover #lbNextLink > span,
-#lbImage:hover #lbPrevLink > span {
- display: block;
+.icon-star-half-empty:before {
+ content: "\f123";
}
-#lbBottom {
- border: 10px solid #fff;
- border-top-style: none;
- color: #666;
+.icon-location-arrow:before {
+ content: "\f124";
}
-#lbCaption,
-#lbNumber {
- margin-right: 71px;
+.icon-crop:before {
+ content: "\f125";
}
-#lbCaption {
- font-weight: bold;
+.icon-code-fork:before {
+ content: "\f126";
}
-.layoutFluid {
- padding: 0 21px;
+.icon-unlink:before {
+ content: "\f127";
}
-@media only screen and (max-width: 800px) {
- .layoutFluid {
- padding: 0;
- }
+.icon-question:before {
+ content: "\f128";
}
-.layoutFixed {
- margin: 0 auto;
- width: 1200px;
+.icon-info:before {
+ content: "\f129";
}
-@media only screen and (max-width: 800px) {
- .layoutFixed {
- width: auto;
- }
+.icon-exclamation:before {
+ content: "\f12a";
}
-@media only screen and (min-width: 801px) {
- body {
- min-width: 1024px;
- }
+.icon-superscript:before {
+ content: "\f12b";
}
-#pageHeader {
- margin-top: 57px;
- z-index: 100;
+.icon-subscript:before {
+ content: "\f12c";
}
-@media only screen and (max-width: 800px) {
- #pageHeader {
- margin-top: 48px;
- }
+.icon-eraser:before {
+ content: "\f12d";
}
-#top {
- display: block;
- height: 1px;
- visibility: hidden;
+.icon-puzzle-piece:before {
+ content: "\f12e";
}
-.userPanel {
- background-color: rgba(0,0,0,0.5);
- height: 40px;
- left: 0;
- position: fixed;
- top: 0;
- right: 0;
- z-index: 200;
+.icon-microphone:before {
+ content: "\f130";
}
-.userPanel .icon {
- color: #ffffff;
- text-shadow: 0 -1px 0 rgba(0,0,0,0.8);
+.icon-microphone-off:before {
+ content: "\f131";
}
-.userPanel > div {
- position: relative;
+.icon-shield:before {
+ content: "\f132";
}
-.userPanel > div > ul.userPanelItems > li {
- float: left;
+.icon-calendar-empty:before {
+ content: "\f133";
}
-.userPanel > div > ul.userPanelItems > li > a,
-.userPanel > div > ul.userPanelItems > li > div:not(.dropdownMenu) {
- color: #ffffff;
- display: block;
- height: 20px;
- padding: 12px 8px 8px 8px;
- text-shadow: 0 -1px 0 rgba(0,0,0,0.8);
- -webkit-transition-property: background-color;
- -moz-transition-property: background-color;
- -ms-transition-property: background-color;
- -o-transition-property: background-color;
- transition-property: background-color;
- -webkit-transition-duration: .2s;
- -moz-transition-duration: .2s;
- -ms-transition-duration: .2s;
- -o-transition-duration: .2s;
- transition-duration: .2s;
- -webkit-transition-timing-function: linear;
- -moz-transition-timing-function: linear;
- -ms-transition-timing-function: linear;
- -o-transition-timing-function: linear;
- transition-timing-function: linear;
+.icon-fire-extinguisher:before {
+ content: "\f134";
}
-.userPanel > div > ul.userPanelItems > li > a:hover,
-.userPanel > div > ul.userPanelItems > li > div:not(.dropdownMenu):hover {
- background-color: rgba(0,0,0,0.4);
- color: #ffffff;
- text-decoration: none;
+.icon-rocket:before {
+ content: "\f135";
}
-.userPanel > div > ul.userPanelItems > li > a > .badge.badgeInverse,
-.userPanel > div > ul.userPanelItems > li > div:not(.dropdownMenu) > .badge.badgeInverse {
- background-color: #336699;
- color: #ffffff;
+.icon-maxcdn:before {
+ content: "\f136";
}
-.userPanel > div > ul.userPanelItems > li > a > img,
-.userPanel > div > ul.userPanelItems > li > div:not(.dropdownMenu) > img {
- position: relative;
- top: -2px;
+.icon-chevron-sign-left:before {
+ content: "\f137";
}
-.userPanel > div > ul.userPanelItems > li > .framed > img {
- margin-top: -5px;
- margin-bottom: -4px;
- padding: 0px;
- top: 0;
-}
-.userPanel > div > .searchBar {
- background-color: rgba(0,0,0,0.4);
- position: absolute;
- right: 0;
- top: 0;
-}
-.userPanel > div > .searchBar:before {
- content: "\f002";
- color: #ffffff;
- font-family: FontAwesome;
- font-size: 14px;
- left: 7px;
- position: absolute;
- top: 12px;
-}
-.userPanel > div > .searchBar > form {
- display: inline-block;
-}
-.userPanel > div > .searchBar > form input[type="search"] {
- background-color: transparent;
- border-width: 0;
- color: #ffffff;
- height: 40px;
- padding: 6px 12px 5px 26px;
- width: 240px;
- -webkit-appearance: textfield;
- text-shadow: 0 -1px 0 rgba(0,0,0,0.8);
-}
-.userPanel > div > .searchBar > form input[type="search"]:focus {
- outline: 0;
-}
-.userPanel > div > .searchBar .dropdownMenu li > span {
- max-width: 210px;
- overflow: hidden;
- text-overflow: ellipsis;
-}
-.userPanel > div.layoutFluid > .searchBar {
- right: 21px;
-}
-.userPanelJumpToAnchorFix:before {
- content: "";
- display: block;
- height: 40px;
- margin-top: -40px;
-}
-@media only screen and (max-width: 800px) {
- .userPanel {
- height: auto;
- }
- .userPanel .icon {
- font-size: 21px;
- height: auto;
- width: auto;
- }
- .userPanel > div > ul.userPanelItems > li > a,
- .userPanel > div > ul.userPanelItems > li > div:not(.dropdownMenu) {
- height: 21px;
- padding: 11px 11px 9px 11px;
- }
- .userPanel > div > ul.userPanelItems > li > .framed > img {
- margin-top: -4px;
- }
- .userPanel > div > ul.userPanelItems > li > a > span:not(.icon):not(.badge),
- .userPanel > div > ul.userPanelItems > li#pageLanguageContainer > div > div > h3 {
- display: none;
- }
- .userPanel > div > ul.userPanelItems > li > a > .badge {
- top: -4px;
- }
- .userPanel > div > .searchBar {
- height: 41px;
- min-width: 40px;
- right: 0 !important;
- }
- .userPanel > div > .searchBar:before {
- font-size: 21px;
- }
- .userPanel > div > .searchBar > form {
- display: none;
- }
- .userPanel > div > .searchBar > form input[type="search"] {
- height: 41px;
- padding-left: 40px;
- width: 100%;
- }
- .userPanel > div > .searchBar:hover {
- width: 100%;
- }
- .userPanel > div > .searchBar:hover > form {
- display: block;
- }
- .userPanel > div > .searchBar:before {
- top: 8px;
- }
-}
-.logo {
- margin-bottom: 21px;
-}
-.logo a {
- display: block;
+.icon-chevron-sign-right:before {
+ content: "\f138";
}
-.logo a:hover {
- text-decoration: none;
-}
-.logo a h1 {
- color: #ffffff;
- float: right;
- font-size: 160%;
- padding-top: 21px;
- text-shadow: 0 -1px 0 rgba(0,0,0,0.8);
-}
-@media only screen and (max-width: 800px) {
- .logo {
- display: none;
- }
-}
-.sitemapList {
- margin: 0 -7px;
-}
-.sitemapList li > a,
-.sitemapList li > h3 {
- overflow: hidden;
- padding: 4px 14px;
-}
-.sitemapList li > a {
- display: block;
- border-radius: 6px 6px 6px 6px;
- -webkit-transition-property: background-color;
- -moz-transition-property: background-color;
- -ms-transition-property: background-color;
- -o-transition-property: background-color;
- transition-property: background-color;
- -webkit-transition-duration: .1s;
- -moz-transition-duration: .1s;
- -ms-transition-duration: .1s;
- -o-transition-duration: .1s;
- transition-duration: .1s;
- -webkit-transition-timing-function: linear;
- -moz-transition-timing-function: linear;
- -ms-transition-timing-function: linear;
- -o-transition-timing-function: linear;
- transition-timing-function: linear;
-}
-.sitemapList li > a:hover {
- background-color: #d8e7f5;
- text-decoration: none;
-}
-.sitemapList > li:not(:first-child) {
- margin-top: 7px;
-}
-.sitemapList > li:not(:last-child) {
- border-bottom: 1px solid #cccccc;
- padding-bottom: 7px;
-}
-.sitemapList > li > ul > li > a {
- padding-left: 35px;
-}
-.sitemapList > li > ul > li > ul > li a {
- padding-left: 56px;
-}
-@media all and (min-width: 801px) {
- .mainMenu > ul {
- background-color: #f1f5fa;
- display: inline-block;
- }
- .mainMenu > ul > li {
- display: inline-block;
- font-size: 120%;
- margin-top: -7px;
- vertical-align: bottom;
- }
- .mainMenu > ul > li > a {
- color: #666666;
- display: inline-block;
- padding: 9px 21px;
- }
- .mainMenu > ul > li > a:hover {
- color: #336699;
- text-decoration: none;
- }
- .mainMenu > ul > li.active {
- font-size: 140%;
- margin-top: -8px;
- }
- .mainMenu > ul > li.active > a {
- background-color: #e4eef8;
- color: #336699;
- font-weight: bold;
- min-width: 80px;
- padding: 14px 21px 8px;
- text-align: center;
- }
- .mainMenu > ul > li:not(.active) {
- padding-top: 5px;
- }
- .mainMenu > ul > li:not(:last-child) > a {
- border-right: 1px solid #cccccc;
- }
-}
-@media only screen and (max-width: 800px) {
- .mainMenu {
- position: relative;
- }
- .mainMenu:hover > ul {
- display: block;
- }
- .mainMenu > .invisible {
- font-weight: bold;
- border-color: #cdcdcd #bbbbbb #a9a9a9;
- -webkit-box-shadow: 0 1px 3px 0 rgba(0,0,0,0.1);
- -moz-box-shadow: 0 1px 3px 0 rgba(0,0,0,0.1);
- -ms-box-shadow: 0 1px 3px 0 rgba(0,0,0,0.1);
- -o-box-shadow: 0 1px 3px 0 rgba(0,0,0,0.1);
- box-shadow: 0 1px 3px 0 rgba(0,0,0,0.1);
- background-color: #f0f0f0;
- background-image: -webkit-linear-gradient(top,#fdfdfd,#f0f0f0 2px,#e3e3e3);
- background-image: -moz-linear-gradient(top,#fdfdfd,#f0f0f0 2px,#e3e3e3);
- background-image: -o-linear-gradient(top,#fdfdfd,#f0f0f0 2px,#e3e3e3);
- background-image: -ms-linear-gradient(top,#fdfdfd,#f0f0f0 2px,#e3e3e3);
- background-image: linear-gradient(top,#fdfdfd,#f0f0f0 2px,#e3e3e3);
- -webkit-transition-property: background-color, background-image, border, box-shadow, color;
- -moz-transition-property: background-color, background-image, border, box-shadow, color;
- -ms-transition-property: background-color, background-image, border, box-shadow, color;
- -o-transition-property: background-color, background-image, border, box-shadow, color;
- transition-property: background-color, background-image, border, box-shadow, color;
- -webkit-transition-duration: .1s;
- -moz-transition-duration: .1s;
- -ms-transition-duration: .1s;
- -o-transition-duration: .1s;
- transition-duration: .1s;
- -webkit-transition-timing-function: linear;
- -moz-transition-timing-function: linear;
- -ms-transition-timing-function: linear;
- -o-transition-timing-function: linear;
- transition-timing-function: linear;
- border-style: solid;
- border-width: 1px;
- cursor: pointer;
- display: inline-block;
- margin: 0 2px;
- padding: 5px 13px;
- position: relative;
- border-radius: 15px 15px 15px 15px;
- background-color: #e3e3e3;
- border-color: #bbbbbb;
- color: #999999;
- text-decoration: none;
- text-shadow: 0 1px 0 rgba(255,255,255,0.8);
- margin-left: 7px;
- padding-left: 28px;
- }
- .mainMenu > .invisible .icon {
- -webkit-transition-property: color;
- -moz-transition-property: color;
- -ms-transition-property: color;
- -o-transition-property: color;
- transition-property: color;
- -webkit-transition-duration: .1s;
- -moz-transition-duration: .1s;
- -ms-transition-duration: .1s;
- -o-transition-duration: .1s;
- transition-duration: .1s;
- -webkit-transition-timing-function: linear;
- -moz-transition-timing-function: linear;
- -ms-transition-timing-function: linear;
- -o-transition-timing-function: linear;
- transition-timing-function: linear;
- }
- .mainMenu > .invisible:before {
- content: "\f03a";
- font-family: FontAwesome;
- font-size: 14px;
- left: 9px;
- position: absolute;
- top: 6px;
- }
- .mainMenu > ul {
- background-color: #ffffff;
- border: 1px solid #cccccc;
- color: #666666;
- display: none;
- float: left;
- left: 0;
- min-width: 160px;
- padding: 4px 0;
- position: absolute;
- text-align: left;
- z-index: 350;
- -webkit-box-shadow: 2px 2px 10px 0 rgba(0,0,0,0.2);
- -moz-box-shadow: 2px 2px 10px 0 rgba(0,0,0,0.2);
- -ms-box-shadow: 2px 2px 10px 0 rgba(0,0,0,0.2);
- -o-box-shadow: 2px 2px 10px 0 rgba(0,0,0,0.2);
- box-shadow: 2px 2px 10px 0 rgba(0,0,0,0.2);
- font-size: 120%;
- left: 7px;
- }
- .mainMenu > ul:after {
- border: 7px solid transparent;
- border-bottom-color: #cccccc;
- border-top-width: 0;
- content: "";
- display: inline-block;
- left: 9px;
- position: absolute;
- top: -7px;
- z-index: 100;
- }
- .mainMenu > ul:before {
- border: 6px solid transparent;
- border-bottom-color: #ffffff;
- border-top-width: 0;
- content: "";
- display: inline-block;
- left: 10px;
- position: absolute;
- top: -6px;
- z-index: 101;
- }
- .mainMenu > ul.dropdownArrowRight:after {
- left: auto;
- right: 9px;
- }
- .mainMenu > ul.dropdownArrowRight:before {
- left: auto;
- right: 10px;
- }
- .mainMenu > ul li {
- display: block;
- }
- .mainMenu > ul li:hover:not(.dropdownDivider):not(.dropdownList):not(.dropdownText),
- .mainMenu > ul li.dropdownList > li:hover:not(.dropdownDivider),
- .mainMenu > ul li.dropdownNavigationItem {
- background-color: #d8e7f5;
- }
- .mainMenu > ul li.dropdownDivider {
- border-top: 1px dotted #cccccc;
- margin: 4px;
- }
- .mainMenu > ul li.dropdownText {
- font-size: 85%;
- padding: 4px 14px;
- }
- .mainMenu > ul li.boxFlag {
- padding-top: 2px;
- }
- .mainMenu > ul li > a,
- .mainMenu > ul li > span {
- clear: both;
- color: #666666;
- cursor: pointer;
- display: block;
- padding: 4px 14px;
- text-decoration: none;
- white-space: nowrap;
- text-shadow: 0 1px 0 rgba(255,255,255,0.8);
- }
- .mainMenu > ul li > a:hover,
- .mainMenu > ul li > span:hover {
- color: #666666;
- text-shadow: 0 1px 0 rgba(255,255,255,0.8);
- }
- .mainMenu > ul li > label {
- display: block;
- }
- .mainMenu > ul li .containerHeadline {
- margin-bottom: 0;
- }
- .mainMenu > ul li .containerHeadline > p {
- font-size: 85%;
- }
- .mainMenu > ul > li.active > ul.invisible {
- display: block;
- font-size: 85%;
- padding-left: 14px;
- }
- .mainMenu > ul > li.active > ul.invisible > li > span.badge {
- display: none;
- }
- .mainMenu > ul > li.active > a {
- position: relative;
- }
- .mainMenu > ul > li.active > a:after {
- content: "\f00c";
- font-family: FontAwesome;
- font-size: 14px;
- position: absolute;
- right: 7px;
- }
+.icon-chevron-sign-up:before {
+ content: "\f139";
}
-@media only screen and (min-width: 641px) and (max-width: 800px) {
- .mainMenu > .invisible {
- margin-left: 14px;
- }
+.icon-chevron-sign-down:before {
+ content: "\f13a";
}
-.navigation {
- padding: 0 7px;
+.icon-html5:before {
+ content: "\f13b";
}
-.navigation > ul {
- display: inline-block;
+.icon-css3:before {
+ content: "\f13c";
}
-.navigation > ul.navigationItems,
-.navigation > ul.navigationIcons {
- float: right;
+.icon-anchor:before {
+ content: "\f13d";
}
-.navigation > ul.navigationItems > li,
-.navigation > ul.navigationIcons > li {
+.icon-unlock-alt:before {
+ content: "\f13e";
+}
+.icon-bullseye:before {
+ content: "\f140";
+}
+.icon-ellipsis-horizontal:before {
+ content: "\f141";
+}
+.icon-ellipsis-vertical:before {
+ content: "\f142";
+}
+.icon-rss-sign:before {
+ content: "\f143";
+}
+.icon-play-sign:before {
+ content: "\f144";
+}
+.icon-ticket:before {
+ content: "\f145";
+}
+.icon-minus-sign-alt:before {
+ content: "\f146";
+}
+.icon-check-minus:before {
+ content: "\f147";
+}
+.icon-level-up:before {
+ content: "\f148";
+}
+.icon-level-down:before {
+ content: "\f149";
+}
+.icon-check-sign:before {
+ content: "\f14a";
+}
+.icon-edit-sign:before {
+ content: "\f14b";
+}
+.icon-external-link-sign:before {
+ content: "\f14c";
+}
+.icon-share-sign:before {
+ content: "\f14d";
+}
+#lbOverlay {
+ background-color: #000;
+ bottom: 0;
+ left: 0;
+ position: fixed;
+ right: 0;
+ top: 0;
+ z-index: 399;
+}
+#lbPrevLink,
+#lbNextLink {
+ display: block;
+ overflow: hidden;
+ position: absolute;
+ top: 0;
+ width: 50%;
+ outline: none;
+}
+#lbPrevLink > span,
+#lbNextLink > span {
+ background-color: #fff;
+ display: none;
+ padding: 7px;
+ position: absolute;
+ top: 20%;
+}
+#lbPrevLink:hover > span,
+#lbNextLink:hover > span {
+ box-shadow: 0 0 20px 0 #ffaa22;
+}
+#lbPrevLink {
+ left: 0;
+}
+#lbPrevLink > span {
+ left: 0;
+ padding-right: 14px;
+ border-radius: 0 30px 30px 0;
+}
+#lbNextLink {
+ right: 0;
+}
+#lbNextLink > span {
+ padding-left: 14px;
+ right: 0;
+ border-radius: 30px 0 0 30px;
+}
+#lbEnlarge,
+#lbCloseLink {
+ cursor: pointer;
+ display: block;
float: right;
+ padding-right: 7px;
+ outline: none;
}
-.navigation > ul.navigationIcons > li {
- padding: 0 3px;
+#lbCenter,
+#lbBottomContainer {
+ background-color: #fff;
+ overflow: hidden;
+ position: absolute;
+ z-index: 400;
}
-.navigation > ul.navigationIcons > li > a {
- display: inline-block;
- padding: 3px;
+#lbCenter > .icon-spinner {
+ left: 50%;
+ margin: -21px 0 0 -21px;
+ position: absolute;
+ top: 50%;
}
-.navigation > ul.navigationItems {
- border-right: 1px dotted #cccccc;
+.lbLoading {
+ background: #fff url(../icon/spinner.svg) no-repeat center;
+ background-size: 48px;
}
-.navigation > ul.navigationItems > li > p {
- color: #336699;
+#lbImage {
+ background-repeat: no-repeat;
+ background-size: cover;
+ border: 10px solid #fff;
+ left: 0;
+ position: absolute;
+ top: 0;
}
-.navigation > ul.navigationItems > li,
-.navigation > ul.navigationMenuItems > li {
- margin: 4px 7px 1px;
+#lbImage:hover #lbNextLink > span,
+#lbImage:hover #lbPrevLink > span {
+ display: block;
}
-.navigation > ul.navigationItems > li > a,
-.navigation > ul.navigationMenuItems > li > a {
- color: #336699;
- padding: 2px 0;
+#lbBottom {
+ border: 10px solid #fff;
+ border-top-style: none;
+ color: #666;
}
-.navigation > ul.navigationItems > li > a:hover,
-.navigation > ul.navigationMenuItems > li > a:hover {
- color: #003366;
- text-decoration: none;
+#lbCaption,
+#lbNumber {
+ margin-right: 71px;
}
-.navigation > ul.navigationItems .icon,
-.navigation > ul.navigationMenuItems .icon,
-.navigation > ul.navigationIcons .icon {
- color: #336699;
+#lbCaption {
+ font-weight: bold;
}
-.navigation > ul.navigationMenuItems > li {
+.labelList,
+.labelList > li {
display: inline-block;
}
+#labelList:before,
+#labelList:after {
+ display: table;
+ content: "";
+}
+#labelList:after {
+ clear: both;
+}
+#labelList li {
+ float: left;
+ margin-right: 1%;
+ width: 30%;
+}
+#labelList li.labelCustomClass {
+ position: relative;
+}
+#labelList li.labelCustomClass input[type='radio'] {
+ left: 0;
+ position: absolute;
+ top: 0;
+}
+#labelList li.labelCustomClass span {
+ display: block;
+ margin-left: 24px;
+}
+.labelChooser > .dropdownToggle > span {
+ cursor: pointer;
+}
+.layoutFluid {
+ padding: 0 21px;
+}
@media only screen and (max-width: 800px) {
- .navigation.navigationHeader > ul.navigationIcons,
- .navigation.navigationHeader > ul.navigationItems,
- .navigation.navigationHeader > ul.navigationMenuItems {
- display: none;
- }
- .navigation.navigationFooter > ul.navigationIcons,
- .navigation.navigationFooter > ul.navigationItems {
- display: none;
+ .layoutFluid {
+ padding: 0;
}
- .navigation.navigationFooter > ul.navigationMenuItems > li {
- margin: 4px 7px 4px 0;
+}
+.layoutFixed {
+ margin: 0 auto;
+ width: 1200px;
+}
+@media only screen and (max-width: 800px) {
+ .layoutFixed {
+ width: auto;
}
}
-.navigationHeader {
- background-color: #e4eef8;
- border-bottom: 1px solid #cccccc;
- border-top: 1px solid #cccccc;
+@media only screen and (min-width: 801px) {
+ body {
+ min-width: 1024px;
+ }
}
-.navigationFooter {
- background-color: #e4eef8;
- border-top: 1px solid #cccccc;
+#pageHeader {
+ margin-top: 57px;
+ z-index: 100;
}
@media only screen and (max-width: 800px) {
- .navigationHeader {
- background-color: transparent;
- border: 0;
+ #pageHeader {
+ margin-top: 48px;
}
}
-.footer {
- padding-bottom: 14px;
- z-index: 100;
+#top {
+ display: block;
+ height: 1px;
+ visibility: hidden;
}
-.footer .footerContent {
- text-align: center;
+.userPanel {
+ background-color: rgba(0,0,0,0.5);
+ height: 40px;
+ left: 0;
+ position: absolute;
+ top: 0;
+ right: 0;
+ z-index: 200;
}
-.footer .footerContent a {
+.userPanel .icon {
+ color: #ffffff;
text-shadow: 0 -1px 0 rgba(0,0,0,0.8);
- -webkit-transition-property: color;
- -moz-transition-property: color;
- -ms-transition-property: color;
- -o-transition-property: color;
- transition-property: color;
- -webkit-transition-duration: .1s;
- -moz-transition-duration: .1s;
- -ms-transition-duration: .1s;
- -o-transition-duration: .1s;
- transition-duration: .1s;
- -webkit-transition-timing-function: linear;
- -moz-transition-timing-function: linear;
- -ms-transition-timing-function: linear;
- -o-transition-timing-function: linear;
- transition-timing-function: linear;
}
-.footer .footerContent a:hover {
- text-decoration: none;
+.userPanel > div {
+ position: relative;
}
-@media only screen and (max-width: 800px) {
- .footerContent {
- margin: 0 14px;
- }
+.userPanel > div > ul.userPanelItems > li {
+ float: left;
+}
+.userPanel > div > ul.userPanelItems > li > a,
+.userPanel > div > ul.userPanelItems > li > div:not(.dropdownMenu) {
+ color: #ffffff;
+ display: block;
+ height: 20px;
+ padding: 12px 8px 8px 8px;
+ text-shadow: 0 -1px 0 rgba(0,0,0,0.8);
+ -webkit-transition-property: background-color;
+ transition-property: background-color;
+ -webkit-transition-duration: .2s;
+ transition-duration: .2s;
+ -webkit-transition-timing-function: linear;
+ transition-timing-function: linear;
}
-#main {
- z-index: 110;
+.userPanel > div > ul.userPanelItems > li > a:hover,
+.userPanel > div > ul.userPanelItems > li > div:not(.dropdownMenu):hover {
+ background-color: rgba(0,0,0,0.4);
+ color: #ffffff;
+ text-decoration: none;
}
-#main > div {
- background-color: #d8e7f5;
+.userPanel > div > ul.userPanelItems > li > a > .badge.badgeInverse,
+.userPanel > div > ul.userPanelItems > li > div:not(.dropdownMenu) > .badge.badgeInverse {
+ background-color: #336699;
+ color: #ffffff;
}
-#main > div > .sidebar {
+.userPanel > div > ul.userPanelItems > li > a > img,
+.userPanel > div > ul.userPanelItems > li > div:not(.dropdownMenu) > img {
position: relative;
- width: 300px;
- z-index: 120;
- -webkit-transition-property: width;
- -moz-transition-property: width;
- -ms-transition-property: width;
- -o-transition-property: width;
- transition-property: width;
- -webkit-transition-duration: .2s;
- -moz-transition-duration: .2s;
- -ms-transition-duration: .2s;
- -o-transition-duration: .2s;
- transition-duration: .2s;
- -webkit-transition-timing-function: ease;
- -moz-transition-timing-function: ease;
- -ms-transition-timing-function: ease;
- -o-transition-timing-function: ease;
- transition-timing-function: ease;
+ top: -2px;
}
-#main > div > .sidebar > .collapsibleButton {
- background-color: #d8e7f5;
- border-radius: 6px 0 0 6px;
- display: block;
- height: 24px;
- left: -20px;
+.userPanel > div > ul.userPanelItems > li > .framed > img {
+ margin-top: -5px;
+ margin-bottom: -4px;
+ padding: 0px;
+ top: 0;
+}
+.userPanel > div > .searchBar {
+ background-color: rgba(0,0,0,0.4);
position: absolute;
- text-decoration: none;
+ right: 0;
top: 0;
- width: 24px;
- -webkit-transition-property: left;
- -moz-transition-property: left;
- -ms-transition-property: left;
- -o-transition-property: left;
- transition-property: left;
- -webkit-transition-duration: .2s;
- -moz-transition-duration: .2s;
- -ms-transition-duration: .2s;
- -o-transition-duration: .2s;
- transition-duration: .2s;
- -webkit-transition-timing-function: ease;
- -moz-transition-timing-function: ease;
- -ms-transition-timing-function: ease;
- -o-transition-timing-function: ease;
- transition-timing-function: ease;
}
-#main > div > .sidebar > .collapsibleButton:before {
- content: "\f054";
+.userPanel > div > .searchBar:before {
+ content: "\f002";
+ color: #ffffff;
font-family: FontAwesome;
font-size: 14px;
+ left: 7px;
position: absolute;
- left: 6px;
- top: 4px;
- text-shadow: 0 1px 0 rgba(255,255,255,0.8);
-}
-#main > div > .sidebar > div {
- overflow: hidden;
-}
-#main > div > .content {
- background-color: #ffffff;
- min-height: 100px;
- padding: 7px 38px 21px;
- z-index: 130;
- -webkit-transition-property: margin;
- -moz-transition-property: margin;
- -ms-transition-property: margin;
- -o-transition-property: margin;
- transition-property: margin;
- -webkit-transition-duration: .2s;
- -moz-transition-duration: .2s;
- -ms-transition-duration: .2s;
- -o-transition-duration: .2s;
- transition-duration: .2s;
- -webkit-transition-timing-function: ease;
- -moz-transition-timing-function: ease;
- -ms-transition-timing-function: ease;
- -o-transition-timing-function: ease;
- transition-timing-function: ease;
-}
-#main:not(.sidebarOrientationLeft):not(.sidebarOrientationRight) .sidebar {
- display: none;
+ top: 12px;
}
-#main.sidebarOrientationLeft .content {
- margin-left: 300px;
+.userPanel > div > .searchBar > form {
+ display: inline-block;
}
-#main.sidebarOrientationLeft .sidebar {
- float: left;
+.userPanel > div > .searchBar > form input[type="search"] {
+ background-color: transparent;
+ border-width: 0;
+ color: #ffffff;
+ height: 40px;
+ padding: 6px 12px 5px 26px;
+ width: 240px;
+ -webkit-appearance: textfield;
+ text-shadow: 0 -1px 0 rgba(0,0,0,0.8);
}
-#main.sidebarOrientationRight.sidebarCollapsed > div > .content {
- margin-right: 20px;
+.userPanel > div > .searchBar > form input[type="search"]:focus {
+ outline: 0;
}
-#main.sidebarOrientationRight.sidebarCollapsed > div > .sidebar {
- width: 0;
+.userPanel > div > .searchBar > form input[type="search"]::-webkit-input-placeholder {
+ color: #cccccc;
}
-#main.sidebarOrientationRight.sidebarCollapsed > div > .sidebar > .collapsibleButton {
- left: -40px;
+.userPanel > div > .searchBar > form input[type="search"]::-moz-placeholder {
+ color: #cccccc;
}
-#main.sidebarOrientationRight.sidebarCollapsed > div > .sidebar > .collapsibleButton:before {
- content: "\f053";
+.userPanel > div > .searchBar > form input[type="search"]:-ms-input-placeholder {
+ color: #cccccc;
}
-#main.sidebarOrientationRight .content {
- margin-right: 300px;
+.userPanel > div > .searchBar .dropdownMenu li > span {
+ max-width: 210px;
+ overflow: hidden;
+ text-overflow: ellipsis;
}
-#main.sidebarOrientationRight .sidebar {
- float: right;
+.userPanel > div.layoutFluid > .searchBar {
+ right: 21px;
}
@media only screen and (max-width: 800px) {
- #main {
- position: relative;
- margin-top: 7px;
- }
- #main.sidebarOrientationRight .sidebar {
- display: none;
- }
- #main.sidebarOrientationLeft .sidebar {
- float: none;
- padding-top: 0;
- position: absolute;
- right: 0px;
- top: 14px;
- width: 100%;
+ .userPanel {
+ height: auto;
}
- #main.sidebarOrientationLeft .sidebar.mobileSidebar:before {
- content: "\f03a";
- font-family: FontAwesome;
+ .userPanel .icon {
font-size: 21px;
- right: 7px;
- position: absolute;
- top: 0;
- }
- #main.sidebarOrientationLeft .sidebar.mobileSidebar:hover > div {
- display: block;
+ height: auto;
+ width: auto;
}
- #main.sidebarOrientationLeft .sidebar.mobileSidebar > div {
- background-color: #d8e7f5;
- margin-top: 28px;
- padding-top: 14px;
+ .userPanel > div > ul.userPanelItems > li > a,
+ .userPanel > div > ul.userPanelItems > li > div:not(.dropdownMenu) {
+ height: 21px;
+ padding: 11px 11px 9px 11px;
}
- #main.sidebarOrientationLeft .sidebar > div {
- display: none;
+ .userPanel > div > ul.userPanelItems > li > .framed > img {
+ margin-top: -4px;
}
- #main.sidebarOrientationLeft .sidebar > div > fieldset.jsOnly {
+ .userPanel > div > ul.userPanelItems > li > a > span:not(.icon):not(.badge),
+ .userPanel > div > ul.userPanelItems > li#pageLanguageContainer > div > div > div > h3 {
display: none;
}
- #main .content {
- border-left: 0 !important;
- border-right: 0 !important;
- margin-left: 0 !important;
- margin-right: 0 !important;
- padding-left: 0 !important;
- padding-right: 0 !important;
- }
- #main .content > *:first-child {
- margin-top: 0;
+ .userPanel > div > ul.userPanelItems > li > a > .badge {
+ top: -4px;
}
-}
-@media only screen and (min-width: 801px) and (max-width: 1239px) {
- #main > div > .content {
- padding-left: 28px;
- padding-right: 28px;
+ .userPanel > div > .searchBar {
+ height: 41px;
+ min-width: 40px;
+ right: 0 !important;
}
-}
-.boxHeadline {
- margin-top: 14px;
- overflow: hidden;
-}
-.boxHeadline h1 {
- font-size: 170%;
-}
-.boxHeadline > p {
- color: #808080;
- font-size: 85%;
-}
-.boxHeadline > .dataList,
-.boxHeadline > .inlineDataList {
- color: #808080;
- font-size: 85%;
-}
-.boxHeadline > h1,
-.boxSubHeadline > h2 {
- color: #666666;
- font-family: "Trebuchet MS", Arial, sans-serif;
- font-weight: bold;
- text-shadow: 0 1px 0 rgba(255,255,255,0.8);
-}
-.boxHeadline > h1 a,
-.boxSubHeadline > h2 a {
- color: #666666;
- text-decoration: none;
-}
-.boxSubHeadline > h2 {
- font-size: 140%;
-}
-@media only screen and (max-width: 800px) {
- .boxHeadline {
- margin-top: 7px;
- margin-left: 7px;
- margin-right: 7px;
+ .userPanel > div > .searchBar:before {
+ font-size: 21px;
}
-}
-@media only screen and (min-width: 641px) and (max-width: 800px) {
- .boxHeadline {
- margin-left: 14px;
- margin-right: 14px;
+ .userPanel > div > .searchBar > form {
+ display: none;
}
-}
-.contentNavigation {
- display: table;
- width: 100%;
-}
-.contentNavigation > * {
- margin-top: 14px;
-}
-.contentNavigation nav ul {
- text-align: left;
-}
-.contentNavigation nav > ul {
- float: left;
-}
-.contentNavigation nav > ul:not(.pageNavigation) {
- float: right;
- text-align: right;
-}
-.contentNavigation nav > ul li {
- display: inline;
-}
-@media only screen and (max-width: 800px) {
- .contentNavigation {
- box-sizing: border-box;
- -moz-box-sizing: border-box;
- -webkit-box-sizing: border-box;
- padding-left: 7px;
- padding-right: 7px;
+ .userPanel > div > .searchBar > form input[type="search"] {
+ height: 41px;
+ padding-left: 40px;
+ width: 100%;
}
-}
-@media only screen and (min-width: 641px) and (max-width: 800px) {
- .contentNavigation {
- padding-left: 14px;
- padding-right: 14px;
+ .userPanel > div > .searchBar:hover {
+ width: 100%;
}
-}
-.container {
- background-color: #fcfdfe;
- border: 1px solid #cccccc;
-}
-.containerPadding {
- padding: 14px 21px 14px;
-}
-@media only screen and (max-width: 800px) {
- .container {
- border-width: 1px 0;
+ .userPanel > div > .searchBar:hover > form {
+ display: block;
}
- .containerPadding {
- padding: 7px;
+ .userPanel > div > .searchBar:before {
+ top: 8px;
}
}
-@media only screen and (min-width: 641px) and (max-width: 800px) {
- .containerPadding {
- padding-left: 14px;
- padding-right: 14px;
- }
+.logo {
+ margin-bottom: 21px;
}
-.containerHeadline > h3 {
- font-size: 120%;
- font-weight: bold;
+.logo a {
+ display: block;
}
-.containerHeadline > h3 > small {
- color: #808080;
- font-weight: normal;
- text-shadow: none;
- font-size: 75%;
+.logo a:hover {
+ text-decoration: none;
}
-.containerHeadline > h3 > .badge {
- top: -1px;
+.logo a h1 {
+ color: #ffffff;
+ float: right;
+ font-size: 160%;
+ padding-top: 21px;
+ text-shadow: 0 -1px 0 rgba(0,0,0,0.8);
}
-.containerHeadline > h3,
-.containerHeadline > h3 > a {
- text-shadow: 0 1px 0 rgba(255,255,255,0.8);
+@media only screen and (max-width: 800px) {
+ .logo {
+ display: none;
+ }
}
-.containerHeadline + * {
- margin-top: 7px;
+.sitemapList {
+ margin: 0 -7px;
}
-.containerList > li {
- padding: 14px 21px;
+.sitemapList li > a,
+.sitemapList li > h3 {
+ overflow: hidden;
+ padding: 4px 14px;
+}
+.sitemapList li > a {
+ display: block;
+ border-radius: 6px 6px 6px 6px;
-webkit-transition-property: background-color;
- -moz-transition-property: background-color;
- -ms-transition-property: background-color;
- -o-transition-property: background-color;
transition-property: background-color;
-webkit-transition-duration: .1s;
- -moz-transition-duration: .1s;
- -ms-transition-duration: .1s;
- -o-transition-duration: .1s;
transition-duration: .1s;
-webkit-transition-timing-function: linear;
- -moz-transition-timing-function: linear;
- -ms-transition-timing-function: linear;
- -o-transition-timing-function: linear;
transition-timing-function: linear;
}
-.containerList > li:nth-child(even) {
- background-color: #f1f5fa;
-}
-.containerList > li:hover {
+.sitemapList li > a:hover {
background-color: #d8e7f5;
+ text-decoration: none;
}
-.containerList > li:hover > div > div > .buttonList {
- opacity: 1;
-}
-.containerList > li:hover > div > div > .containerHeadline > .containerContentType {
- color: #808080;
-}
-.containerList > li > div > div {
- position: relative;
-}
-.containerList > li > div > div > .buttonList {
- opacity: 0;
- position: absolute;
- right: 0;
- top: 0;
- -webkit-transition-property: opacity;
- -moz-transition-property: opacity;
- -ms-transition-property: opacity;
- -o-transition-property: opacity;
- transition-property: opacity;
- -webkit-transition-duration: .1s;
- -moz-transition-duration: .1s;
- -ms-transition-duration: .1s;
- -o-transition-duration: .1s;
- transition-duration: .1s;
- -webkit-transition-timing-function: linear;
- -moz-transition-timing-function: linear;
- -ms-transition-timing-function: linear;
- -o-transition-timing-function: linear;
- transition-timing-function: linear;
+.sitemapList > li:not(:first-child) {
+ margin-top: 7px;
}
-.containerList > li > div > div > .containerHeadline > .containerContentType {
- color: #b3b3b3;
- position: absolute;
- right: 0;
- top: 3px;
- -webkit-transition-property: color;
- -moz-transition-property: color;
- -ms-transition-property: color;
- -o-transition-property: color;
- transition-property: color;
- -webkit-transition-duration: .1s;
- -moz-transition-duration: .1s;
- -ms-transition-duration: .1s;
- -o-transition-duration: .1s;
- transition-duration: .1s;
- -webkit-transition-timing-function: linear;
- -moz-transition-timing-function: linear;
- -ms-transition-timing-function: linear;
- -o-transition-timing-function: linear;
- transition-timing-function: linear;
+.sitemapList > li:not(:last-child) {
+ border-bottom: 1px solid #cccccc;
+ padding-bottom: 7px;
}
-.containerList > * > li {
- padding: 14px 21px;
+.sitemapList > li > ul > li > a {
+ padding-left: 35px;
}
-.containerList.styleList > li > div.box64 > span {
- text-align: center;
- width: 110px;
+.sitemapList > li > ul > li > ul > li a {
+ padding-left: 56px;
}
-.containerList.styleList > li > div.box64 > div {
- margin-left: 115px;
+@media all and (min-width: 801px) {
+ .mainMenu > ul {
+ background-color: #f1f5fa;
+ display: inline-block;
+ }
+ .mainMenu > ul > li {
+ display: inline-block;
+ font-size: 120%;
+ margin-top: -7px;
+ vertical-align: bottom;
+ }
+ .mainMenu > ul > li > a {
+ color: #666666;
+ display: inline-block;
+ padding: 9px 21px;
+ }
+ .mainMenu > ul > li > a:hover {
+ color: #336699;
+ text-decoration: none;
+ }
+ .mainMenu > ul > li.active {
+ font-size: 140%;
+ margin-top: -8px;
+ }
+ .mainMenu > ul > li.active > a {
+ background-color: #e4eef8;
+ color: #336699;
+ font-weight: bold;
+ min-width: 80px;
+ padding: 14px 21px 8px;
+ text-align: center;
+ }
+ .mainMenu > ul > li:not(.active) {
+ padding-top: 5px;
+ }
+ .mainMenu > ul > li:not(:last-child) > a {
+ border-right: 1px solid #cccccc;
+ }
}
@media only screen and (max-width: 800px) {
- .containerList > li {
- padding: 7px;
+ .mainMenu {
+ position: relative;
}
- .containerList > li .containerContentType {
+ .mainMenu > a:first-child {
+ font-weight: bold;
+ border-color: #cdcdcd #bbbbbb #a9a9a9;
+ box-shadow: 0 1px 3px 0 rgba(0,0,0,0.1);
+ background-color: #f0f0f0;
+ background-image: -webkit-linear-gradient(top,#fdfdfd,#f0f0f0 2px,#e3e3e3);
+ background-image: -moz-linear-gradient(top,#fdfdfd,#f0f0f0 2px,#e3e3e3);
+ background-image: -ms-linear-gradient(top,#fdfdfd,#f0f0f0 2px,#e3e3e3);
+ background-image: linear-gradient(top,#fdfdfd,#f0f0f0 2px,#e3e3e3);
+ -webkit-transition-property: background-color, background-image, border, box-shadow, color;
+ transition-property: background-color, background-image, border, box-shadow, color;
+ -webkit-transition-duration: .1s;
+ transition-duration: .1s;
+ -webkit-transition-timing-function: linear;
+ transition-timing-function: linear;
+ border-style: solid;
+ border-width: 1px;
+ cursor: pointer;
+ display: inline-block;
+ margin: 0 2px;
+ padding: 5px 13px;
+ position: relative;
+ border-radius: 15px 15px 15px 15px;
+ background-color: #e3e3e3;
+ border-color: #bbbbbb;
+ color: #999999;
+ text-decoration: none;
+ text-shadow: 0 1px 0 rgba(255,255,255,0.8);
+ margin-left: 7px;
+ outline: 0;
+ }
+ .mainMenu > a:first-child .icon {
+ -webkit-transition-property: color;
+ transition-property: color;
+ -webkit-transition-duration: .1s;
+ transition-duration: .1s;
+ -webkit-transition-timing-function: linear;
+ transition-timing-function: linear;
+ }
+ .mainMenu > a:first-child + a {
+ height: 100%;
+ left: 0;
+ position: absolute;
+ top: 0;
+ width: 100%;
+ z-index: 100;
+ }
+ .mainMenu > a:first-child:focus + a {
+ display: block;
+ }
+ .mainMenu > a:first-child:focus ~ ul {
+ display: block;
+ }
+ .mainMenu > ul {
+ background-color: #ffffff;
+ border: 1px solid #cccccc;
+ color: #666666;
display: none;
+ float: left;
+ min-width: 160px;
+ padding: 4px 0;
+ position: absolute;
+ text-align: left;
+ z-index: 450;
+ box-shadow: 2px 2px 10px 0 rgba(0,0,0,0.2);
+ font-size: 120%;
+ left: 7px;
+ }
+ .mainMenu > ul:after {
+ border: 7px solid transparent;
+ border-bottom-color: #cccccc;
+ border-top-width: 0;
+ content: "";
+ display: inline-block;
+ left: 9px;
+ position: absolute;
+ top: -7px;
+ z-index: 100;
+ }
+ .mainMenu > ul:before {
+ border: 6px solid transparent;
+ border-bottom-color: #ffffff;
+ border-top-width: 0;
+ content: "";
+ display: inline-block;
+ left: 10px;
+ position: absolute;
+ top: -6px;
+ z-index: 101;
+ }
+ .mainMenu > ul.dropdownArrowRight:after {
+ left: auto;
+ right: 9px;
+ }
+ .mainMenu > ul.dropdownArrowRight:before {
+ left: auto;
+ right: 10px;
+ }
+ .mainMenu > ul.dropdownOpen {
+ display: block;
+ }
+ .mainMenu > ul li {
+ display: block;
+ }
+ .mainMenu > ul li:hover:not(.dropdownDivider):not(.dropdownList):not(.dropdownText),
+ .mainMenu > ul li.dropdownList > li:hover:not(.dropdownDivider),
+ .mainMenu > ul li.dropdownNavigationItem {
+ background-color: #d8e7f5;
+ }
+ .mainMenu > ul li.dropdownDivider {
+ border-top: 1px dotted #cccccc;
+ margin: 4px;
+ }
+ .mainMenu > ul li.dropdownText {
+ font-size: 85%;
+ padding: 4px 14px;
+ }
+ .mainMenu > ul li.boxFlag {
+ padding-top: 2px;
}
- .containerList > li > div > div > .buttonList {
- display: none;
+ .mainMenu > ul li > a,
+ .mainMenu > ul li > span {
+ clear: both;
+ color: #666666;
+ cursor: pointer;
+ display: block;
+ max-width: 350px;
+ overflow: hidden;
+ padding: 4px 14px;
+ text-decoration: none;
+ text-overflow: ellipsis;
+ white-space: nowrap;
+ text-shadow: 0 1px 0 rgba(255,255,255,0.8);
}
- .containerList.infoBoxList > li.box32 > span.icon {
- display: none;
+ .mainMenu > ul li > a:hover,
+ .mainMenu > ul li > span:hover {
+ color: #666666;
+ text-shadow: 0 1px 0 rgba(255,255,255,0.8);
}
- .containerList.infoBoxList > li.box32 > div {
- margin-left: 0;
+ .mainMenu > ul li > a > div > h3,
+ .mainMenu > ul li > span > div > h3 {
+ overflow: hidden;
+ text-overflow: ellipsis;
}
-}
-@media only screen and (min-width: 641px) and (max-width: 800px) {
- .containerList > li {
- padding: 7px 14px;
+ .mainMenu > ul li > label {
+ display: block;
}
-}
-@media screen and (min-width: 1240px) {
- .containerList.doubleColumned {
- overflow: hidden;
+ .mainMenu > ul li .containerHeadline {
+ margin-bottom: 0;
}
- .containerList.doubleColumned > li {
- padding: 0;
- float: left;
- width: 50%;
- height: 90px;
- overflow: hidden;
+ .mainMenu > ul li .containerHeadline > p {
+ font-size: 85%;
}
- .containerList.doubleColumned > li:nth-child(even) {
- float: right;
+ .mainMenu > ul li.notificationItem > a {
+ white-space: normal;
}
- .containerList.doubleColumned > li:nth-child(4n),
- .containerList.doubleColumned > li:nth-child(4n+1) {
- background-color: #fcfdfe;
+ .mainMenu > ul:hover {
+ display: block;
}
- .containerList.doubleColumned > li:nth-child(4n+2),
- .containerList.doubleColumned > li:nth-child(4n+3) {
- background-color: #f1f5fa;
+ .mainMenu > ul > li.active > ul.invisible {
+ display: block;
+ font-size: 85%;
+ padding-left: 14px;
}
- .containerList.doubleColumned > li:hover {
- background-color: #d8e7f5;
+ .mainMenu > ul > li.active > ul.invisible > li > span.badge {
+ display: none;
}
- .containerList.doubleColumned > li > div {
- padding: 14px 21px;
+ .mainMenu > ul > li.active > a {
+ position: relative;
}
- .containerList.doubleColumned:after {
- content: "";
- display: table;
- clear: left;
+ .mainMenu > ul > li.active > a:after {
+ content: "\f00c";
+ font-family: FontAwesome;
+ font-size: 14px;
+ position: absolute;
+ right: 7px;
}
}
-.nestedCategoryList > li {
- margin-top: 21px;
- overflow: hidden;
+@media only screen and (min-width: 641px) and (max-width: 800px) {
+ .mainMenu > a:first-child {
+ margin-left: 14px;
+ }
}
-.nestedCategoryList > li:first-child {
- margin-top: 0;
+.navigation {
+ padding: 0 7px;
}
-.nestedCategoryList > li > div {
- padding: 0 14px;
+.navigation > ul {
+ display: inline-block;
}
-.nestedCategoryList > li > div > ol > li {
+.navigation > ul.navigationItems,
+.navigation > ul.navigationIcons {
+ float: right;
+}
+.navigation > ul.navigationItems > li,
+.navigation > ul.navigationIcons > li {
+ float: right;
+}
+.navigation > ul.navigationIcons > li {
+ padding: 0 3px;
+}
+.navigation > ul.navigationIcons > li > a {
display: inline-block;
- font-size: 85%;
+ padding: 3px;
}
-.nestedCategoryList.doubleColumned > li {
- float: left;
- width: 50%;
+.navigation > ul.navigationItems {
+ border-right: 1px dotted #cccccc;
}
-.nestedCategoryList.doubleColumned > li:nth-child(odd):not(:first-child) {
- clear: left;
+.navigation > ul.navigationItems > li > p {
+ color: #336699;
}
-.nestedCategoryList.doubleColumned > li:nth-child(2) {
- margin-top: 0;
+.navigation > ul.navigationItems > li,
+.navigation > ul.navigationMenuItems > li {
+ margin: 4px 7px 1px;
}
-.nestedCategoryList.doubleColumned:after {
- content: "";
- display: table;
- clear: left;
+.navigation > ul.navigationItems > li > a,
+.navigation > ul.navigationMenuItems > li > a {
+ color: #336699;
+ padding: 2px 0;
}
-.containerBoxList {
- margin-bottom: -7px;
+.navigation > ul.navigationItems > li > a:hover,
+.navigation > ul.navigationMenuItems > li > a:hover {
+ color: #003366;
+ text-decoration: none;
}
-.containerBoxList > li {
- margin-bottom: 7px;
+.navigation > ul.navigationItems .icon,
+.navigation > ul.navigationMenuItems .icon,
+.navigation > ul.navigationIcons .icon {
+ color: #336699;
}
-.containerBoxList > li > div {
- overflow: hidden;
- white-space: nowrap;
+.navigation > ul.navigationMenuItems > li {
+ display: inline-block;
}
-@media all and (min-width: 801px) {
- .containerBoxList.doubleColumned,
- .containerBoxList.tripleColumned {
- *zoom: 1;
- }
- .containerBoxList.doubleColumned:before,
- .containerBoxList.doubleColumned:after,
- .containerBoxList.tripleColumned:before,
- .containerBoxList.tripleColumned:after {
- display: table;
- content: "";
- }
- .containerBoxList.doubleColumned:after,
- .containerBoxList.tripleColumned:after {
- clear: both;
- }
- .containerBoxList.doubleColumned > li,
- .containerBoxList.tripleColumned > li {
- float: left;
+@media only screen and (max-width: 800px) {
+ .navigation.navigationHeader > ul.navigationIcons,
+ .navigation.navigationHeader > ul.navigationItems,
+ .navigation.navigationHeader > ul.navigationMenuItems {
+ display: none;
}
- .containerBoxList.doubleColumned > li > div,
- .containerBoxList.tripleColumned > li > div {
- margin-right: 21px;
+ .navigation.navigationFooter > ul.navigationIcons,
+ .navigation.navigationFooter > ul.navigationItems {
+ display: none;
}
- .containerBoxList.doubleColumned > li {
- width: 50%;
+ .navigation.navigationFooter > ul.navigationMenuItems > li {
+ margin: 4px 7px 4px 0;
}
- .containerBoxList.tripleColumned > li {
- width: 33%;
+}
+.navigationHeader {
+ background-color: #e4eef8;
+ border-bottom: 1px solid #cccccc;
+ border-top: 1px solid #cccccc;
+}
+.navigationHeader:before,
+.navigationHeader:after {
+ display: table;
+ content: "";
+}
+.navigationHeader:after {
+ clear: both;
+}
+.navigationFooter {
+ background-color: #e4eef8;
+ border-top: 1px solid #cccccc;
+}
+.navigationFooter:before,
+.navigationFooter:after {
+ display: table;
+ content: "";
+}
+.navigationFooter:after {
+ clear: both;
+}
+@media only screen and (max-width: 800px) {
+ .navigationHeader {
+ background-color: transparent;
+ border: 0;
}
}
-.box16 {
- min-height: 20px;
+.footer {
+ padding-bottom: 14px;
+ z-index: 100;
}
-.box16 > :first-child {
- float: left;
+.footer .footerContent {
+ text-align: center;
}
-.box16 > *:not(:first-child) {
- margin-left: 20px;
+.footer .footerContent a {
+ text-shadow: 0 -1px 0 rgba(0,0,0,0.8);
+ -webkit-transition-property: color;
+ transition-property: color;
+ -webkit-transition-duration: .1s;
+ transition-duration: .1s;
+ -webkit-transition-timing-function: linear;
+ transition-timing-function: linear;
}
-.box16 > .framed ~ * {
- margin-left: 24px;
+.footer .footerContent a:hover {
+ text-decoration: none;
}
-.box24 {
- min-height: 28px;
+@media only screen and (max-width: 800px) {
+ .footerContent {
+ margin: 0 14px;
+ }
}
-.box24 > :first-child {
- float: left;
+#main {
+ z-index: 110;
+ box-sizing: border-box;
+ -moz-box-sizing: border-box;
+ display: table;
+ width: 100%;
+ table-layout: fixed;
}
-.box24 > *:not(:first-child) {
- margin-left: 28px;
+#main > div {
+ display: table-row;
+}
+#main > div > .sidebar,
+#main > div > .content {
+ display: table-cell;
+ vertical-align: top;
+}
+#main > div > .sidebar {
+ background-color: #d8e7f5;
+ width: 300px;
+ z-index: 120;
+ -webkit-transition-property: width;
+ transition-property: width;
+ -webkit-transition-duration: .2s;
+ transition-duration: .2s;
+ -webkit-transition-timing-function: ease;
+ transition-timing-function: ease;
+}
+#main > div > .sidebar > span {
+ position: relative;
}
-.box24 > .framed ~ * {
- margin-left: 32px;
+#main > div > .sidebar > span > .collapsibleButton {
+ background-color: #d8e7f5;
+ border-radius: 6px 0 0 6px;
+ display: block;
+ height: 24px;
+ left: -20px;
+ position: absolute;
+ text-decoration: none;
+ top: 0;
+ width: 24px;
}
-.box32 {
- min-height: 36px;
+#main > div > .sidebar > span > .collapsibleButton:before {
+ content: "\f054";
+ font-family: FontAwesome;
+ font-size: 14px;
+ position: absolute;
+ left: 6px;
+ top: 4px;
+ text-shadow: 0 1px 0 rgba(255,255,255,0.8);
}
-.box32 > :first-child {
- float: left;
+#main > div > .sidebar > div {
+ overflow: hidden;
+ width: 300px;
+ -webkit-transition-property: width;
+ transition-property: width;
+ -webkit-transition-duration: .2s;
+ transition-duration: .2s;
+ -webkit-transition-timing-function: ease;
+ transition-timing-function: ease;
}
-.box32 > *:not(:first-child) {
- margin-left: 39px;
+#main > div > .content {
+ background-color: #ffffff;
+ min-height: 100px;
+ padding: 7px 38px 21px;
+ z-index: 130;
}
-.box32 > .framed ~ * {
- margin-left: 43px;
+#main:not(.sidebarOrientationLeft):not(.sidebarOrientationRight) .sidebar {
+ display: none;
}
-.box48 {
- min-height: 52px;
+#main.sidebarOrientationRight.sidebarCollapsed > div > .sidebar {
+ width: 20px;
}
-.box48 > :first-child {
- float: left;
+#main.sidebarOrientationRight.sidebarCollapsed > div > .sidebar > span > .collapsibleButton:before {
+ content: "\f053";
}
-.box48 > *:not(:first-child) {
- margin-left: 55px;
+#main.sidebarOrientationRight.sidebarCollapsed > div > .sidebar > div {
+ width: 0;
}
-.box48 > .framed ~ * {
- margin-left: 59px;
+@media only screen and (max-width: 800px) {
+ #main {
+ display: block;
+ position: relative;
+ margin-top: 7px;
+ }
+ #main > div {
+ display: block;
+ }
+ #main > div > .sidebar,
+ #main > div > .content {
+ display: block;
+ }
+ #main.sidebarOrientationRight .sidebar {
+ display: none;
+ }
+ #main.sidebarOrientationLeft .sidebar {
+ background-color: transparent;
+ padding: 0;
+ position: absolute;
+ right: 0px;
+ top: 14px;
+ width: 100%;
+ }
+ #main.sidebarOrientationLeft .sidebar.mobileSidebar:before {
+ content: "\f03a";
+ font-family: FontAwesome;
+ font-size: 21px;
+ right: 7px;
+ position: absolute;
+ top: 0;
+ }
+ #main.sidebarOrientationLeft .sidebar.mobileSidebar:hover > div {
+ display: block;
+ }
+ #main.sidebarOrientationLeft .sidebar.mobileSidebar > div {
+ background-color: #d8e7f5;
+ margin-top: 28px;
+ padding-top: 14px;
+ width: 100%;
+ }
+ #main.sidebarOrientationLeft .sidebar > div {
+ display: none;
+ }
+ #main.sidebarOrientationLeft .sidebar > div > fieldset.jsOnly {
+ display: none;
+ }
+ #main .content {
+ border-left: 0 !important;
+ border-right: 0 !important;
+ margin-left: 0 !important;
+ margin-right: 0 !important;
+ padding-left: 0 !important;
+ padding-right: 0 !important;
+ }
+ #main .content > *:first-child {
+ margin-top: 0;
+ }
}
-.box64 {
- min-height: 68px;
+@media only screen and (min-width: 801px) and (max-width: 1239px) {
+ #main > div > .content {
+ padding-left: 28px;
+ padding-right: 28px;
+ }
}
-.box64 > :first-child {
- float: left;
+.boxHeadline {
+ margin-top: 14px;
+ overflow: hidden;
}
-.box64 > *:not(:first-child) {
- margin-left: 71px;
+.boxHeadline h1 {
+ font-size: 170%;
}
-.box64 > .framed ~ * {
- margin-left: 75px;
+.boxHeadline > p {
+ color: #808080;
+ font-size: 85%;
}
-.box96 {
- min-height: 100px;
+.boxHeadline > .dataList,
+.boxHeadline > .inlineDataList {
+ color: #808080;
+ font-size: 85%;
}
-.box96 > :first-child {
- float: left;
+.boxHeadline > h1,
+.boxSubHeadline > h2 {
+ color: #666666;
+ font-family: "Trebuchet MS", Arial, sans-serif;
+ font-weight: bold;
+ text-shadow: 0 1px 0 rgba(255,255,255,0.8);
}
-.box96 > *:not(:first-child) {
- margin-left: 107px;
+.boxHeadline > h1 a,
+.boxSubHeadline > h2 a {
+ color: #666666;
+ text-decoration: none;
}
-.box96 > .framed ~ * {
- margin-left: 111px;
+.boxSubHeadline > h2 {
+ font-size: 140%;
}
-.box128 {
- min-height: 132px;
+@media only screen and (max-width: 800px) {
+ .boxHeadline {
+ margin-top: 7px;
+ margin-left: 7px;
+ margin-right: 7px;
+ }
}
-.box128 > :first-child {
- float: left;
+@media only screen and (min-width: 641px) and (max-width: 800px) {
+ .boxHeadline {
+ margin-left: 14px;
+ margin-right: 14px;
+ }
}
-.box128 > *:not(:first-child) {
- margin-left: 139px;
+.contentNavigation {
+ display: table;
+ width: 100%;
}
-.box128 > .framed ~ * {
- margin-left: 143px;
+.contentNavigation > * {
+ margin-top: 14px;
}
-.box256 {
- min-height: 260px;
+.contentNavigation nav ul {
+ text-align: left;
}
-.box256 > :first-child {
+.contentNavigation nav > ul {
float: left;
}
-.box256 > *:not(:first-child) {
- margin-left: 277px;
-}
-.box256 > .framed ~ * {
- margin-left: 281px;
+.contentNavigation nav > ul:not(.pageNavigation) {
+ float: right;
+ text-align: right;
}
-.breadcrumbs {
- box-sizing: border-box;
- overflow: hidden;
- position: relative;
- text-align: left;
+.contentNavigation nav > ul li {
+ display: inline;
}
-.breadcrumbs > ul > li {
- float: left;
- font-size: 85%;
- list-style: none;
- max-width: 30%;
- padding-right: 10px;
- position: relative;
+@media only screen and (max-width: 800px) {
+ .contentNavigation {
+ box-sizing: border-box;
+ -moz-box-sizing: border-box;
+ -webkit-box-sizing: border-box;
+ padding-left: 7px;
+ padding-right: 7px;
+ }
}
-.breadcrumbs > ul > li:first-child > a:before {
- content: "\f015";
- display: inline-block;
- font-family: FontAwesome;
- font-size: 14px;
- margin: -3px 7px -3px 0;
- vertical-align: -1px;
+@media only screen and (min-width: 641px) and (max-width: 800px) {
+ .contentNavigation {
+ padding-left: 14px;
+ padding-right: 14px;
+ }
}
-.breadcrumbs > ul > li > a {
- color: #666666;
- display: block;
- overflow: hidden;
- padding: 5px 1px 5px 5px;
- text-decoration: none;
- text-overflow: ellipsis;
- white-space: nowrap;
- text-shadow: 0 1px 0 rgba(255,255,255,0.8);
+.container {
+ background-color: #fcfdfe;
+ border: 1px solid #cccccc;
}
-.breadcrumbs > ul > li > .pointer {
- padding: 5px 0;
- position: absolute;
- top: 0;
- right: 0;
+.containerPadding {
+ padding: 14px 21px 14px;
}
@media only screen and (max-width: 800px) {
- .content > .breadcrumbs {
- display: none;
+ .container {
+ border-width: 1px 0;
+ }
+ .containerPadding {
+ padding: 7px;
+ }
+}
+@media only screen and (min-width: 641px) and (max-width: 800px) {
+ .containerPadding {
+ padding-left: 14px;
+ padding-right: 14px;
}
}
-.smallBreadcrumbs > li {
- display: inline;
- font-size: 85%;
+.containerHeadline > h3 {
+ font-size: 120%;
+ font-weight: bold;
}
-.tabMenu {
- display: block;
- margin-top: 21px;
- position: relative;
- text-align: left;
+.containerHeadline > h3 > small {
+ color: #808080;
+ font-weight: normal;
+ text-shadow: none;
+ font-size: 75%;
}
-.tabMenu > ul {
- background-color: #f1f5fa;
- border-color: #cccccc;
- border-style: solid;
- border-width: 1px 1px 0 1px;
- display: inline-block;
- padding: 0 5px 3px 5px;
- position: relative;
- white-space: nowrap;
- text-shadow: 0 1px 0 rgba(255,255,255,0.8);
+.containerHeadline > h3 > .badge {
+ top: -1px;
}
-.tabMenu > ul > li {
- display: inline-block;
- outline: 0;
- white-space: nowrap;
+.containerHeadline > h3,
+.containerHeadline > h3 > a {
+ text-shadow: 0 1px 0 rgba(255,255,255,0.8);
}
-.tabMenu > ul > li.ui-state-active > a {
- background-color: #fcfdfe;
- border-color: #cccccc #cccccc #fcfdfe;
- border-style: solid;
- border-width: 1px;
- color: #336699;
- font-weight: bold;
- font-size: 130%;
- margin-top: -10px;
- padding: 10px 15px 5px;
- z-index: 30;
+.containerHeadline + * {
+ margin-top: 7px;
}
-.tabMenu > ul > li.ui-state-active:first-child {
- margin-left: -6px;
+.containerList > li {
+ padding: 14px 21px;
+ -webkit-transition-property: background-color;
+ transition-property: background-color;
+ -webkit-transition-duration: .1s;
+ transition-duration: .1s;
+ -webkit-transition-timing-function: linear;
+ transition-timing-function: linear;
}
-.tabMenu > ul > li.ui-state-active:last-child {
- margin-right: -6px;
+.containerList > li:nth-child(even) {
+ background-color: #f1f5fa;
}
-.tabMenu > ul > li > a {
- bottom: -3px;
- color: #808080;
- display: inline-block;
- font-size: 110%;
- outline: 0;
- padding: 1px 10px 3px;
- position: relative;
- text-decoration: none;
- z-index: 10;
+.containerList > li:hover {
+ background-color: #d8e7f5;
}
-.tabMenu > ul > li:not(.ui-state-active) > a:hover {
- color: #336699;
+.containerList > li:hover > div > div > .buttonGroupNavigation > .buttonList {
+ opacity: 1;
}
-.tabMenu > ul > li.ui-state-active > a,
-.tabMenu > ul > li.ui-state-disabled > a,
-.tabMenu > ul > li.ui-state-processing > a {
- cursor: default;
+.containerList > li:hover > div > div > .containerHeadline > .containerContentType {
+ color: #808080;
}
-.tabMenuContent {
- display: block;
- margin-top: -1px;
- min-height: 21px;
+.containerList > li > div > div {
position: relative;
- z-index: 20;
-}
-.tabMenuContainer > .menu {
- border-bottom: 1px solid #cccccc;
- margin: -14px -21px 14px -21px;
- padding: 4px 7px;
- background-color: #fcfdfe;
- background-image: -webkit-linear-gradient(#fcfdfe,#f1f5fa);
- background-image: -moz-linear-gradient(#fcfdfe,#f1f5fa);
- background-image: -o-linear-gradient(#fcfdfe,#f1f5fa);
- background-image: -ms-linear-gradient(#fcfdfe,#f1f5fa);
- background-image: linear-gradient(#fcfdfe,#f1f5fa);
}
-.tabMenuContainer > .menu ul {
- display: inline-block;
+.containerList > li > div > div > .buttonGroupNavigation {
+ position: absolute;
+ right: 0;
+ top: 0;
}
-.tabMenuContainer > .menu ul li {
- display: inline-block;
- outline: 0;
+.containerList > li > div > div > .buttonGroupNavigation > .buttonList {
+ opacity: 0;
+ -webkit-transition-property: opacity;
+ transition-property: opacity;
+ -webkit-transition-duration: .1s;
+ transition-duration: .1s;
+ -webkit-transition-timing-function: linear;
+ transition-timing-function: linear;
}
-.tabMenuContainer > .menu ul li.ui-state-active a,
-.tabMenuContainer > .menu ul li.ui-state-active a:hover {
- background-color: #d8e7f5;
- border-color: #6699cc;
- color: #6699cc;
- cursor: default;
+.containerList > li > div > div > .containerHeadline > .containerContentType {
+ color: #b3b3b3;
+ position: absolute;
+ right: 0;
+ top: 3px;
+ -webkit-transition-property: color;
+ transition-property: color;
+ -webkit-transition-duration: .1s;
+ transition-duration: .1s;
+ -webkit-transition-timing-function: linear;
+ transition-timing-function: linear;
}
-.tabMenuContainer > .menu ul li a {
- background-color: #fcfdfe;
- border: 1px solid #cccccc;
- color: #999999;
- display: block;
- font-size: 85%;
- margin: 4px 0;
- outline: 0;
- padding: 4px 7px;
- border-radius: 15px 15px 15px 15px;
+.containerList > * > li {
+ padding: 14px 21px;
}
-.tabMenuContainer > .menu ul li a:hover {
- background-color: #ffe5c8;
- border-color: #ffaa22;
- color: #666666;
- text-decoration: none;
+.containerList.styleList > li > div.box64 > span {
+ text-align: center;
+ width: 110px;
}
-.containerPadding > .tabMenuContainer:last-child {
- margin-bottom: 7px;
+.containerList.styleList > li > div.box64 > div {
+ margin-left: 115px;
}
@media only screen and (max-width: 800px) {
- .tabMenu > ul {
- margin-left: 4px;
- margin-right: 4px;
+ .containerList > li {
+ padding: 7px;
}
- .tabMenu > ul > li.ui-state-active > a {
- font-size: 100%;
- padding-left: 10px;
- padding-right: 10px;
+ .containerList > li .containerContentType {
+ display: none;
}
- .tabMenu > ul > li > a {
- font-size: 100%;
- padding-left: 5px;
- padding-right: 5px;
+ .containerList.infoBoxList > li.box32 > span.icon {
+ display: none;
+ }
+ .containerList.infoBoxList > li.box32 > div {
+ margin-left: 0;
}
}
-.ui-tabs .ui-tabs-hide {
- display: none !important;
-}
-.ui-helper-hidden {
- display: none;
-}
-.ui-helper-hidden-accessible {
- position: absolute !important;
- clip: rect(1px 1px 1px 1px);
- clip: rect(1px,1px,1px,1px);
-}
-.tabularBox {
- background-color: #336699;
- border: 1px solid #cccccc;
-}
-.tabularBox > .container {
- border: 0;
-}
-.tabularBoxTitle > header {
- color: #ffffff;
- padding: 5px 7px;
+@media only screen and (min-width: 641px) and (max-width: 800px) {
+ .containerList > li {
+ padding: 7px 14px;
+ }
}
-.tabularBoxTitle > header > h2 {
- font-size: 120%;
- font-weight: bold;
- text-shadow: 0 1px 0 rgba(255,255,255,0.8);
- text-shadow: 0 -1px 0 rgba(0,0,0,0.8);
+@media screen and (min-width: 1240px) {
+ .containerList.doubleColumned {
+ overflow: hidden;
+ }
+ .containerList.doubleColumned > li {
+ padding: 0;
+ float: left;
+ width: 50%;
+ height: 90px;
+ overflow: hidden;
+ }
+ .containerList.doubleColumned > li:nth-child(even) {
+ float: right;
+ }
+ .containerList.doubleColumned > li:nth-child(4n),
+ .containerList.doubleColumned > li:nth-child(4n+1) {
+ background-color: #fcfdfe;
+ }
+ .containerList.doubleColumned > li:nth-child(4n+2),
+ .containerList.doubleColumned > li:nth-child(4n+3) {
+ background-color: #f1f5fa;
+ }
+ .containerList.doubleColumned > li:hover {
+ background-color: #d8e7f5;
+ }
+ .containerList.doubleColumned > li > div {
+ padding: 14px 21px;
+ }
+ .containerList.doubleColumned:after {
+ content: "";
+ display: table;
+ clear: left;
+ }
}
-.tabularBoxTitle > header > h2 > a {
- color: #ffffff;
+.nestedCategoryList > li {
+ margin-top: 21px;
+ overflow: hidden;
}
-.tabularBoxTitle > header > h2 > a:hover {
- color: #ffffff;
- text-decoration: none;
+.nestedCategoryList > li:first-child {
+ margin-top: 0;
}
-.tabularBoxTitle > header .icon {
- color: #ffffff;
- text-shadow: 0 1px 0 rgba(255,255,255,0.8);
- text-shadow: 0 -1px 0 rgba(0,0,0,0.8);
+.nestedCategoryList > li > div {
+ padding: 0 14px;
}
-@media only screen and (max-width: 800px) {
- .tabularBox {
- border-width: 1px 0;
- }
- .tabularBoxTitle {
- border-top-width: 0;
- }
+.nestedCategoryList > li > div > ol > li {
+ display: inline-block;
+ font-size: 85%;
}
-@media only screen and (min-width: 641px) and (max-width: 800px) {
- .tabularBoxTitle > header {
- padding-left: 14px;
- padding-right: 14px;
- }
+.nestedCategoryList.doubleColumned > li {
+ float: left;
+ width: 50%;
}
-.table {
- border-spacing: 0;
- width: 100%;
+.nestedCategoryList.doubleColumned > li:nth-child(odd):not(:first-child) {
+ clear: left;
}
-.table th,
-.table td {
- padding: 7px;
- text-align: left;
- vertical-align: middle;
+.nestedCategoryList.doubleColumned > li:nth-child(2) {
+ margin-top: 0;
}
-.table th > label,
-.table td > label {
- cursor: pointer;
- display: block;
- margin: -7px;
- padding: 7px;
+.nestedCategoryList.doubleColumned:after {
+ content: "";
+ display: table;
+ clear: left;
}
-.table th > label > input[type="checkbox"],
-.table td > label > input[type="checkbox"] {
- margin: -1px 3px 0;
+.containerBoxList {
+ margin-bottom: -7px;
}
-.table th {
- border-right: 1px solid rgba(0,0,0,0.2);
- color: #ffffff;
- font-size: 85%;
- font-weight: bold;
+.containerBoxList > li {
+ margin-bottom: 7px;
+}
+.containerBoxList > li > div {
+ overflow: hidden;
white-space: nowrap;
- text-shadow: 0 1px 0 rgba(255,255,255,0.8);
- text-shadow: 0 -1px 0 rgba(0,0,0,0.8);
- background-color: rgba(0,0,0,0.3);
- background-image: -webkit-linear-gradient(rgba(0,0,0,0),rgba(0,0,0,0.3));
- background-image: -moz-linear-gradient(rgba(0,0,0,0),rgba(0,0,0,0.3));
- background-image: -o-linear-gradient(rgba(0,0,0,0),rgba(0,0,0,0.3));
- background-image: -ms-linear-gradient(rgba(0,0,0,0),rgba(0,0,0,0.3));
- background-image: linear-gradient(rgba(0,0,0,0),rgba(0,0,0,0.3));
}
-.table th > a {
- color: #ffffff;
- display: block;
- margin: -7px;
- position: relative;
+@media all and (min-width: 801px) {
+ .containerBoxList.doubleColumned:before,
+ .containerBoxList.doubleColumned:after,
+ .containerBoxList.tripleColumned:before,
+ .containerBoxList.tripleColumned:after {
+ display: table;
+ content: "";
+ }
+ .containerBoxList.doubleColumned:after,
+ .containerBoxList.tripleColumned:after {
+ clear: both;
+ }
+ .containerBoxList.doubleColumned > li,
+ .containerBoxList.tripleColumned > li {
+ float: left;
+ }
+ .containerBoxList.doubleColumned > li > div,
+ .containerBoxList.tripleColumned > li > div {
+ margin-right: 21px;
+ }
+ .containerBoxList.doubleColumned > li {
+ width: 50%;
+ }
+ .containerBoxList.tripleColumned > li {
+ width: 33%;
+ }
}
-.table th > a:hover {
- text-decoration: none;
+.box16 {
+ min-height: 20px;
}
-.table th > a > img {
- margin: -5px 0;
+.box16 > :first-child {
+ float: left;
}
-.table th.active > a {
- background-color: rgba(0,0,0,0.1);
- color: #ffffff;
- -webkit-box-shadow: inset 0 10px 10px -10px rgba(0,0,0,0.1);
- -moz-box-shadow: inset 0 10px 10px -10px rgba(0,0,0,0.1);
- -ms-box-shadow: inset 0 10px 10px -10px rgba(0,0,0,0.1);
- -o-box-shadow: inset 0 10px 10px -10px rgba(0,0,0,0.1);
- box-shadow: inset 0 10px 10px -10px rgba(0,0,0,0.1);
+.box16 > *:not(:first-child) {
+ margin-left: 20px;
}
-.table th.ASC > a,
-.table th.DESC > a {
- padding-right: 20px;
+.box16 > .framed ~ * {
+ margin-left: 24px;
}
-.table th.ASC > a:after,
-.table th.DESC > a:after {
- display: inline-block;
- font-family: FontAwesome;
- font-size: 14px;
- position: absolute;
- margin-left: 4px;
- text-shadow: 0 1px 0 rgba(255,255,255,0.8);
- text-shadow: 0 -1px 0 rgba(0,0,0,0.8);
+.box24 {
+ min-height: 28px;
}
-.table th.ASC > a:after {
- content: "\f0de";
- top: 8px;
+.box24 > :first-child {
+ float: left;
}
-.table th.DESC > a:after {
- content: "\f0dd";
- top: 3px;
+.box24 > *:not(:first-child) {
+ margin-left: 28px;
}
-.table th:hover > a {
- background-color: rgba(0,0,0,0.2);
- color: #ffffff;
+.box24 > .framed ~ * {
+ margin-left: 32px;
}
-.table th > * {
- padding: 7px;
+.box32 {
+ min-height: 36px;
}
-.table td {
- background-color: #fcfdfe;
- -webkit-transition-property: background;
- -moz-transition-property: background;
- -ms-transition-property: background;
- -o-transition-property: background;
- transition-property: background;
- -webkit-transition-duration: .1s;
- -moz-transition-duration: .1s;
- -ms-transition-duration: .1s;
- -o-transition-duration: .1s;
- transition-duration: .1s;
- -webkit-transition-timing-function: linear;
- -moz-transition-timing-function: linear;
- -ms-transition-timing-function: linear;
- -o-transition-timing-function: linear;
- transition-timing-function: linear;
+.box32 > :first-child {
+ float: left;
}
-.table td.columnMark,
-.table td.columnStatus {
- text-align: center;
- width: 1px !important;
- white-space: nowrap;
+.box32 > *:not(:first-child) {
+ margin-left: 39px;
}
-.table td.columnDigits,
-.table td.columnID {
- text-align: right;
- width: 1px !important;
- white-space: nowrap;
+.box32 > .framed ~ * {
+ margin-left: 43px;
}
-.table td.columnIcon {
- text-align: left;
- width: 1px !important;
- white-space: nowrap;
+.box48 {
+ min-height: 52px;
}
-.table td.columnTitle {
- font-weight: bold;
- text-align: left;
+.box48 > :first-child {
+ float: left;
}
-.table td.columnText {
- font-weight: normal;
- text-align: left;
- max-width: 20%;
+.box48 > *:not(:first-child) {
+ margin-left: 55px;
}
-.table td.columnDate,
-.table td.columnRegistrationDate {
- font-size: 85%;
- text-align: right;
- width: 1px !important;
- white-space: nowrap;
+.box48 > .framed ~ * {
+ margin-left: 59px;
}
-.table td.columnURL,
-.table td.columnSmallText {
- font-size: 85%;
- text-align: left;
+.box64 {
+ min-height: 68px;
}
-.table > tbody > tr:nth-child(even) > td {
- background-color: #f1f5fa;
+.box64 > :first-child {
+ float: left;
}
-.table > tbody > tr:not(:last-child) > td {
- border-bottom: 1px solid rgba(255,255,255,0.3);
+.box64 > *:not(:first-child) {
+ margin-left: 71px;
}
-.table > tbody > tr:hover > td {
- background-color: #d8e7f5;
+.box64 > .framed ~ * {
+ margin-left: 75px;
}
-.table > tbody > tr > td:not(:last-child) {
- border-right: 1px solid rgba(255,255,255,0.3);
+.box96 {
+ min-height: 100px;
}
-.table > tbody > tr > td.focus {
- background-color: #d8e7f5;
+.box96 > :first-child {
+ float: left;
}
-.table > tbody > tr > td.left {
- text-align: left;
+.box96 > *:not(:first-child) {
+ margin-left: 107px;
}
-.table > tbody > tr > td.right {
- text-align: right;
+.box96 > .framed ~ * {
+ margin-left: 111px;
}
-.table .statusDisplay {
- float: right;
+.box128 {
+ min-height: 132px;
}
-.table .statusDisplay .statusIcons {
- float: right;
- margin-left: 7px;
+.box128 > :first-child {
+ float: left;
}
-.table .statusDisplay .statusIcons li {
- display: inline-block;
+.box128 > *:not(:first-child) {
+ margin-left: 139px;
}
-dl.statsDataList > dt {
- color: #808080;
- display: block;
- float: right;
- font-size: 85%;
- line-height: 1.5;
- overflow: hidden;
- text-align: left;
- white-space: nowrap;
- width: 62%;
+.box128 > .framed ~ * {
+ margin-left: 143px;
}
-dl.statsDataList > dt > a {
- color: #808080;
- text-decoration: none;
+.box256 {
+ min-height: 260px;
}
-dl.statsDataList > dd {
- color: #666666;
+.box256 > :first-child {
float: left;
- font-weight: bold;
- margin: 0;
- overflow: hidden;
- text-align: right;
- text-overflow: ellipsis;
- white-space: nowrap;
- width: 35%;
}
-dl.statsDataList > dd > a {
- color: #666666;
- text-decoration: none;
+.box256 > *:not(:first-child) {
+ margin-left: 277px;
}
-dl.statsDataList:after {
- display: table;
- content: "";
- clear: both;
+.box256 > .framed ~ * {
+ margin-left: 281px;
}
-dl.inlineDataList {
+.breadcrumbs {
+ box-sizing: border-box;
overflow: hidden;
+ position: relative;
+ text-align: left;
}
-dl.inlineDataList > dd {
- display: inline-block;
- margin: 0 4px 0 0;
- padding: 0;
+.breadcrumbs > ul > li {
+ float: left;
+ font-size: 85%;
+ list-style: none;
+ max-width: 30%;
+ padding-right: 10px;
+ position: relative;
}
-dl.inlineDataList > dt {
- color: #808080;
+.breadcrumbs > ul > li:first-child > a:before {
+ content: "\f015";
display: inline-block;
- margin: 0;
- text-align: left;
- width: auto;
-}
-dl.inlineDataList > dt:after {
- content: ":";
+ font-family: FontAwesome;
+ font-size: 14px;
+ margin: -3px 7px -3px 0;
+ vertical-align: -1px;
}
-dl.dataList dt {
- float: left;
+.breadcrumbs > ul > li > a {
+ color: #666666;
+ display: block;
overflow: hidden;
- text-align: right;
+ padding: 5px 1px 5px 5px;
+ text-decoration: none;
text-overflow: ellipsis;
white-space: nowrap;
- width: 35%;
+ text-shadow: 0 1px 0 rgba(255,255,255,0.8);
}
-dl.dataList dd {
+.breadcrumbs > ul > li > .pointer {
+ padding: 5px 0;
+ position: absolute;
+ top: 0;
+ right: 0;
+}
+@media only screen and (max-width: 800px) {
+ .content > .breadcrumbs {
+ background-color: #ffffff;
+ border: 1px solid #cccccc;
+ display: inline-block;
+ margin-left: 7px;
+ margin-right: 7px;
+ max-width: 90%;
+ border-radius: 6px 6px 6px 6px;
+ }
+ .content > .breadcrumbs > ul > li {
+ float: none;
+ max-width: none;
+ padding-right: 0;
+ }
+ .content > .breadcrumbs > ul > li:not(:last-child) {
+ display: none;
+ }
+ .content > .breadcrumbs > ul > li > a {
+ padding: 4px 14px;
+ }
+ .content > .breadcrumbs > ul > li > a:before {
+ content: "\f060";
+ font-family: FontAwesome;
+ font-size: 14px;
+ padding-right: 7px;
+ }
+ .content > .breadcrumbs > ul > li > .pointer {
+ display: none;
+ }
+ .content > .breadcrumbs:not(:first-child) {
+ display: none;
+ }
+}
+@media only screen and (min-width: 641px) and (max-width: 800px) {
+ .content > .breadcrumbs {
+ margin-left: 14px;
+ margin-right: 14px;
+ }
+}
+.smallBreadcrumbs > li {
+ display: inline;
+ font-size: 85%;
+}
+.tabMenu {
+ display: block;
+ margin-top: 21px;
+ position: relative;
text-align: left;
- margin-left: 38%;
}
-ul.inlineDataList li,
-ul.dataList li {
+.tabMenu > ul {
+ background-color: #f1f5fa;
+ border-color: #cccccc;
+ border-style: solid;
+ border-width: 1px 1px 0 1px;
display: inline-block;
+ padding: 0 5px 3px 5px;
+ position: relative;
+ white-space: nowrap;
+ text-shadow: 0 1px 0 rgba(255,255,255,0.8);
}
-ul.inlineDataList li:not(:last-child):after,
-ul.dataList li:not(:last-child):after {
- content: ",";
-}
-ul.inlineDataList {
+.tabMenu > ul > li {
display: inline-block;
+ outline: 0;
+ white-space: nowrap;
}
-.contentNavigation .pageNavigation {
- float: left;
- margin: 19px 0 3px;
+.tabMenu > ul > li.ui-state-active > a {
+ background-color: #fcfdfe;
+ border-color: #cccccc #cccccc #fcfdfe;
+ border-style: solid;
+ border-width: 1px;
+ color: #336699;
+ font-weight: bold;
+ font-size: 130%;
+ margin-top: -10px;
+ padding: 10px 15px 5px;
+ z-index: 30;
}
-.contentNavigation .pageNavigation ul li {
- margin: 0 2px;
+.tabMenu > ul > li.ui-state-active:first-child {
+ margin-left: -6px;
}
-.pageNavigation ul li {
- float: left;
- font-weight: bold;
- margin: 0 1px;
- min-width: 19px;
- padding: 0;
- text-align: center;
- border-radius: 3px 3px 3px 3px;
+.tabMenu > ul > li.ui-state-active:last-child {
+ margin-right: -6px;
}
-.pageNavigation ul li:not(.active):not(.disabled) {
- cursor: pointer;
+.tabMenu > ul > li > a {
+ bottom: -3px;
+ color: #808080;
+ display: inline-block;
+ font-size: 110%;
+ outline: 0;
+ padding: 1px 10px 3px;
+ position: relative;
+ text-decoration: none;
+ z-index: 10;
}
-.pageNavigation ul li.disabled {
- background-image: none;
- border: 1px solid rgba(0,0,0,0.1);
- cursor: not-allowed;
+.tabMenu > ul > li:not(.ui-state-active) > a:hover {
+ color: #336699;
}
-.pageNavigation ul li.skip > a {
- padding: 2px 0 1px;
+.tabMenu > ul > li.ui-state-active > a,
+.tabMenu > ul > li.ui-state-disabled > a,
+.tabMenu > ul > li.ui-state-processing > a {
+ cursor: default;
}
-.pageNavigation ul li.skip > span {
- padding: 3px 0 1px;
+.tabMenuContent {
+ display: block;
+ margin-top: -1px;
+ min-height: 21px;
+ position: relative;
+ z-index: 20;
}
-.pageNavigation ul li:not(.disabled):hover > a {
- color: #666666;
+.tabMenuContainer > .menu {
+ border-bottom: 1px solid #cccccc;
+ margin: -14px -21px 14px -21px;
+ padding: 4px 7px;
+ background-color: #fcfdfe;
+ background-image: -webkit-linear-gradient(#fcfdfe,#f1f5fa);
+ background-image: -moz-linear-gradient(#fcfdfe,#f1f5fa);
+ background-image: -ms-linear-gradient(#fcfdfe,#f1f5fa);
+ background-image: linear-gradient(#fcfdfe,#f1f5fa);
}
-.pageNavigation ul li:not(.skip) > a {
- padding: 2px 3px;
+.tabMenuContainer > .menu ul {
+ display: inline-block;
}
-.pageNavigation ul li.active > span {
- padding: 2px 3px;
+.tabMenuContainer > .menu ul li {
+ display: inline-block;
+ outline: 0;
}
-.pageNavigation ul li > a {
+.tabMenuContainer > .menu ul li.ui-state-active a,
+.tabMenuContainer > .menu ul li.ui-state-active a:hover {
+ background-color: #d8e7f5;
+ border-color: #6699cc;
+ color: #6699cc;
+ cursor: default;
+}
+.tabMenuContainer > .menu ul li a {
+ background-color: #fcfdfe;
+ border: 1px solid #cccccc;
color: #999999;
display: block;
+ font-size: 85%;
+ margin: 4px 0;
+ outline: 0;
+ padding: 4px 7px;
+ border-radius: 15px 15px 15px 15px;
+}
+.tabMenuContainer > .menu ul li a:hover {
+ background-color: #ffe5c8;
+ border-color: #ffaa22;
+ color: #666666;
text-decoration: none;
- text-shadow: 0 1px 0 rgba(255,255,255,0.8);
}
-.pageNavigation ul li > span:not(.invisible) {
- display: inline-block;
+.containerPadding > .tabMenuContainer:last-child {
+ margin-bottom: 7px;
}
@media only screen and (max-width: 800px) {
- .pageNavigation > ul > li:not(.skip):not(.active) {
- display: none;
- }
- .pageNavigation > ul > li.active > span.invisible {
- display: inline-block;
+ .tabMenu > ul {
+ margin-left: 4px;
+ margin-right: 4px;
}
- .pageNavigation > ul > li.active > span:not(.invisible) {
- display: none;
+ .tabMenu > ul > li.ui-state-active > a {
+ font-size: 100%;
+ padding-left: 10px;
+ padding-right: 10px;
+ }
+ .tabMenu > ul > li > a {
+ font-size: 100%;
+ padding-left: 5px;
+ padding-right: 5px;
}
}
-.statusDisplay .pageNavigation {
- font-size: 85%;
- float: left;
- margin-top: 2px;
-}
-.statusDisplay .pageNavigation ul li {
- min-width: 13px;
+.ui-tabs .ui-tabs-hide {
+ display: none !important;
}
-.statusDisplay .pageNavigation ul li:not(.skip) a {
- padding: 1px;
+.ui-helper-hidden {
+ display: none;
}
-.sidebar > div > fieldset:not(:last-child),
-.sidebar > div > div:not(:last-child) {
- border-bottom: 1px solid #cccccc;
- margin-bottom: 14px;
+.ui-helper-hidden-accessible {
+ position: absolute !important;
+ clip: rect(1px 1px 1px 1px);
+ clip: rect(1px,1px,1px,1px);
}
-.sidebar.collapsibleMenu > div > fieldset,
-.sidebar.collapsibleMenu > div > div {
- border-bottom-width: 0;
+.tabularBox {
+ background-color: #336699;
+ border: 1px solid #cccccc;
}
-.sidebar {
- padding-top: 21px;
+.tabularBox > .container {
+ border: 0;
}
-.sidebar fieldset {
- padding: 7px 14px 14px;
- margin-top: 0;
+.tabularBoxTitle > header {
+ color: #ffffff;
+ padding: 5px 7px;
}
-.sidebar fieldset > legend {
- border-width: 0;
- color: #666666;
- font-family: "Trebuchet MS", Arial, sans-serif;
- font-weight: normal;
- font-size: 100%;
- padding: 0;
- text-transform: uppercase;
+.tabularBoxTitle > header > h2 {
+ font-size: 120%;
+ font-weight: bold;
text-shadow: 0 1px 0 rgba(255,255,255,0.8);
+ text-shadow: 0 -1px 0 rgba(0,0,0,0.8);
}
-.sidebar fieldset > legend > .badge {
- float: right;
+.tabularBoxTitle > header > h2 > a {
+ color: #ffffff;
}
-.sidebar fieldset > legend > a {
- color: #666666;
+.tabularBoxTitle > header > h2 > a:hover {
+ color: #ffffff;
text-decoration: none;
}
-.sidebar fieldset > legend.invisible + div {
- margin-top: -7px;
-}
-.sidebar fieldset:after {
- content: "";
- height: 0;
- display: block;
- clear: both;
-}
-.sidebar fieldset .button.more {
- margin: 5px 0 0;
- float: right;
+.tabularBoxTitle > header .icon {
+ color: #ffffff;
+ text-shadow: 0 1px 0 rgba(255,255,255,0.8);
+ text-shadow: 0 -1px 0 rgba(0,0,0,0.8);
}
-.sidebar fieldset > nav {
- margin: 0 -14px 0;
+@media only screen and (max-width: 800px) {
+ .tabularBox {
+ border-width: 1px 0;
+ }
+ .tabularBoxTitle {
+ border-top-width: 0;
+ }
}
-.sidebar fieldset > nav ul > li.active {
- background-color: #ffffff;
+@media only screen and (min-width: 641px) and (max-width: 800px) {
+ .tabularBoxTitle > header {
+ padding-left: 14px;
+ padding-right: 14px;
+ }
}
-.sidebar fieldset > nav ul > li.active > a {
- font-weight: bold;
+.table {
+ border-spacing: 0;
+ width: 100%;
}
-.sidebar fieldset > nav ul > li:hover:not(.active) > a {
- color: #003366;
+.table th,
+.table td {
+ padding: 7px;
+ text-align: left;
+ vertical-align: middle;
}
-.sidebar fieldset > nav ul > li > a {
- color: #336699;
+.table th > label,
+.table td > label {
+ cursor: pointer;
display: block;
- padding: 4px 14px 7px 21px;
- text-shadow: 0 1px 0 rgba(255,255,255,0.8);
-}
-.sidebar fieldset > nav ul > li > a:hover {
- text-decoration: none;
-}
-.sidebar fieldset > div,
-.sidebar fieldset > ul,
-.sidebar fieldset > dl {
- width: 272px;
-}
-.sidebar .sidebarBoxList > li:not(:last-child) {
- margin-bottom: 7px;
+ margin: -7px;
+ padding: 7px;
}
-.sidebar .sidebarBoxList {
- overflow: hidden;
+.table th > label > input[type="checkbox"],
+.table td > label > input[type="checkbox"] {
+ margin: -1px 3px 0;
}
-.sidebar .sidebarBoxHeadline > h3 {
- margin-bottom: 1px;
- overflow: hidden;
- text-overflow: ellipsis;
+.table th {
+ border-right: 1px solid rgba(0,0,0,0.2);
+ color: #ffffff;
+ font-size: 85%;
+ font-weight: bold;
white-space: nowrap;
text-shadow: 0 1px 0 rgba(255,255,255,0.8);
+ text-shadow: 0 -1px 0 rgba(0,0,0,0.8);
+ background-color: rgba(0,0,0,0.3);
+ background-image: -webkit-linear-gradient(rgba(0,0,0,0),rgba(0,0,0,0.3));
+ background-image: -moz-linear-gradient(rgba(0,0,0,0),rgba(0,0,0,0.3));
+ background-image: -ms-linear-gradient(rgba(0,0,0,0),rgba(0,0,0,0.3));
+ background-image: linear-gradient(rgba(0,0,0,0),rgba(0,0,0,0.3));
}
-.sidebar .sidebarBoxHeadline > h3 a {
- text-shadow: 0 1px 0 rgba(255,255,255,0.8);
+.table th > a {
+ color: #ffffff;
+ display: block;
+ margin: -7px;
+ position: relative;
}
-.sidebar .sidebarBoxHeadline > h3 small {
- text-shadow: none;
+.table th > a:hover {
+ text-decoration: none;
}
-.sidebar .formSubmit {
- margin-bottom: 14px;
- margin-top: 0;
- width: 300px;
+.table th > a > img {
+ margin: -5px 0;
}
-.sidebar.collapsibleMenu legend {
- color: #336699;
- cursor: pointer;
- font-weight: bold;
- font-size: 130%;
- padding-left: 41px;
- position: relative;
- margin-left: -14px;
- text-transform: none;
+.table th.active > a {
+ background-color: rgba(0,0,0,0.1);
+ color: #ffffff;
+ box-shadow: inset 0 10px 10px -10px rgba(0,0,0,0.1);
}
-.sidebar.collapsibleMenu legend:before {
- content: "\f054";
+.table th.ASC > a,
+.table th.DESC > a {
+ padding-right: 20px;
+}
+.table th.ASC > a:after,
+.table th.DESC > a:after {
display: inline-block;
font-family: FontAwesome;
font-size: 14px;
- height: 16px;
- left: 21px;
position: absolute;
- text-align: center;
- top: 2px;
- width: 16px;
+ margin-left: 4px;
+ text-shadow: 0 1px 0 rgba(255,255,255,0.8);
+ text-shadow: 0 -1px 0 rgba(0,0,0,0.8);
}
-.sidebar.collapsibleMenu legend.active:before {
- content: "\f078";
+.table th.ASC > a:after {
+ content: "\f0de";
+ top: 8px;
}
-.sidebar.collapsibleMenu nav ul > li > a {
- padding-left: 41px;
+.table th.DESC > a:after {
+ content: "\f0dd";
+ top: 3px;
}
-.sidebar dl.inlineDataList {
- font-size: 85%;
+.table th:hover > a {
+ background-color: rgba(0,0,0,0.2);
+ color: #ffffff;
}
-.sidebar dl.inlineDataList > dt {
- float: left;
+.table th > * {
+ padding: 7px;
}
-.sidebar dl.inlineDataList > dd {
- display: block;
- padding-right: 14px;
+.table td {
+ background-color: #fcfdfe;
+ -webkit-transition-property: background;
+ transition-property: background;
+ -webkit-transition-duration: .1s;
+ transition-duration: .1s;
+ -webkit-transition-timing-function: linear;
+ transition-timing-function: linear;
+}
+.table td.columnMark,
+.table td.columnStatus {
+ text-align: center;
+ width: 1px !important;
+ white-space: nowrap;
+}
+.table td.columnDigits,
+.table td.columnID {
text-align: right;
+ width: 1px !important;
+ white-space: nowrap;
}
-.sortableListContainer .sortablePlaceholder {
- background-color: #efcb50;
- border: 1px solid #e9bf2b;
- color: #000000;
- margin: 4px 0;
- padding: 4px;
+.table td.columnIcon {
+ text-align: left;
+ width: 1px !important;
+ white-space: nowrap;
}
-.sortablePlaceholder.sortableInvalidTarget {
- background-color: #c95145;
- border: 1px solid #913d37;
- color: #ffffff;
+.table td.columnTitle {
+ font-weight: bold;
+ text-align: left;
}
-.sortableList {
- list-style-position: outside;
- list-style-type: decimal;
- margin-left: 21px;
+.table td.columnText {
+ font-weight: normal;
+ text-align: left;
+ max-width: 20%;
+}
+.table td.columnDate,
+.table td.columnRegistrationDate {
+ font-size: 85%;
+ text-align: right;
+ width: 1px !important;
+ white-space: nowrap;
}
-.sortableList .jsCollapsibleCategory > .sortableNodeLabel {
- background-color: #336699;
- color: #ffffff;
- padding-left: 7px;
+.table td.columnURL,
+.table td.columnSmallText {
+ font-size: 85%;
+ text-align: left;
}
-.sortableList .jsCollapsibleCategory > .sortableNodeLabel > a {
- color: #ffffff;
+.table > tbody > tr:nth-child(even) > td {
+ background-color: #f1f5fa;
}
-.sortableList .jsCollapsibleCategory > .sortableNodeLabel .icon {
- color: #ffffff;
- text-shadow: 0 1px 0 rgba(255,255,255,0.8);
- text-shadow: 0 -1px 0 rgba(0,0,0,0.8);
+.table > tbody > tr:not(:last-child) > td {
+ border-bottom: 1px solid rgba(255,255,255,0.3);
}
-.sortableList .statusDisplay {
- float: right;
+.table > tbody > tr:hover > td {
+ background-color: #d8e7f5;
}
-.sortableNode {
- cursor: move;
+.table > tbody > tr > td:not(:last-child) {
+ border-right: 1px solid rgba(255,255,255,0.3);
}
-.sortableNode.ui-sortable-helper {
- list-style: none;
+.table > tbody > tr > td.focus {
+ background-color: #d8e7f5;
}
-.sortableNodeLabel {
- padding: 7px 7px 7px 0;
- display: block;
+.table > tbody > tr > td.left {
+ text-align: left;
}
-.sortableList:not(.simpleSortableList) .sortableNodeLabel {
- border-bottom: 1px solid #cccccc;
+.table > tbody > tr > td.right {
+ text-align: right;
}
-.simpleSortableList {
- min-height: 21px;
+.table .statusDisplay {
+ float: right;
}
-.colorPreview {
- border: 1px solid #cccccc;
- border-radius: 6px;
- display: inline-block;
+.table .statusDisplay .statusIcons {
+ float: right;
+ margin-left: 7px;
}
-.colorPreview:hover {
- -webkit-box-shadow: 0 0 15px 0 #cccccc;
- -moz-box-shadow: 0 0 15px 0 #cccccc;
- -ms-box-shadow: 0 0 15px 0 #cccccc;
- -o-box-shadow: 0 0 15px 0 #cccccc;
- box-shadow: 0 0 15px 0 #cccccc;
+.table .statusDisplay .statusIcons li {
+ display: inline-block;
}
-.colorPreview > div {
- border: 2px solid #ffffff;
- border-radius: 6px;
- cursor: pointer;
- display: block;
- height: 60px;
- width: 160px;
+.table tr.jsMarked {
+ color: #666666;
}
-.colorList > li {
- float: left;
- padding: 7px;
+.table tr.jsMarked > td {
+ background-color: #ffffc8 !important;
}
-.colorList > li > figure > figcaption {
- font-size: 85%;
- margin-bottom: 7px;
- text-align: center;
+.table tr.jsMarked a:not(.badge) {
+ color: #666666;
}
-.colorList:after {
- clear: both;
- content: "";
+dl.statsDataList > dt {
+ color: #808080;
display: block;
+ float: right;
+ font-size: 85%;
+ line-height: 1.5;
+ overflow: hidden;
+ text-align: left;
+ white-space: nowrap;
+ width: 62%;
}
-.attachmentThumbnailList,
-.attachmentFileList {
- padding-top: 7px !important;
-}
-.attachmentThumbnailList > fieldset,
-.attachmentFileList > fieldset {
- padding: 0;
+dl.statsDataList > dt > a {
+ color: #808080;
+ text-decoration: none;
}
-.attachmentThumbnailList > fieldset > legend,
-.attachmentFileList > fieldset > legend {
- border-bottom: 0;
- font-size: 120%;
- padding-bottom: 7px;
+dl.statsDataList > dd {
+ color: #666666;
+ float: left;
+ font-weight: bold;
+ margin: 0;
+ overflow: hidden;
+ text-align: right;
+ text-overflow: ellipsis;
+ white-space: nowrap;
+ width: 35%;
}
-.attachmentThumbnailList {
- padding-bottom: 7px !important;
+dl.statsDataList > dd > a {
+ color: #666666;
+ text-decoration: none;
}
-.attachmentThumbnailList > fieldset > ul > li {
- margin: 0 0 14px 7px;
+dl.statsDataList:after {
+ display: table;
+ content: "";
+ clear: both;
}
-.attachmentFileList > fieldset > ul > li:not(:first-child) {
- margin-top: 4px;
+dl.inlineDataList {
+ overflow: hidden;
}
-.attachmentThumbnail {
- background-color: white;
+dl.inlineDataList > dd {
display: inline-block;
- min-height: 210px;
- min-width: 280px;
- position: relative;
- vertical-align: top;
+ margin: 0 4px 0 0;
+ padding: 0;
}
-.attachmentThumbnail > a {
+dl.inlineDataList > dt {
+ color: #808080;
display: inline-block;
- min-height: 210px;
- min-width: 280px;
+ margin: 0;
+ text-align: left;
+ width: auto;
}
-.attachmentThumbnail > div {
- background-color: rgba(0,0,0,0.6);
- bottom: 0;
- color: #fff;
- position: absolute;
- width: 100%;
- padding: 7px 0;
+dl.inlineDataList > dt:after {
+ content: ":";
}
-.attachmentThumbnail > div > p,
-.attachmentThumbnail > div > small {
- margin: 0 7px;
+dl.dataList dt {
+ float: left;
overflow: hidden;
+ text-align: right;
text-overflow: ellipsis;
white-space: nowrap;
+ width: 35%;
}
-.attachmentThumbnail > div > small {
- display: block;
- height: 0;
- -webkit-transition-property: height;
- -moz-transition-property: height;
- -ms-transition-property: height;
- -o-transition-property: height;
- transition-property: height;
- -webkit-transition-duration: .25s;
- -moz-transition-duration: .25s;
- -ms-transition-duration: .25s;
- -o-transition-duration: .25s;
- transition-duration: .25s;
- -webkit-transition-timing-function: ease-out;
- -moz-transition-timing-function: ease-out;
- -ms-transition-timing-function: ease-out;
- -o-transition-timing-function: ease-out;
- transition-timing-function: ease-out;
+dl.dataList dd {
+ text-align: left;
+ margin-left: 38%;
}
-.attachmentThumbnail:hover > div > small {
- height: 1.27em;
+ul.inlineDataList li,
+ul.dataList li {
+ display: inline-block;
}
-.formAttachmentList {
- border-bottom: 1px solid #cccccc;
- padding-bottom: 7px;
+ul.inlineDataList li:not(:last-child):after,
+ul.dataList li:not(:last-child):after {
+ content: ",";
}
-.formAttachmentList > li {
- width: 33%;
+ul.inlineDataList {
+ display: inline-block;
+}
+.contentNavigation .pageNavigation {
float: left;
+ margin: 19px 0 3px;
}
-.formAttachmentList > li > div {
- padding-top: 7px;
+.contentNavigation .pageNavigation ul li {
+ margin: 0 2px;
}
-.formAttachmentList > li > div > div {
+.pageNavigation ul li {
float: left;
- margin-right: 7px;
-}
-.box48 .attachmentTinyThumbnail {
- border-radius: 6px;
- max-height: 48px;
- max-width: 48px;
+ font-weight: bold;
+ margin: 0 1px;
+ min-width: 19px;
+ padding: 0;
+ text-align: center;
+ border-radius: 3px 3px 3px 3px;
}
-.codeBox {
- background-color: #ffffff;
+.pageNavigation ul li:not(.active):not(.disabled) {
+ cursor: pointer;
}
-.codeBox > div {
- padding: 14px 21px 14px 14px;
- -webkit-box-shadow: inset 4em 0 0 #fcfdfe , inset 4.1em 0 0 #e6e6e6;
- -moz-box-shadow: inset 4em 0 0 #fcfdfe , inset 4.1em 0 0 #e6e6e6;
- -ms-box-shadow: inset 4em 0 0 #fcfdfe , inset 4.1em 0 0 #e6e6e6;
- -o-box-shadow: inset 4em 0 0 #fcfdfe , inset 4.1em 0 0 #e6e6e6;
- box-shadow: inset 4em 0 0 #fcfdfe , inset 4.1em 0 0 #e6e6e6;
+.pageNavigation ul li.disabled {
+ background-image: none;
+ border: 1px solid rgba(0,0,0,0.1);
+ cursor: not-allowed;
}
-.codeBox > div > div {
- margin: 0 0 7px 3.4em;
+.pageNavigation ul li.skip > a {
+ padding: 2px 0 1px;
}
-.codeBox > div > div > h3 {
- font-size: 110%;
- font-weight: bold;
- padding-left: 7px;
- position: relative;
+.pageNavigation ul li.skip > span {
+ padding: 3px 0 1px;
}
-.codeBox > div > div > h3 > span.icon {
- position: absolute;
- right: 0;
- top: 3px;
+.pageNavigation ul li:not(.disabled):hover > a {
+ color: #666666;
}
-.codeBox > div > ol {
- list-style-type: decimal;
- margin-left: 3.4em;
+.pageNavigation ul li:not(.skip) > a {
+ padding: 2px 3px;
}
-.codeBox > div > ol > li {
- font-family: Consolas, 'Courier New', monospace;
- padding-left: 7px;
- position: relative;
- white-space: pre-wrap;
- word-break: break-all;
- word-wrap: break-word;
+.pageNavigation ul li.active > span {
+ padding: 2px 3px;
}
-.codeBox > div > ol > li > .lineAnchor {
+.pageNavigation ul li > a {
+ color: #999999;
display: block;
- height: 1.4em;
- left: -3.6em;
- position: absolute;
- top: 0;
- width: 3.0em;
+ text-decoration: none;
+ text-shadow: 0 1px 0 rgba(255,255,255,0.8);
}
-.codeBox > div > ol > li:target {
- background-color: #ffff66;
+.pageNavigation ul li > span:not(.invisible) {
+ display: inline-block;
}
@media only screen and (max-width: 800px) {
- .codeBox > div {
- padding: 7px;
- -webkit-box-shadow: 0 0 5px 0 transparent;
- -moz-box-shadow: 0 0 5px 0 transparent;
- -ms-box-shadow: 0 0 5px 0 transparent;
- -o-box-shadow: 0 0 5px 0 transparent;
- box-shadow: 0 0 5px 0 transparent;
- }
- .codeBox > div > div {
- margin-left: 0;
- }
- .codeBox > div > div > h3 {
- padding-left: 0;
+ .pageNavigation > ul > li:not(.skip):not(.active) {
+ display: none;
}
- .codeBox > div > ol {
- list-style-type: none;
- margin-left: 0;
+ .pageNavigation > ul > li.active > span.invisible {
+ display: inline-block;
}
- .codeBox > div > ol > li {
- padding-left: 0;
+ .pageNavigation > ul > li.active > span:not(.invisible) {
+ display: none;
}
}
-.codeBox .hlQuotes {
- color: red;
-}
-.codeBox .hlComments,
-.codeBox .hlOperators {
- color: green;
-}
-.codeBox .hlKeywords1 {
- color: blue;
+.statusDisplay .pageNavigation {
+ font-size: 85%;
+ float: left;
+ margin-top: 2px;
}
-.codeBox .hlKeywords2 {
- color: darkred;
+.statusDisplay .pageNavigation ul li {
+ min-width: 13px;
}
-.codeBox .hlKeywords3 {
- color: darkviolet;
+.statusDisplay .pageNavigation ul li:not(.skip) a {
+ padding: 1px;
}
-.codeBox .hlKeywords4 {
- color: darkgoldenrod;
+.sidebar > div > fieldset:not(:last-child),
+.sidebar > div > div:not(:last-child) {
+ border-bottom: 1px solid #cccccc;
+ margin-bottom: 14px;
}
-.codeBox .hlKeywords5 {
- color: crimson;
+.sidebar.collapsibleMenu > div > fieldset,
+.sidebar.collapsibleMenu > div > div {
+ border-bottom-width: 0;
}
-.codeBox .hlNumbers {
- color: darkorange;
+.sidebar {
+ padding: 21px 0 7px;
}
-.diffHighlighter .hlComments {
- color: darkviolet;
+.sidebar fieldset {
+ padding: 7px 14px 14px;
+ margin-top: 0;
}
-.diffHighlighter .hlRemoved {
- color: red;
+.sidebar fieldset > legend {
+ border-width: 0;
+ color: #666666;
+ font-family: "Trebuchet MS", Arial, sans-serif;
+ font-weight: normal;
+ font-size: 100%;
+ padding: 0;
+ text-transform: uppercase;
+ text-shadow: 0 1px 0 rgba(255,255,255,0.8);
}
-.diffHighlighter .hlAdded {
- color: green;
+.sidebar fieldset > legend > .badge {
+ float: right;
}
-.phpHighlighter .hlKeywords2 {
- color: green;
+.sidebar fieldset > legend > a {
+ color: #666666;
+ text-decoration: none;
}
-.phpHighlighter .hlComments {
- color: darkgoldenrod;
+.sidebar fieldset > legend.invisible + div {
+ margin-top: -7px;
}
-.cssHighlighter .hlComments {
- color: #236e26;
+.sidebar fieldset:after {
+ content: "";
+ height: 0;
+ display: block;
+ clear: both;
}
-.cssHighlighter .hlColors {
- color: #751116;
+.sidebar fieldset .button.more {
+ margin: 5px 0 0;
+ float: right;
}
-.cssHighlighter .hlNumbers,
-.sqlHighlighter .hlNumbers {
- color: #1906fd;
+.sidebar fieldset > nav {
+ margin: 0 -14px 0;
}
-.cssHighlighter .hlKeywords1 {
- color: #87154f;
+.sidebar fieldset > nav ul > li.active {
+ background-color: #ffffff;
}
-.cssHighlighter .hlKeywords2 {
- color: #994509;
+.sidebar fieldset > nav ul > li.active > a {
+ font-weight: bold;
}
-.cssHighlighter .hlKeywords3,
-.cssHighlighter .hlKeywords4 {
- color: inherit;
+.sidebar fieldset > nav ul > li:hover:not(.active) > a {
+ color: #003366;
}
-.sqlHighlighter .hlKeywords1 {
- color: #663821;
+.sidebar fieldset > nav ul > li > a {
+ color: #336699;
+ display: block;
+ padding: 4px 14px 7px 21px;
+ text-shadow: 0 1px 0 rgba(255,255,255,0.8);
}
-.sqlHighlighter .hlKeywords2 {
- color: #871550;
+.sidebar fieldset > nav ul > li > a:hover {
+ text-decoration: none;
}
-.quoteBox {
- background-color: #ffffff;
- min-height: 28px;
- margin-bottom: 4px;
- position: relative;
+.sidebar fieldset > div,
+.sidebar fieldset > ul,
+.sidebar fieldset > dl {
+ width: 272px;
}
-.quoteBox.containerPadding {
- padding-left: 54px;
+.sidebar .sidebarBoxList > li:not(:last-child) {
+ margin-bottom: 7px;
}
-.quoteBox:before {
- content: "\f10d";
- color: #808080;
- font-family: FontAwesome;
- font-size: 28px;
- position: absolute;
- left: 14px;
- top: 7px;
+.sidebar .sidebarBoxList {
+ overflow: hidden;
}
-.quoteBox > header {
- padding-bottom: 4px;
- border-bottom: 1px dotted #cccccc;
- margin-bottom: 7px;
+.sidebar .sidebarBoxHeadline > h3 {
+ margin-bottom: 1px;
+ overflow: hidden;
+ text-overflow: ellipsis;
+ white-space: nowrap;
+ text-shadow: 0 1px 0 rgba(255,255,255,0.8);
}
-.quoteBox > header > h3 {
- font-weight: bold;
+.sidebar .sidebarBoxHeadline > h3 a {
+ text-shadow: 0 1px 0 rgba(255,255,255,0.8);
}
-.quoteBox .quoteBox {
- background-image: none;
- padding-left: 21px;
- min-height: 0;
+.sidebar .sidebarBoxHeadline > h3 small {
+ text-shadow: none;
}
-.quoteBox .quoteBox:before {
- display: none;
+.sidebar .formSubmit {
+ margin-bottom: 14px;
+ margin-top: 0;
+ width: 300px;
}
-@media only screen and (max-width: 800px) {
- .quoteBox:before {
- font-size: 14px;
- left: 7px;
- }
- .quoteBox.containerPadding {
- padding-left: 28px;
- }
- .quoteBox .quoteBox {
- padding-left: 7px;
- }
+.sidebar.collapsibleMenu legend {
+ color: #336699;
+ cursor: pointer;
+ font-weight: bold;
+ font-size: 130%;
+ padding-left: 41px;
+ position: relative;
+ margin-left: -14px;
+ text-transform: none;
}
-.spoilerBox {
- background-color: #ffffff;
- padding-bottom: 7px;
+.sidebar.collapsibleMenu legend:before {
+ content: "\f054";
+ display: inline-block;
+ font-family: FontAwesome;
+ font-size: 14px;
+ height: 16px;
+ left: 21px;
+ position: absolute;
+ text-align: center;
+ top: 2px;
+ width: 16px;
}
-.spoilerBox > header {
- margin-bottom: 7px;
+.sidebar.collapsibleMenu legend.active:before {
+ content: "\f078";
}
-.spoilerBox > div {
- padding-bottom: 7px;
+.sidebar.collapsibleMenu nav ul > li > a {
+ padding-left: 41px;
}
-.inlineCode {
- background-color: #ffffff;
- border: 1px solid #cccccc;
- display: inline-block;
- font-family: Consolas, 'Courier New', monospace;
- margin: 0 2px;
- padding: 0 5px;
- border-radius: 3px 3px 3px 3px;
+.sidebar dl.inlineDataList {
+ font-size: 85%;
}
-ul.smileyList > li {
- display: inline;
+.sidebar dl.inlineDataList > dt {
+ float: left;
}
-.bbcodeTable {
- display: inline-block;
+.sidebar dl.inlineDataList > dd {
+ display: block;
+ padding-right: 14px;
+ text-align: right;
}
-.gist .highlight {
- background-color: inherit;
+.likeButton.active .icon {
+ color: #009900;
}
-.reCaptcha input.marginTop {
- margin-top: 14px;
+.dislikeButton.active .icon {
+ color: #cc0000;
}
.messageGroupList .columnSubject > .labelList {
float: right;
.messageGroupList tr.messageDeleted a:not(.badge) {
color: #cc0000;
}
-.messageGroupList tr.jsMarked {
- color: #666666;
-}
-.messageGroupList tr.jsMarked > td {
- background-color: #ffffc8 !important;
-}
-.messageGroupList tr.jsMarked a:not(.badge) {
- color: #666666;
-}
.messageGroupList tr .columnSubject .statusDisplay .pageNavigation {
opacity: 0;
-webkit-transition-property: opacity;
- -moz-transition-property: opacity;
- -ms-transition-property: opacity;
- -o-transition-property: opacity;
transition-property: opacity;
-webkit-transition-duration: .2s;
- -moz-transition-duration: .2s;
- -ms-transition-duration: .2s;
- -o-transition-duration: .2s;
transition-duration: .2s;
-webkit-transition-timing-function: linear;
- -moz-transition-timing-function: linear;
- -ms-transition-timing-function: linear;
- -o-transition-timing-function: linear;
transition-timing-function: linear;
}
.messageGroupList tr:hover .columnSubject .statusDisplay .pageNavigation {
.messageGroupList .columnAvatar div > p > img {
opacity: .6;
-webkit-transition-property: opacity;
- -moz-transition-property: opacity;
- -ms-transition-property: opacity;
- -o-transition-property: opacity;
transition-property: opacity;
-webkit-transition-duration: .2s;
- -moz-transition-duration: .2s;
- -ms-transition-duration: .2s;
- -o-transition-duration: .2s;
transition-duration: .2s;
-webkit-transition-timing-function: linear;
- -moz-transition-timing-function: linear;
- -ms-transition-timing-function: linear;
- -o-transition-timing-function: linear;
transition-timing-function: linear;
}
.messageGroupList .columnAvatar .myAvatar {
bottom: -2px;
left: 24px;
opacity: 1;
- -webkit-box-shadow: 0 0 3px 0 rgba(0,0,0,0.3);
- -moz-box-shadow: 0 0 3px 0 rgba(0,0,0,0.3);
- -ms-box-shadow: 0 0 3px 0 rgba(0,0,0,0.3);
- -o-box-shadow: 0 0 3px 0 rgba(0,0,0,0.3);
box-shadow: 0 0 3px 0 rgba(0,0,0,0.3);
}
.messageGroupList .columnLastPost {
font-size: 85%;
position: relative;
}
+.message .messageOptions.forceHidden nav {
+ display: none !important;
+}
.message .messageOptions.forceOpen nav {
opacity: 1;
}
right: -22px;
text-align: right;
-webkit-transition-property: opacity;
- -moz-transition-property: opacity;
- -ms-transition-property: opacity;
- -o-transition-property: opacity;
transition-property: opacity;
-webkit-transition-duration: .1s;
- -moz-transition-duration: .1s;
- -ms-transition-duration: .1s;
- -o-transition-duration: .1s;
transition-duration: .1s;
-webkit-transition-timing-function: linear;
- -moz-transition-timing-function: linear;
- -ms-transition-timing-function: linear;
- -o-transition-timing-function: linear;
transition-timing-function: linear;
}
.message .messageOptions nav ul.smallButtons > li a.button {
.message .messageHeader .messageQuickOptions > li > a {
opacity: .6;
-webkit-transition-property: opacity;
- -moz-transition-property: opacity;
- -ms-transition-property: opacity;
- -o-transition-property: opacity;
transition-property: opacity;
-webkit-transition-duration: .2s;
- -moz-transition-duration: .2s;
- -ms-transition-duration: .2s;
- -o-transition-duration: .2s;
transition-duration: .2s;
-webkit-transition-timing-function: linear;
- -moz-transition-timing-function: linear;
- -ms-transition-timing-function: linear;
- -o-transition-timing-function: linear;
transition-timing-function: linear;
}
.message .messageHeader .messageQuickOptions > li > a > span.icon {
color: #808080;
-webkit-transition-property: color;
- -moz-transition-property: color;
- -ms-transition-property: color;
- -o-transition-property: color;
transition-property: color;
-webkit-transition-duration: .2s;
- -moz-transition-duration: .2s;
- -ms-transition-duration: .2s;
- -o-transition-duration: .2s;
transition-duration: .2s;
-webkit-transition-timing-function: linear;
- -moz-transition-timing-function: linear;
- -ms-transition-timing-function: linear;
- -o-transition-timing-function: linear;
transition-timing-function: linear;
}
.message .messageHeader .messageQuickOptions > li > a:hover > span.icon {
position: absolute;
text-transform: uppercase;
top: 24px;
- -webkit-box-shadow: 1px 1px 3px 0 rgba(0,0,0,0.2);
- -moz-box-shadow: 1px 1px 3px 0 rgba(0,0,0,0.2);
- -ms-box-shadow: 1px 1px 3px 0 rgba(0,0,0,0.2);
- -o-box-shadow: 1px 1px 3px 0 rgba(0,0,0,0.2);
box-shadow: 1px 1px 3px 0 rgba(0,0,0,0.2);
background-color: #264d73;
background-image: -webkit-linear-gradient(#336699,#264d73);
background-image: -moz-linear-gradient(#336699,#264d73);
- background-image: -o-linear-gradient(#336699,#264d73);
background-image: -ms-linear-gradient(#336699,#264d73);
background-image: linear-gradient(#336699,#264d73);
text-shadow: 0 -1px 0 rgba(0,0,0,0.8);
padding: 4px 7px;
background-image: -webkit-linear-gradient(left top, rgba(204,204,204,0.2) 0%, transparent 40%);
background-image: -moz-linear-gradient(left top, rgba(204,204,204,0.2) 0%, transparent 40%);
- background-image: -o-linear-gradient(left top, rgba(204,204,204,0.2) 0%, transparent 40%);
background-image: -ms-linear-gradient(left top, rgba(204,204,204,0.2) 0%, transparent 40%);
background-image: linear-gradient(left top, rgba(204,204,204,0.2) 0%, transparent 40%);
}
position: absolute;
text-transform: uppercase;
border-radius: 0 5px 5px 0;
- -webkit-box-shadow: 1px 1px 3px 0 rgba(0,0,0,0.2);
- -moz-box-shadow: 1px 1px 3px 0 rgba(0,0,0,0.2);
- -ms-box-shadow: 1px 1px 3px 0 rgba(0,0,0,0.2);
- -o-box-shadow: 1px 1px 3px 0 rgba(0,0,0,0.2);
box-shadow: 1px 1px 3px 0 rgba(0,0,0,0.2);
background-color: #006600;
background-image: -webkit-linear-gradient(#009900,#006600);
background-image: -moz-linear-gradient(#009900,#006600);
- background-image: -o-linear-gradient(#009900,#006600);
background-image: -ms-linear-gradient(#009900,#006600);
background-image: linear-gradient(#009900,#006600);
text-shadow: 0 -1px 0 rgba(0,0,0,0.8);
.message .messageSidebar .userCredits .dataList > dd {
margin-left: 53%;
}
-.message:not(.messageReduced) .messageOptions {
- *zoom: 1;
-}
.message:not(.messageReduced) .messageOptions:before,
.message:not(.messageReduced) .messageOptions:after {
display: table;
.message:not(.messageReduced) .messageOptions:after {
clear: both;
}
-.message:not(.messageReduced) .messageBody {
- *zoom: 1;
-}
.message:not(.messageReduced) .messageBody:before,
.message:not(.messageReduced) .messageBody:after {
display: table;
opacity: .8;
padding: 14px 21px;
-webkit-transition-property: opacity;
- -moz-transition-property: opacity;
- -ms-transition-property: opacity;
- -o-transition-property: opacity;
transition-property: opacity;
-webkit-transition-duration: .1s;
- -moz-transition-duration: .1s;
- -ms-transition-duration: .1s;
- -o-transition-duration: .1s;
transition-duration: .1s;
-webkit-transition-timing-function: linear;
- -moz-transition-timing-function: linear;
- -ms-transition-timing-function: linear;
- -o-transition-timing-function: linear;
transition-timing-function: linear;
}
.messageCollapsed:hover {
position: fixed;
right: 25px;
-webkit-transition-property: opacity;
- -moz-transition-property: opacity;
- -ms-transition-property: opacity;
- -o-transition-property: opacity;
transition-property: opacity;
-webkit-transition-duration: .2s;
- -moz-transition-duration: .2s;
- -ms-transition-duration: .2s;
- -o-transition-duration: .2s;
transition-duration: .2s;
-webkit-transition-timing-function: linear;
- -moz-transition-timing-function: linear;
- -ms-transition-timing-function: linear;
- -o-transition-timing-function: linear;
transition-timing-function: linear;
}
#showQuotes:hover {
.message.messageSidebarOrientationRight .messageSidebar {
float: none;
}
- .message.messageSidebarOrientationLeft .messageHeader:before,
- .message.messageSidebarOrientationLeft .messageHeader:after,
- .message.messageSidebarOrientationRight .messageHeader:before,
- .message.messageSidebarOrientationRight .messageHeader:after {
- display: none;
- }
- .message .messageHeader .messageQuickOptions,
- .message .messageBody .messageSignature,
- .message .messageSidebar .userCredits {
- display: none;
- }
- .message .messageSidebar {
- padding: 7px;
- text-align: left;
- width: auto;
- }
- .message .messageSidebar > div {
- margin-left: 40px;
- }
- .message .messageSidebar .userAvatar {
- left: 7px;
- position: absolute;
- top: 0;
- }
- .message .messageSidebar .userAvatar img {
- height: 32px !important;
- width: 32px !important;
- }
- .message .messageSidebar .userAvatar > .badgeOnline {
- display: none;
- }
- .message .messageSidebar .userTitle {
- margin-top: -2px;
- }
- .message .messageContent .messageHeader {
- padding: 7px 7px 0;
- }
- .message .messageBody {
- padding: 7px;
- }
- .message .messageBody > div:not(.messageFooter) {
- padding: 7px 0;
- }
- .message .messageBody > footer {
- padding: 0;
- position: absolute;
- right: 7px;
- top: 7px;
- }
- .message .messageOptions nav {
- opacity: 1;
- position: static;
- text-align: left;
- }
- .message.messageReduced .messageOptions {
- display: none;
- }
- .message .newMessageBadge {
- display: none;
- }
-}
-@media only screen and (min-width: 641px) and (max-width: 800px) {
- .message .messageSidebar,
- .message .messageContent .messageHeader,
- .message .messageBody {
- padding-left: 14px;
- padding-right: 14px;
- }
- .message .messageSidebar .userAvatar {
- left: 14px;
- }
- .message .messageBody > footer {
- right: 14px;
- }
-}
-#pollOptionContainer .sortableList {
- padding: 7px 0;
-}
-#pollOptionContainer .sortableList .sortableNode {
- margin-top: 7px;
-}
-#pollOptionContainer .sortableList .sortableNode .sortableButtonContainer > img {
- cursor: pointer;
- margin-right: 14px;
-}
-.pollContainer {
- float: left;
- margin: 0 14px 7px 0;
- max-width: 50%;
- min-width: 300px;
-}
-.pollContainer > .formSubmit {
- background-color: #f1f5fa;
- border-top: 1px solid #cccccc;
- margin: 14px -21px -14px -21px;
- padding: 10px 0;
-}
-.pollResultList li {
- margin-bottom: 8px;
- padding: 1px 0;
- position: relative;
- z-index: 0;
- -webkit-transition-property: background-color;
- -moz-transition-property: background-color;
- -ms-transition-property: background-color;
- -o-transition-property: background-color;
- transition-property: background-color;
- -webkit-transition-duration: .1s;
- -moz-transition-duration: .1s;
- -ms-transition-duration: .1s;
- -o-transition-duration: .1s;
- transition-duration: .1s;
- -webkit-transition-timing-function: linear;
- -moz-transition-timing-function: linear;
- -ms-transition-timing-function: linear;
- -o-transition-timing-function: linear;
- transition-timing-function: linear;
-}
-.pollResultList li:last-child {
- margin-bottom: 0px;
-}
-.pollResultList li:hover {
- background-color: #f1f5fa;
- border-radius: 0 5px 5px 0;
-}
-.pollResultList li .pollMeter {
- background-color: #d8e7f5;
- height: 100%;
- left: 0;
- position: absolute;
- top: 0;
- z-index: -1;
- border-radius: 0 5px 5px 0;
-}
-.pollResultList li .caption {
- color: #336699;
- padding: 2px 0;
-}
-.pollResultList li .caption .optionName {
- display: inline-block;
- padding: 0 2.5em 0 7px;
-}
-.pollResultList li .caption .relativeVotes {
- position: absolute;
- right: 7px;
- top: 3px;
-}
-.sidebar .userAvatar {
- text-align: center;
- overflow: hidden;
-}
-.sidebar .userAvatar > a {
- display: block;
-}
-.framedIconList li {
- float: left;
- margin: 0 2px 4px 0;
-}
-.framedIconList li .framed {
- display: inline-block;
-}
-.framedIconList:after {
- content: "";
- height: 0;
- display: block;
- clear: both;
-}
-.userInformation > .inlineDataList,
-.userInformation > .dataList {
- font-size: 85%;
-}
-.userInformation > .dataList {
- margin-top: 0;
-}
-.userInformation > .inlineDataList {
- margin-top: 7px;
-}
-.userInformation > .inlineDataList ~ .inlineDataList {
- margin-top: 0;
-}
-.userInformation > .containerHeadline + .inlineDataList {
- margin-top: 0;
-}
-.userInformation > .containerHeadline > p {
- margin-bottom: 2px;
-}
-.userTitleBadge {
- font-weight: normal;
- max-width: 154px;
- overflow: hidden;
- text-overflow: ellipsis;
-}
-.userProfilePreview {
- position: relative;
-}
-.userProfilePreview > .userInformation {
- padding-bottom: 16px;
-}
-.userProfilePreview > .userInformation > .userStats,
-.userProfilePreview > .userInformation > .userFields {
- margin-bottom: 5px;
- padding-top: 5px;
- border-top: 1px dotted #cccccc;
-}
-.userProfilePreview > .userInformation > .userFields {
- padding-bottom: 5px;
- border-bottom: 1px dotted #cccccc;
-}
-.userProfilePreview > .userInformation > .buttonList {
- position: absolute;
- bottom: 0;
- right: 0;
-}
-.userHeadline {
- position: relative;
-}
-.userHeadline > .buttonGroup {
- position: absolute;
- right: 4px;
- top: 4px;
-}
-.letters > li {
- margin-bottom: 4px;
-}
-.letters > li > .button {
- min-width: 1.2em;
- text-align: center;
-}
-.recentActivityList > li.recentActivitiesMore {
- text-align: center;
-}
-.recentActivityList > li.recentActivitiesMore > button {
- padding-left: 30px;
- padding-right: 30px;
-}
-.recentActivityList > li.recentActivitiesMore > small {
- color: #808080;
-}
-.recentActivityList > li > div.box48 > div {
- overflow: hidden;
-}
-.dashboardBoxRegisterButton {
- padding-bottom: 21px !important;
-}
-.dashboardBoxRegisterButton > div {
- text-align: center;
-}
-.dashboardBoxRegisterButton > div > .button {
- font-size: 120%;
- padding: 5px 13px;
-}
-.usersOnline .usersOnlineLegend {
- margin-top: 7px;
-}
-.usersOnline .usersOnlineLegend > p {
- display: inline-block;
-}
-.usersOnline .usersOnlineLegend > ul {
- display: inline-block;
-}
-@media only screen and (max-width: 800px) {
- #tplUser .userHeadline > .invisible {
- display: block;
- float: left;
- }
- #tplUser .userHeadline > *:not(.invisible) {
- margin-left: 59px;
+ .message.messageSidebarOrientationLeft .messageHeader:before,
+ .message.messageSidebarOrientationLeft .messageHeader:after,
+ .message.messageSidebarOrientationRight .messageHeader:before,
+ .message.messageSidebarOrientationRight .messageHeader:after {
+ display: none;
}
- #tplUser .userHeadline > h1 {
- margin-right: 30px;
+ .message .messageHeader .messageQuickOptions,
+ .message .messageBody .messageSignature,
+ .message .messageSidebar .userCredits {
+ display: none;
+ }
+ .message .messageSidebar {
+ padding: 7px;
+ text-align: left;
+ width: auto;
+ }
+ .message .messageSidebar > div {
+ margin-left: 40px;
+ }
+ .message .messageSidebar .userAvatar {
+ left: 7px;
+ position: absolute;
+ top: 0;
+ }
+ .message .messageSidebar .userAvatar img {
+ height: 32px !important;
+ width: 32px !important;
+ }
+ .message .messageSidebar .userAvatar > .badgeOnline {
+ display: none;
+ }
+ .message .messageSidebar .userTitle {
+ margin-top: -2px;
+ }
+ .message .messageContent .messageHeader {
+ padding: 7px 7px 0;
+ }
+ .message .messageBody {
+ padding: 7px;
+ }
+ .message .messageBody > div:not(.messageFooter) {
+ padding: 7px 0;
+ }
+ .message .messageBody > footer {
+ padding: 0;
+ position: absolute;
+ right: 7px;
+ top: 7px;
+ }
+ .message .messageOptions nav {
+ opacity: 1;
+ position: static;
+ text-align: left;
+ }
+ .message.messageReduced .messageOptions {
+ display: none;
+ }
+ .message .newMessageBadge {
+ display: none;
}
}
-.likeButton.active .icon {
- color: #009900;
+@media only screen and (min-width: 641px) and (max-width: 800px) {
+ .message .messageSidebar,
+ .message .messageContent .messageHeader,
+ .message .messageBody {
+ padding-left: 14px;
+ padding-right: 14px;
+ }
+ .message .messageSidebar .userAvatar {
+ left: 14px;
+ }
+ .message .messageBody > footer {
+ right: 14px;
+ }
}
-.dislikeButton.active .icon {
- color: #cc0000;
+#pollOptionContainer .sortableList {
+ padding: 7px 0;
}
-.comment,
-.commentResponse {
- position: relative;
+#pollOptionContainer .sortableList .sortableNode {
+ margin-top: 7px;
}
-.commentOptions {
- display: block;
- position: absolute;
- top: 4px;
- right: 14px;
+#pollOptionContainer .sortableList .sortableNode .sortableButtonContainer > img {
+ cursor: pointer;
+ margin-right: 14px;
}
-.commentOptions > li {
+.pollContainer {
float: left;
- opacity: 0;
- -webkit-transition-property: opacity;
- -moz-transition-property: opacity;
- -ms-transition-property: opacity;
- -o-transition-property: opacity;
- transition-property: opacity;
+ margin: 0 14px 7px 0;
+ max-width: 50%;
+ min-width: 300px;
+}
+.pollContainer > .formSubmit {
+ background-color: #f1f5fa;
+ border-top: 1px solid #cccccc;
+ margin: 14px -21px -14px -21px;
+ padding: 10px 0;
+}
+.pollResultList li {
+ margin-bottom: 8px;
+ padding: 1px 0;
+ position: relative;
+ z-index: 0;
+ -webkit-transition-property: background-color;
+ transition-property: background-color;
-webkit-transition-duration: .1s;
- -moz-transition-duration: .1s;
- -ms-transition-duration: .1s;
- -o-transition-duration: .1s;
transition-duration: .1s;
-webkit-transition-timing-function: linear;
- -moz-transition-timing-function: linear;
- -ms-transition-timing-function: linear;
- -o-transition-timing-function: linear;
transition-timing-function: linear;
}
-.commentOptions > li > a {
- padding: 4px;
+.pollResultList li:last-child {
+ margin-bottom: 0px;
}
-.commentResponseList .commentOptions {
- top: 7px;
- right: 7px;
+.pollResultList li:hover {
+ background-color: #f1f5fa;
+ border-radius: 0 5px 5px 0;
}
-.commentContent:hover > .commentOptions > li {
- opacity: 1;
+.pollResultList li .pollMeter {
+ background-color: #d8e7f5;
+ height: 100%;
+ left: 0;
+ position: absolute;
+ top: 0;
+ z-index: -1;
+ border-radius: 0 5px 5px 0;
}
-.commentList input[type='text'] + small {
- color: #808080;
- opacity: 0;
- -webkit-transition-property: opacity;
- -moz-transition-property: opacity;
- -ms-transition-property: opacity;
- -o-transition-property: opacity;
- transition-property: opacity;
- -webkit-transition-duration: .1s;
- -moz-transition-duration: .1s;
- -ms-transition-duration: .1s;
- -o-transition-duration: .1s;
- transition-duration: .1s;
- -webkit-transition-timing-function: linear;
- -moz-transition-timing-function: linear;
- -ms-transition-timing-function: linear;
- -o-transition-timing-function: linear;
- transition-timing-function: linear;
+.pollResultList li .caption {
+ color: #336699;
+ padding: 2px 0;
}
-.commentList input[type='text']:focus + small {
- opacity: 1;
+.pollResultList li .caption .optionName {
+ display: inline-block;
+ padding: 0 2.5em 0 7px;
}
-.commentResponse {
- border-top: 1px solid #cccccc;
- padding: 7px;
+.pollResultList li .caption .relativeVotes {
+ position: absolute;
+ right: 7px;
+ top: 3px;
}
-.commentResponseAdd {
- border-top: 1px solid #cccccc;
+.reCaptcha input.marginTop {
margin-top: 14px;
- padding: 7px 7px 0;
}
-.commentResponseList .commentResponse:first-child {
- margin-top: 14px;
+.messageSearchResultList > li > .box48 > div > .containerHeadline > h3 {
+ padding-right: 100px;
}
-.commentResponseAdd + .commentResponseList .commentResponse:first-child {
- margin-top: 7px;
+.sortableListContainer .sortablePlaceholder {
+ background-color: #efcb50;
+ border: 1px solid #e9bf2b;
+ color: #000000;
+ margin: 4px 0;
+ padding: 4px;
}
-.commentList > li:nth-child(2n) .commentResponseList .commentResponse:nth-child(2n+1) {
- background-color: #fcfdfe;
- -webkit-transition-property: background-color;
- -moz-transition-property: background-color;
- -ms-transition-property: background-color;
- -o-transition-property: background-color;
- transition-property: background-color;
- -webkit-transition-duration: .1s;
- -moz-transition-duration: .1s;
- -ms-transition-duration: .1s;
- -o-transition-duration: .1s;
- transition-duration: .1s;
- -webkit-transition-timing-function: linear;
- -moz-transition-timing-function: linear;
- -ms-transition-timing-function: linear;
- -o-transition-timing-function: linear;
- transition-timing-function: linear;
+.sortablePlaceholder.sortableInvalidTarget {
+ background-color: #c95145;
+ border: 1px solid #913d37;
+ color: #ffffff;
}
-.commentList > li:nth-child(2n+1) .commentResponseList .commentResponse:nth-child(2n+1) {
- background-color: #f1f5fa;
- -webkit-transition-property: background-color;
- -moz-transition-property: background-color;
- -ms-transition-property: background-color;
- -o-transition-property: background-color;
- transition-property: background-color;
- -webkit-transition-duration: .1s;
- -moz-transition-duration: .1s;
- -ms-transition-duration: .1s;
- -o-transition-duration: .1s;
- transition-duration: .1s;
- -webkit-transition-timing-function: linear;
- -moz-transition-timing-function: linear;
- -ms-transition-timing-function: linear;
- -o-transition-timing-function: linear;
- transition-timing-function: linear;
+.sortableList {
+ list-style-position: outside;
+ list-style-type: decimal;
+ margin-left: 21px;
}
-.commentResponseList > li:hover {
- background-color: #d8e7f5 !important;
+.sortableList .jsCollapsibleCategory > .sortableNodeLabel {
+ background-color: #336699;
+ color: #ffffff;
+ padding-left: 7px;
}
-.commentList > li:not(.commentAdd):hover {
- background-color: #fcfdfe;
+.sortableList .jsCollapsibleCategory > .sortableNodeLabel > a {
+ color: #ffffff;
}
-.commentList > li:not(.commentAdd):hover:nth-child(2n) {
- background-color: #f1f5fa;
+.sortableList .jsCollapsibleCategory > .sortableNodeLabel .icon {
+ color: #ffffff;
+ text-shadow: 0 1px 0 rgba(255,255,255,0.8);
+ text-shadow: 0 -1px 0 rgba(0,0,0,0.8);
}
-.commentList > .commentLoadNext,
-.comment .responseLoadNext {
- text-align: center;
+.sortableList .statusDisplay {
+ float: right;
}
-.commentList > .commentLoadNext > button,
-.comment .responseLoadNext > button {
- padding-left: 30px;
- padding-right: 30px;
+.sortableNode {
+ cursor: move;
}
-.comment .responseLoadNext {
- padding-top: 14px;
+.sortableNode.ui-sortable-helper {
+ list-style: none;
}
-.commentList .userMessage {
- margin-top: 0;
+.sortableNodeLabel {
+ padding: 7px 7px 7px 0;
+ display: block;
}
-.commentList .likesBadge {
- display: inline-block;
- margin: -2px 0 -2px 4px;
+.sortableList:not(.simpleSortableList) .sortableNodeLabel {
+ border-bottom: 1px solid #cccccc;
}
-.labelList,
-.labelList > li {
- display: inline-block;
+.simpleSortableList {
+ min-height: 21px;
}
-#labelList {
- *zoom: 1;
+.colorPreview {
+ border: 1px solid #cccccc;
+ border-radius: 6px;
+ display: inline-block;
}
-#labelList:before,
-#labelList:after {
- display: table;
- content: "";
+.colorPreview:hover {
+ box-shadow: 0 0 15px 0 #cccccc;
}
-#labelList:after {
- clear: both;
+.colorPreview > div {
+ border: 2px solid #ffffff;
+ border-radius: 6px;
+ cursor: pointer;
+ display: block;
+ height: 60px;
+ width: 160px;
}
-#labelList li {
+.colorList > li {
float: left;
- margin-right: 1%;
- width: 30%;
-}
-#labelList li.labelCustomClass {
- position: relative;
+ padding: 7px;
}
-#labelList li.labelCustomClass input[type='radio'] {
- left: 0;
- position: absolute;
- top: 0;
+.colorList > li > figure > figcaption {
+ font-size: 85%;
+ margin-bottom: 7px;
+ text-align: center;
}
-#labelList li.labelCustomClass span {
+.colorList:after {
+ clear: both;
+ content: "";
display: block;
- margin-left: 24px;
-}
-.labelChooser > .dropdownToggle > span {
- cursor: pointer;
}
.tagList > li {
display: inline-block;
top: 6px;
width: 4px;
border-radius: 2px 2px 2px 2px;
- -webkit-box-shadow: 0 -1px 2px 0 rgba(0,0,0,0.2);
- -moz-box-shadow: 0 -1px 2px 0 rgba(0,0,0,0.2);
- -ms-box-shadow: 0 -1px 2px 0 rgba(0,0,0,0.2);
- -o-box-shadow: 0 -1px 2px 0 rgba(0,0,0,0.2);
box-shadow: 0 -1px 2px 0 rgba(0,0,0,0.2);
}
.tag:hover {
border-right-color: #336699;
}
.editableItemList li.tag {
+ margin-bottom: 11px;
margin-left: 10px;
}
.editableItemList li.tag:first-child {
margin-left: 6px;
}
-.messageSearchResultList > li > .box48 > div > .containerHeadline > h3 {
- padding-right: 100px;
+.sidebar .userAvatar {
+ text-align: center;
+ overflow: hidden;
+}
+.sidebar .userAvatar > a {
+ display: block;
+}
+.framedIconList li {
+ float: left;
+ margin: 0 2px 4px 0;
+}
+.framedIconList li .framed {
+ display: inline-block;
+}
+.framedIconList:after {
+ content: "";
+ height: 0;
+ display: block;
+ clear: both;
+}
+.userInformation > .inlineDataList,
+.userInformation > .dataList {
+ font-size: 85%;
+}
+.userInformation > .dataList {
+ margin-top: 0;
+}
+.userInformation > .inlineDataList {
+ margin-top: 7px;
+}
+.userInformation > .inlineDataList ~ .inlineDataList {
+ margin-top: 0;
+}
+.userInformation > .containerHeadline + .inlineDataList {
+ margin-top: 0;
+}
+.userInformation > .containerHeadline > p {
+ margin-bottom: 2px;
+}
+.userTitleBadge {
+ font-weight: normal;
+ max-width: 154px;
+ overflow: hidden;
+ text-overflow: ellipsis;
+}
+.userProfilePreview {
+ position: relative;
+}
+.userProfilePreview > .userInformation {
+ padding-bottom: 16px;
+}
+.userProfilePreview > .userInformation > .userStats,
+.userProfilePreview > .userInformation > .userFields {
+ margin-bottom: 5px;
+ padding-top: 5px;
+ border-top: 1px dotted #cccccc;
+}
+.userProfilePreview > .userInformation > .userFields {
+ padding-bottom: 5px;
+ border-bottom: 1px dotted #cccccc;
+}
+.userProfilePreview > .userInformation > .buttonGroupNavigation {
+ position: absolute;
+ bottom: 0;
+ right: 0;
+}
+.userHeadline {
+ position: relative;
+}
+.userHeadline > nav.buttonGroupNavigation {
+ position: absolute;
+ right: 4px;
+ top: 4px;
+}
+.letters > li {
+ margin-bottom: 4px;
+}
+.letters > li > .button {
+ min-width: 1.2em;
+ text-align: center;
+}
+.recentActivityList > li.recentActivitiesMore {
+ text-align: center;
+}
+.recentActivityList > li.recentActivitiesMore > button {
+ padding-left: 30px;
+ padding-right: 30px;
+}
+.recentActivityList > li.recentActivitiesMore > small {
+ color: #808080;
+}
+.recentActivityList > li > div.box48 > div {
+ overflow: hidden;
+}
+.dashboardBoxRegisterButton {
+ padding-bottom: 21px !important;
+}
+.dashboardBoxRegisterButton > div {
+ text-align: center;
+}
+.dashboardBoxRegisterButton > div > .button {
+ font-size: 120%;
+ padding: 5px 13px;
+}
+.usersOnline .usersOnlineLegend {
+ margin-top: 7px;
+}
+.usersOnline .usersOnlineLegend > p {
+ display: inline-block;
+}
+.usersOnline .usersOnlineLegend > ul {
+ display: inline-block;
+}
+@media only screen and (max-width: 800px) {
+ #tplUser .userHeadline {
+ overflow: visible;
+ }
+ #tplUser .userHeadline > .invisible {
+ display: block;
+ float: left;
+ }
+ #tplUser .userHeadline > *:not(.invisible) {
+ margin-left: 59px;
+ }
+ #tplUser .userHeadline > h1 {
+ margin-right: 30px;
+ }
+}
+.userAvatarCrop {
+ cursor: pointer;
+}
+#userAvatarCropSelection {
+ position: relative;
+ margin: 0 auto;
+}
+#userAvatarCropOverlay {
+ background-color: #000000;
+ height: 100%;
+ opacity: 0.5;
+ position: absolute;
+ left: 0;
+ top: 0;
+ width: 100%;
+ z-index: 10;
+}
+#userAvatarCropOverlaySelection {
+ cursor: move;
+ position: absolute;
+ left: 0;
+ top: 0;
+ height: 128px;
+ overflow: hidden;
+ width: 128px;
+ z-index: 20;
+}
+.buttonGroup.thirdPartyLogin {
+ text-align: center;
}
#conversationLabelFilter {
margin-bottom: 14px;
height: 20px;
padding: 4px;
border-radius: 5px 5px 5px 5px;
- -webkit-box-shadow: inset 0 1px 5px rgba(0, 0, 0, .5), 0 1px 0 rgba(255, 255, 255, .5);
- -moz-box-shadow: inset 0 1px 5px rgba(0, 0, 0, .5), 0 1px 0 rgba(255, 255, 255, .5);
- -ms-box-shadow: inset 0 1px 5px rgba(0, 0, 0, .5), 0 1px 0 rgba(255, 255, 255, .5);
- -o-box-shadow: inset 0 1px 5px rgba(0, 0, 0, .5), 0 1px 0 rgba(255, 255, 255, .5);
box-shadow: inset 0 1px 5px rgba(0, 0, 0, .5), 0 1px 0 rgba(255, 255, 255, .5);
}
.conversationUsageBar > span {
display: block;
height: 100%;
border-radius: 3px 3px 3px 3px;
- -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .5);
- -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .5);
- -ms-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .5);
- -o-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .5);
box-shadow: inset 0 1px 0 rgba(255, 255, 255, .5);
background-color: #a5df41;
background-image: -webkit-linear-gradient(#a5df41,#4ca916);
background-image: -moz-linear-gradient(#a5df41,#4ca916);
- background-image: -o-linear-gradient(#a5df41,#4ca916);
background-image: -ms-linear-gradient(#a5df41,#4ca916);
background-image: linear-gradient(#a5df41,#4ca916);
}
background-color: #fecf23;
background-image: -webkit-linear-gradient(#fecf23,#fd9215);
background-image: -moz-linear-gradient(#fecf23,#fd9215);
- background-image: -o-linear-gradient(#fecf23,#fd9215);
background-image: -ms-linear-gradient(#fecf23,#fd9215);
background-image: linear-gradient(#fecf23,#fd9215);
}
background-color: #f0a3a3;
background-image: -webkit-linear-gradient(#f0a3a3,#f42323);
background-image: -moz-linear-gradient(#f0a3a3,#f42323);
- background-image: -o-linear-gradient(#f0a3a3,#f42323);
background-image: -ms-linear-gradient(#f0a3a3,#f42323);
background-image: linear-gradient(#f0a3a3,#f42323);
}
padding: 7px;
padding-right: 51%;
-webkit-transition-property: background;
- -moz-transition-property: background;
- -ms-transition-property: background;
- -o-transition-property: background;
transition-property: background;
-webkit-transition-duration: .1s;
- -moz-transition-duration: .1s;
- -ms-transition-duration: .1s;
- -o-transition-duration: .1s;
transition-duration: .1s;
-webkit-transition-timing-function: linear;
- -moz-transition-timing-function: linear;
- -ms-transition-timing-function: linear;
- -o-transition-timing-function: linear;
transition-timing-function: linear;
}
.wbbBoardList .wbbBoard~ ul > .wbbBoardContainer > .wbbBoard {
color: #407fbf;
position: relative;
-webkit-transition-property: color;
- -moz-transition-property: color;
- -ms-transition-property: color;
- -o-transition-property: color;
transition-property: color;
-webkit-transition-duration: .3s;
- -moz-transition-duration: .3s;
- -ms-transition-duration: .3s;
- -o-transition-duration: .3s;
transition-duration: .3s;
-webkit-transition-timing-function: ease;
- -moz-transition-timing-function: ease;
- -ms-transition-timing-function: ease;
- -o-transition-timing-function: ease;
transition-timing-function: ease;
}
.mainMenu > ul > li > a:hover {
background-color: #e4eef8;
background-image: -webkit-linear-gradient(#ffffff,#e4eef8);
background-image: -moz-linear-gradient(#ffffff,#e4eef8);
- background-image: -o-linear-gradient(#ffffff,#e4eef8);
background-image: -ms-linear-gradient(#ffffff,#e4eef8);
background-image: linear-gradient(#ffffff,#e4eef8);
}
position: absolute;
right: -7px;
width: 7px;
- -webkit-box-shadow: -2px 2px 0 0 #e4eef8;
- -moz-box-shadow: -2px 2px 0 0 #e4eef8;
- -ms-box-shadow: -2px 2px 0 0 #e4eef8;
- -o-box-shadow: -2px 2px 0 0 #e4eef8;
box-shadow: -2px 2px 0 0 #e4eef8;
}
.mainMenu > ul > li.active > a:before {
left: -7px;
position: absolute;
width: 7px;
- -webkit-box-shadow: 2px 2px 0 0 #e4eef8;
- -moz-box-shadow: 2px 2px 0 0 #e4eef8;
- -ms-box-shadow: 2px 2px 0 0 #e4eef8;
- -o-box-shadow: 2px 2px 0 0 #e4eef8;
box-shadow: 2px 2px 0 0 #e4eef8;
}
.mainMenu > ul > li.active > a:hover {
border-color: #b8d3ed;
}
.sidebar fieldset > nav ul > li.active {
- -webkit-box-shadow: 0 0 2px 0 rgba(0,0,0,0.1);
- -moz-box-shadow: 0 0 2px 0 rgba(0,0,0,0.1);
- -ms-box-shadow: 0 0 2px 0 rgba(0,0,0,0.1);
- -o-box-shadow: 0 0 2px 0 rgba(0,0,0,0.1);
box-shadow: 0 0 2px 0 rgba(0,0,0,0.1);
}
.sidebar fieldset > nav ul > li > a {
-webkit-transition-property: color;
- -moz-transition-property: color;
- -ms-transition-property: color;
- -o-transition-property: color;
transition-property: color;
-webkit-transition-duration: .1s;
- -moz-transition-duration: .1s;
- -ms-transition-duration: .1s;
- -o-transition-duration: .1s;
transition-duration: .1s;
-webkit-transition-timing-function: linear;
- -moz-transition-timing-function: linear;
- -ms-transition-timing-function: linear;
- -o-transition-timing-function: linear;
transition-timing-function: linear;
}
- #main > div {
- -webkit-box-shadow: inset 0 0 2px 0 rgba(0,0,0,0.1);
- -moz-box-shadow: inset 0 0 2px 0 rgba(0,0,0,0.1);
- -ms-box-shadow: inset 0 0 2px 0 rgba(0,0,0,0.1);
- -o-box-shadow: inset 0 0 2px 0 rgba(0,0,0,0.1);
+ #main > div > .sidebar {
box-shadow: inset 0 0 2px 0 rgba(0,0,0,0.1);
}
- #main > div > .sidebar > .collapsibleButton {
+ #main > div > .sidebar > span > .collapsibleButton {
border-width: 1px 0 1px 1px;
border-style: solid;
border-color: #b8d3ed;
clip: rect(-5px 25px 31px -5px);
- -webkit-box-shadow: 0 0 2px 0 rgba(0,0,0,0.1);
- -moz-box-shadow: 0 0 2px 0 rgba(0,0,0,0.1);
- -ms-box-shadow: 0 0 2px 0 rgba(0,0,0,0.1);
- -o-box-shadow: 0 0 2px 0 rgba(0,0,0,0.1);
box-shadow: 0 0 2px 0 rgba(0,0,0,0.1);
}
- #main.sidebarOrientationLeft .content {
- border-left: 1px solid #b8d3ed;
- margin-left: 299px;
- }
- #main.sidebarOrientationRight .content {
+ #main.sidebarOrientationLeft .sidebar {
border-right: 1px solid #b8d3ed;
- margin-right: 299px;
}
- .content {
- -webkit-box-shadow: 0 0 2px 0 rgba(0,0,0,0.1);
- -moz-box-shadow: 0 0 2px 0 rgba(0,0,0,0.1);
- -ms-box-shadow: 0 0 2px 0 rgba(0,0,0,0.1);
- -o-box-shadow: 0 0 2px 0 rgba(0,0,0,0.1);
- box-shadow: 0 0 2px 0 rgba(0,0,0,0.1);
+ #main.sidebarOrientationLeft .sidebar > div {
+ width: 301px;
+ }
+ #main.sidebarOrientationRight .sidebar {
+ border-left: 1px solid #b8d3ed;
}
}
button,
input[type='button']:not([disabled]),
button:not([disabled]) {
border-color: #cdcdcd #bbbbbb #a9a9a9;
- -webkit-box-shadow: 0 1px 3px 0 rgba(0,0,0,0.1);
- -moz-box-shadow: 0 1px 3px 0 rgba(0,0,0,0.1);
- -ms-box-shadow: 0 1px 3px 0 rgba(0,0,0,0.1);
- -o-box-shadow: 0 1px 3px 0 rgba(0,0,0,0.1);
box-shadow: 0 1px 3px 0 rgba(0,0,0,0.1);
background-color: #f0f0f0;
background-image: -webkit-linear-gradient(top,#fdfdfd,#f0f0f0 2px,#e3e3e3);
background-image: -moz-linear-gradient(top,#fdfdfd,#f0f0f0 2px,#e3e3e3);
- background-image: -o-linear-gradient(top,#fdfdfd,#f0f0f0 2px,#e3e3e3);
background-image: -ms-linear-gradient(top,#fdfdfd,#f0f0f0 2px,#e3e3e3);
background-image: linear-gradient(top,#fdfdfd,#f0f0f0 2px,#e3e3e3);
-webkit-transition-property: background-color, background-image, border, box-shadow, color;
- -moz-transition-property: background-color, background-image, border, box-shadow, color;
- -ms-transition-property: background-color, background-image, border, box-shadow, color;
- -o-transition-property: background-color, background-image, border, box-shadow, color;
transition-property: background-color, background-image, border, box-shadow, color;
-webkit-transition-duration: .1s;
- -moz-transition-duration: .1s;
- -ms-transition-duration: .1s;
- -o-transition-duration: .1s;
transition-duration: .1s;
-webkit-transition-timing-function: linear;
- -moz-transition-timing-function: linear;
- -ms-transition-timing-function: linear;
- -o-transition-timing-function: linear;
transition-timing-function: linear;
}
.button .icon,
input[type='button']:not([disabled]) .icon,
button:not([disabled]) .icon {
-webkit-transition-property: color;
- -moz-transition-property: color;
- -ms-transition-property: color;
- -o-transition-property: color;
transition-property: color;
-webkit-transition-duration: .1s;
- -moz-transition-duration: .1s;
- -ms-transition-duration: .1s;
- -o-transition-duration: .1s;
transition-duration: .1s;
-webkit-transition-timing-function: linear;
- -moz-transition-timing-function: linear;
- -ms-transition-timing-function: linear;
- -o-transition-timing-function: linear;
transition-timing-function: linear;
}
.button.buttonPrimary,
input[type='button']:not([disabled]).buttonPrimary,
button:not([disabled]).buttonPrimary {
border-color: #81abd5 #6699cc #4b87c3;
- -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, .1), 0 0 10px #6699cc;
- -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, .1), 0 0 10px #6699cc;
- -ms-box-shadow: 0 1px 3px rgba(0, 0, 0, .1), 0 0 10px #6699cc;
- -o-box-shadow: 0 1px 3px rgba(0, 0, 0, .1), 0 0 10px #6699cc;
box-shadow: 0 1px 3px rgba(0, 0, 0, .1), 0 0 10px #6699cc;
background-color: #ecf3fa;
background-image: -webkit-linear-gradient(top,#ffffff,#ecf3fa 2px,#d8e7f5);
background-image: -moz-linear-gradient(top,#ffffff,#ecf3fa 2px,#d8e7f5);
- background-image: -o-linear-gradient(top,#ffffff,#ecf3fa 2px,#d8e7f5);
background-image: -ms-linear-gradient(top,#ffffff,#ecf3fa 2px,#d8e7f5);
background-image: linear-gradient(top,#ffffff,#ecf3fa 2px,#d8e7f5);
}
button:not([disabled]).buttonPrimary:hover {
border-color: #ffb846 #ffaa22 #fd9c00;
color: #666666;
- -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, .1), 0 0 10px #ffaa22;
- -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, .1), 0 0 10px #ffaa22;
- -ms-box-shadow: 0 1px 3px rgba(0, 0, 0, .1), 0 0 10px #ffaa22;
- -o-box-shadow: 0 1px 3px rgba(0, 0, 0, .1), 0 0 10px #ffaa22;
box-shadow: 0 1px 3px rgba(0, 0, 0, .1), 0 0 10px #ffaa22;
background-color: #fff1e2;
background-image: -webkit-linear-gradient(top,#fffdfb,#fff1e2 2px,#ffe5c8);
background-image: -moz-linear-gradient(top,#fffdfb,#fff1e2 2px,#ffe5c8);
- background-image: -o-linear-gradient(top,#fffdfb,#fff1e2 2px,#ffe5c8);
background-image: -ms-linear-gradient(top,#fffdfb,#fff1e2 2px,#ffe5c8);
background-image: linear-gradient(top,#fffdfb,#fff1e2 2px,#ffe5c8);
}
button.active:hover {
border-color: #8c8c8c;
color: #f0f0f0;
- -webkit-box-shadow: 0 1px 3px 0 rgba(0,0,0,0.1);
- -moz-box-shadow: 0 1px 3px 0 rgba(0,0,0,0.1);
- -ms-box-shadow: 0 1px 3px 0 rgba(0,0,0,0.1);
- -o-box-shadow: 0 1px 3px 0 rgba(0,0,0,0.1);
box-shadow: 0 1px 3px 0 rgba(0,0,0,0.1);
background-color: #999999;
background-image: -webkit-linear-gradient(#808080,#999999 3px);
background-image: -moz-linear-gradient(#808080,#999999 3px);
- background-image: -o-linear-gradient(#808080,#999999 3px);
background-image: -ms-linear-gradient(#808080,#999999 3px);
background-image: linear-gradient(#808080,#999999 3px);
text-shadow: 0 1px 0 rgba(255,255,255,0.8);
text-shadow: 0 1px 0 rgba(255,255,255,0.8);
text-shadow: 0 -1px 0 rgba(0,0,0,0.8);
}
-.breadcrumbs {
- background-color: #ffffff;
- border: 1px solid #cccccc;
- border-radius: 6px 6px 6px 6px;
-}
-.breadcrumbs > ul > li {
- padding-right: 0;
- -webkit-transition-property: max-width;
- -moz-transition-property: max-width;
- -ms-transition-property: max-width;
- -o-transition-property: max-width;
- transition-property: max-width;
- -webkit-transition-duration: .2s;
- -moz-transition-duration: .2s;
- -ms-transition-duration: .2s;
- -o-transition-duration: .2s;
- transition-duration: .2s;
- -webkit-transition-timing-function: linear;
- -moz-transition-timing-function: linear;
- -ms-transition-timing-function: linear;
- -o-transition-timing-function: linear;
- transition-timing-function: linear;
-}
-.breadcrumbs > ul > li:hover {
- max-width: 100%;
-}
-.breadcrumbs > ul > li:hover > a {
- background-color: #f1f5fa;
- position: relative;
- z-index: 10;
-}
-.breadcrumbs > ul > li:hover > .pointer > span {
- border-color: transparent transparent transparent #f1f5fa;
-}
-.breadcrumbs > ul > li > .pointer {
- border-color: transparent transparent transparent #cccccc;
- border-style: inset none inset solid;
- border-width: 15px;
- display: block;
- height: 0;
- padding: 0;
- right: -15px;
- top: -3px;
- width: 0;
- z-index: 20;
-}
-.breadcrumbs > ul > li > .pointer > span {
- border-color: transparent transparent transparent #ffffff;
- border-style: inset none inset solid;
- border-width: 15px;
- display: block;
- height: 0;
- left: -16px;
- overflow: hidden;
- position: absolute;
- text-indent: -9000px;
- top: -15px;
- width: 0;
- -webkit-transition-property: border-color;
- -moz-transition-property: border-color;
- -ms-transition-property: border-color;
- -o-transition-property: border-color;
- transition-property: border-color;
- -webkit-transition-duration: .2s;
- -moz-transition-duration: .2s;
- -ms-transition-duration: .2s;
- -o-transition-duration: .2s;
- transition-duration: .2s;
- -webkit-transition-timing-function: linear;
- -moz-transition-timing-function: linear;
- -ms-transition-timing-function: linear;
- -o-transition-timing-function: linear;
- transition-timing-function: linear;
-}
-.breadcrumbs > ul > li > a {
- padding-left: 20px;
- -webkit-transition-property: background-color;
- -moz-transition-property: background-color;
- -ms-transition-property: background-color;
- -o-transition-property: background-color;
- transition-property: background-color;
- -webkit-transition-duration: .2s;
- -moz-transition-duration: .2s;
- -ms-transition-duration: .2s;
- -o-transition-duration: .2s;
- transition-duration: .2s;
- -webkit-transition-timing-function: linear;
- -moz-transition-timing-function: linear;
- -ms-transition-timing-function: linear;
- -o-transition-timing-function: linear;
- transition-timing-function: linear;
-}
-.breadcrumbs > ul > li:first-child > a {
- padding-left: 9px;
- border-radius: 4px 0 0 4px;
+@media only screen and (min-width: 801px) {
+ .breadcrumbs {
+ background-color: #ffffff;
+ border: 1px solid #cccccc;
+ border-radius: 6px 6px 6px 6px;
+ }
+ .breadcrumbs > ul > li {
+ padding-right: 0;
+ -webkit-transition-property: max-width;
+ transition-property: max-width;
+ -webkit-transition-duration: .2s;
+ transition-duration: .2s;
+ -webkit-transition-timing-function: linear;
+ transition-timing-function: linear;
+ }
+ .breadcrumbs > ul > li:hover {
+ max-width: 100%;
+ }
+ .breadcrumbs > ul > li:hover > a {
+ background-color: #f1f5fa;
+ position: relative;
+ z-index: 10;
+ }
+ .breadcrumbs > ul > li:hover > .pointer > span {
+ border-color: transparent transparent transparent #f1f5fa;
+ }
+ .breadcrumbs > ul > li > .pointer {
+ border-color: transparent transparent transparent #cccccc;
+ border-style: inset none inset solid;
+ border-width: 15px;
+ display: block;
+ height: 0;
+ padding: 0;
+ right: -15px;
+ top: -3px;
+ width: 0;
+ z-index: 20;
+ }
+ .breadcrumbs > ul > li > .pointer > span {
+ border-color: transparent transparent transparent #ffffff;
+ border-style: inset none inset solid;
+ border-width: 15px;
+ display: block;
+ height: 0;
+ left: -16px;
+ overflow: hidden;
+ position: absolute;
+ text-indent: -9000px;
+ top: -15px;
+ width: 0;
+ -webkit-transition-property: border-color;
+ transition-property: border-color;
+ -webkit-transition-duration: .2s;
+ transition-duration: .2s;
+ -webkit-transition-timing-function: linear;
+ transition-timing-function: linear;
+ }
+ .breadcrumbs > ul > li > a {
+ padding-left: 20px;
+ -webkit-transition-property: background-color;
+ transition-property: background-color;
+ -webkit-transition-duration: .2s;
+ transition-duration: .2s;
+ -webkit-transition-timing-function: linear;
+ transition-timing-function: linear;
+ }
+ .breadcrumbs > ul > li:first-child > a {
+ padding-left: 9px;
+ border-radius: 4px 0 0 4px;
+ }
}
.userPanel {
border-bottom: 1px solid rgba(0,0,0,0.1);
- -webkit-box-shadow: 0 3px 7px 0 rgba(0,0,0,0.3);
- -moz-box-shadow: 0 3px 7px 0 rgba(0,0,0,0.3);
- -ms-box-shadow: 0 3px 7px 0 rgba(0,0,0,0.3);
- -o-box-shadow: 0 3px 7px 0 rgba(0,0,0,0.3);
box-shadow: 0 3px 7px 0 rgba(0,0,0,0.3);
}
.userPanel > div > .searchBar > form input[type="search"]:focus,
.userPanel > div > .searchBar > form input[type="search"]:active {
- -webkit-box-shadow: 0 0 0 0 transparent;
- -moz-box-shadow: 0 0 0 0 transparent;
- -ms-box-shadow: 0 0 0 0 transparent;
- -o-box-shadow: 0 0 0 0 transparent;
box-shadow: 0 0 0 0 transparent;
}
@media only screen and (max-width: 800px) {
border-radius: 6px 6px 6px 6px;
}
.tabularBox:not(.tabularBoxTitle) .table thead tr:first-child th:first-child {
- border-radius: 4px 0 0 0;
+ border-top-left-radius: 4px;
}
.tabularBox:not(.tabularBoxTitle) .table thead tr:first-child th:last-child {
- border-radius: 0 4px 0 0;
+ border-top-right-radius: 4px;
}
.tabularBox .table tbody tr:last-child td:first-child {
- border-radius: 0 0 0 4px;
+ border-bottom-left-radius: 4px;
}
.tabularBox .table tbody tr:last-child td:last-child {
- border-radius: 0 0 4px 0;
+ border-bottom-right-radius: 4px;
}
.container > .table > tbody > tr:first-child > td:first-child {
- border-radius: 4px 0 0 0;
+ border-top-left-radius: 4px;
}
.container > .table > tbody > tr:first-child > td:last-child {
- border-radius: 0 4px 0 0;
+ border-top-right-radius: 4px;
}
.container > .table > tbody > tr:last-child > td:first-child {
- border-radius: 0 0 0 4px;
+ border-bottom-left-radius: 4px;
}
.container > .table > tbody > tr:last-child > td:last-child {
- border-radius: 0 0 4px 0;
+ border-bottom-right-radius: 4px;
}
.attachmentThumbnail > div {
border-radius: 0 0 4px 4px;
left: -6px;
position: absolute;
width: 5px;
- -webkit-box-shadow: 2px 1px 0 0 #fcfdfe;
- -moz-box-shadow: 2px 1px 0 0 #fcfdfe;
- -ms-box-shadow: 2px 1px 0 0 #fcfdfe;
- -o-box-shadow: 2px 1px 0 0 #fcfdfe;
box-shadow: 2px 1px 0 0 #fcfdfe;
}
.tabMenu > ul > li.ui-state-active > a:after {
position: absolute;
right: -6px;
width: 5px;
- -webkit-box-shadow: -2px 1px 0 0 #fcfdfe;
- -moz-box-shadow: -2px 1px 0 0 #fcfdfe;
- -ms-box-shadow: -2px 1px 0 0 #fcfdfe;
- -o-box-shadow: -2px 1px 0 0 #fcfdfe;
box-shadow: -2px 1px 0 0 #fcfdfe;
}
input[type='text'],
select[multiple] {
border-color: #999999 #cccccc #e6e6e6;
border-radius: 3px;
- -webkit-box-shadow: inset 0 1px 5px 0 rgba(0,0,0,0.1);
- -moz-box-shadow: inset 0 1px 5px 0 rgba(0,0,0,0.1);
- -ms-box-shadow: inset 0 1px 5px 0 rgba(0,0,0,0.1);
- -o-box-shadow: inset 0 1px 5px 0 rgba(0,0,0,0.1);
box-shadow: inset 0 1px 5px 0 rgba(0,0,0,0.1);
-webkit-transition-property: background-color, border, box-shadow;
- -moz-transition-property: background-color, border, box-shadow;
- -ms-transition-property: background-color, border, box-shadow;
- -o-transition-property: background-color, border, box-shadow;
transition-property: background-color, border, box-shadow;
-webkit-transition-duration: .2s;
- -moz-transition-duration: .2s;
- -ms-transition-duration: .2s;
- -o-transition-duration: .2s;
transition-duration: .2s;
-webkit-transition-timing-function: linear;
- -moz-transition-timing-function: linear;
- -ms-transition-timing-function: linear;
- -o-transition-timing-function: linear;
transition-timing-function: linear;
}
+.preInput > input[type='text'] {
+ border-radius: 0 3px 3px 0;
+}
+.preInput > textarea {
+ border-radius: 0 3px 3px;
+}
input[type='text']:active,
input[type='search']:active,
input[type='date']:active,
input[type='password']:focus,
textarea:focus,
select[multiple]:focus {
- -webkit-box-shadow: 0 0 5px rgba(255,170,34,0.5) , inset 0 1px 5px rgba(0, 0, 0, .1);
- -moz-box-shadow: 0 0 5px rgba(255,170,34,0.5) , inset 0 1px 5px rgba(0, 0, 0, .1);
- -ms-box-shadow: 0 0 5px rgba(255,170,34,0.5) , inset 0 1px 5px rgba(0, 0, 0, .1);
- -o-box-shadow: 0 0 5px rgba(255,170,34,0.5) , inset 0 1px 5px rgba(0, 0, 0, .1);
box-shadow: 0 0 5px rgba(255,170,34,0.5) , inset 0 1px 5px rgba(0, 0, 0, .1);
}
.formError input[type='text'],
.formError textarea {
background-color: #ffffff;
border-color: #c95145;
- -webkit-box-shadow: 0 0 5px rgba(201,81,69,0.5) , inset 0 1px 5px rgba(0, 0, 0, .1);
- -moz-box-shadow: 0 0 5px rgba(201,81,69,0.5) , inset 0 1px 5px rgba(0, 0, 0, .1);
- -ms-box-shadow: 0 0 5px rgba(201,81,69,0.5) , inset 0 1px 5px rgba(0, 0, 0, .1);
- -o-box-shadow: 0 0 5px rgba(201,81,69,0.5) , inset 0 1px 5px rgba(0, 0, 0, .1);
box-shadow: 0 0 5px rgba(201,81,69,0.5) , inset 0 1px 5px rgba(0, 0, 0, .1);
}
.formError input[type='text']:hover,
.formSuccess textarea {
background-color: #ffffff;
border-color: #74a446;
- -webkit-box-shadow: 0 0 5px rgba(116,164,70,0.5) , inset 0 1px 5px rgba(0, 0, 0, .1);
- -moz-box-shadow: 0 0 5px rgba(116,164,70,0.5) , inset 0 1px 5px rgba(0, 0, 0, .1);
- -ms-box-shadow: 0 0 5px rgba(116,164,70,0.5) , inset 0 1px 5px rgba(0, 0, 0, .1);
- -o-box-shadow: 0 0 5px rgba(116,164,70,0.5) , inset 0 1px 5px rgba(0, 0, 0, .1);
box-shadow: 0 0 5px rgba(116,164,70,0.5) , inset 0 1px 5px rgba(0, 0, 0, .1);
}
.formSuccess input[type='text']:hover,
.warning {
border-width: 0;
font-weight: bold;
- -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, .5), inset 0 0 1px rgba(0, 0, 0, .2);
- -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, .5), inset 0 0 1px rgba(0, 0, 0, .2);
- -ms-box-shadow: 0 1px 2px rgba(0, 0, 0, .5), inset 0 0 1px rgba(0, 0, 0, .2);
- -o-box-shadow: 0 1px 2px rgba(0, 0, 0, .5), inset 0 0 1px rgba(0, 0, 0, .2);
box-shadow: 0 1px 2px rgba(0, 0, 0, .5), inset 0 0 1px rgba(0, 0, 0, .2);
}
.info {
background-color: #4674a4;
background-image: -webkit-linear-gradient(#4674a4,#304d77);
background-image: -moz-linear-gradient(#4674a4,#304d77);
- background-image: -o-linear-gradient(#4674a4,#304d77);
background-image: -ms-linear-gradient(#4674a4,#304d77);
background-image: linear-gradient(#4674a4,#304d77);
}
background-color: #c95145;
background-image: -webkit-linear-gradient(#c95145,#913d37);
background-image: -moz-linear-gradient(#c95145,#913d37);
- background-image: -o-linear-gradient(#c95145,#913d37);
background-image: -ms-linear-gradient(#c95145,#913d37);
background-image: linear-gradient(#c95145,#913d37);
}
background-color: #74a446;
background-image: -webkit-linear-gradient(#74a446,#4d7730);
background-image: -moz-linear-gradient(#74a446,#4d7730);
- background-image: -o-linear-gradient(#74a446,#4d7730);
background-image: -ms-linear-gradient(#74a446,#4d7730);
background-image: linear-gradient(#74a446,#4d7730);
}
background-color: #efcb50;
background-image: -webkit-linear-gradient(#efcb50,#e9bf2b);
background-image: -moz-linear-gradient(#efcb50,#e9bf2b);
- background-image: -o-linear-gradient(#efcb50,#e9bf2b);
background-image: -ms-linear-gradient(#efcb50,#e9bf2b);
background-image: linear-gradient(#efcb50,#e9bf2b);
}
.innerError {
border-width: 0;
- -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, .5), inset 0 0 1px rgba(0, 0, 0, .2);
- -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, .5), inset 0 0 1px rgba(0, 0, 0, .2);
- -ms-box-shadow: 0 1px 2px rgba(0, 0, 0, .5), inset 0 0 1px rgba(0, 0, 0, .2);
- -o-box-shadow: 0 1px 2px rgba(0, 0, 0, .5), inset 0 0 1px rgba(0, 0, 0, .2);
box-shadow: 0 1px 2px rgba(0, 0, 0, .5), inset 0 0 1px rgba(0, 0, 0, .2);
background-color: #c95145;
background-image: -webkit-linear-gradient(#c95145,#913d37);
background-image: -moz-linear-gradient(#c95145,#913d37);
- background-image: -o-linear-gradient(#c95145,#913d37);
background-image: -ms-linear-gradient(#c95145,#913d37);
background-image: linear-gradient(#c95145,#913d37);
text-shadow: 0 1px 0 rgba(255,255,255,0.8);
}
.message.dividers .userCredits {
border-top: 1px solid #b8d3ed !important;
- -webkit-box-shadow: inset 0 1px 0 0 #ffffff;
- -moz-box-shadow: inset 0 1px 0 0 #ffffff;
- -ms-box-shadow: inset 0 1px 0 0 #ffffff;
- -o-box-shadow: inset 0 1px 0 0 #ffffff;
box-shadow: inset 0 1px 0 0 #ffffff;
}
.footerContent {
padding: 7px;
margin-right: 7px;
border-radius: 6px 6px 6px 6px;
- -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .1);
- -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .1);
- -ms-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .1);
- -o-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .1);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, .1);
}
}
border-radius: 6px 0 0 0;
background-image: -webkit-linear-gradient(left top, rgba(255, 255, 255, .85) 0%, rgba(255, 255, 255, 0) 40%);
background-image: -moz-linear-gradient(left top, rgba(255, 255, 255, .85) 0%, rgba(255, 255, 255, 0) 40%);
- background-image: -o-linear-gradient(left top, rgba(255, 255, 255, .85) 0%, rgba(255, 255, 255, 0) 40%);
background-image: -ms-linear-gradient(left top, rgba(255, 255, 255, .85) 0%, rgba(255, 255, 255, 0) 40%);
background-image: linear-gradient(left top, rgba(255, 255, 255, .85) 0%, rgba(255, 255, 255, 0) 40%);
}
border-radius: 0 6px 0 0;
background-image: -webkit-linear-gradient(right top, rgba(255, 255, 255, .85) 0%, rgba(255, 255, 255, 0) 40%);
background-image: -moz-linear-gradient(right top, rgba(255, 255, 255, .85) 0%, rgba(255, 255, 255, 0) 40%);
- background-image: -o-linear-gradient(right top, rgba(255, 255, 255, .85) 0%, rgba(255, 255, 255, 0) 40%);
background-image: -ms-linear-gradient(right top, rgba(255, 255, 255, .85) 0%, rgba(255, 255, 255, 0) 40%);
background-image: linear-gradient(right top, rgba(255, 255, 255, .85) 0%, rgba(255, 255, 255, 0) 40%);
}
}
.attachmentThumbnail {
- -webkit-box-shadow: 0 1px 1px 0 rgba(0,0,0,0.2);
- -moz-box-shadow: 0 1px 1px 0 rgba(0,0,0,0.2);
- -ms-box-shadow: 0 1px 1px 0 rgba(0,0,0,0.2);
- -o-box-shadow: 0 1px 1px 0 rgba(0,0,0,0.2);
box-shadow: 0 1px 1px 0 rgba(0,0,0,0.2);
-webkit-transition-property: box-shadow;
- -moz-transition-property: box-shadow;
- -ms-transition-property: box-shadow;
- -o-transition-property: box-shadow;
transition-property: box-shadow;
-webkit-transition-duration: .1s;
- -moz-transition-duration: .1s;
- -ms-transition-duration: .1s;
- -o-transition-duration: .1s;
transition-duration: .1s;
-webkit-transition-timing-function: linear;
- -moz-transition-timing-function: linear;
- -ms-transition-timing-function: linear;
- -o-transition-timing-function: linear;
transition-timing-function: linear;
}
.attachmentThumbnail:hover {
- -webkit-box-shadow: 0 0 20px 0 #ffaa22;
- -moz-box-shadow: 0 0 20px 0 #ffaa22;
- -ms-box-shadow: 0 0 20px 0 #ffaa22;
- -o-box-shadow: 0 0 20px 0 #ffaa22;
box-shadow: 0 0 20px 0 #ffaa22;
}
.container,
div.tabularBox,
.wbbBoardList > li.tabularBox,
.message {
- -webkit-box-shadow: 0 1px 2px 0 rgba(0,0,0,0.1);
- -moz-box-shadow: 0 1px 2px 0 rgba(0,0,0,0.1);
- -ms-box-shadow: 0 1px 2px 0 rgba(0,0,0,0.1);
- -o-box-shadow: 0 1px 2px 0 rgba(0,0,0,0.1);
box-shadow: 0 1px 2px 0 rgba(0,0,0,0.1);
}
.container .container,
.message .container {
- -webkit-box-shadow: none;
- -moz-box-shadow: none;
- -ms-box-shadow: none;
- -o-box-shadow: none;
box-shadow: none;
}
.dropdown .dropdownMenu li {
-webkit-transition-property: background-color;
- -moz-transition-property: background-color;
- -ms-transition-property: background-color;
- -o-transition-property: background-color;
transition-property: background-color;
-webkit-transition-duration: .1s;
- -moz-transition-duration: .1s;
- -ms-transition-duration: .1s;
- -o-transition-duration: .1s;
transition-duration: .1s;
-webkit-transition-timing-function: linear;
- -moz-transition-timing-function: linear;
- -ms-transition-timing-function: linear;
- -o-transition-timing-function: linear;
transition-timing-function: linear;
}
.dropdown .dropdownMenu li > a {
-webkit-transition-property: color;
- -moz-transition-property: color;
- -ms-transition-property: color;
- -o-transition-property: color;
transition-property: color;
-webkit-transition-duration: .1s;
- -moz-transition-duration: .1s;
- -ms-transition-duration: .1s;
- -o-transition-duration: .1s;
transition-duration: .1s;
-webkit-transition-timing-function: linear;
- -moz-transition-timing-function: linear;
- -ms-transition-timing-function: linear;
- -o-transition-timing-function: linear;
transition-timing-function: linear;
}
.table th > a {
-webkit-transition-property: background-color, color, box-shadow;
- -moz-transition-property: background-color, color, box-shadow;
- -ms-transition-property: background-color, color, box-shadow;
- -o-transition-property: background-color, color, box-shadow;
transition-property: background-color, color, box-shadow;
-webkit-transition-duration: .2s;
- -moz-transition-duration: .2s;
- -ms-transition-duration: .2s;
- -o-transition-duration: .2s;
transition-duration: .2s;
-webkit-transition-timing-function: linear;
- -moz-transition-timing-function: linear;
- -ms-transition-timing-function: linear;
- -o-transition-timing-function: linear;
transition-timing-function: linear;
}
.userTitleBadge {
- -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 1), inset 0 1px 0 rgba(0, 0, 0, .2);
- -moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 1), inset 0 1px 0 rgba(0, 0, 0, .2);
- -ms-box-shadow: 0 1px 0 rgba(255, 255, 255, 1), inset 0 1px 0 rgba(0, 0, 0, .2);
- -o-box-shadow: 0 1px 0 rgba(255, 255, 255, 1), inset 0 1px 0 rgba(0, 0, 0, .2);
box-shadow: 0 1px 0 rgba(255, 255, 255, 1), inset 0 1px 0 rgba(0, 0, 0, .2);
}
.dashboardBoxRegisterButton > div > .button {
projects / GitHub / WoltLab / WCF.git / commitdiff