From: Marcel Werk Date: Tue, 28 May 2013 13:52:33 +0000 (+0200) Subject: Style update X-Git-Tag: 2.0.0_Beta_1~16^2~3 X-Git-Url: https://git.stricted.de/?a=commitdiff_plain;h=a5f1e059c4b10e83b66fe697bcdcd1c24a870cb2;p=GitHub%2FWoltLab%2FWCF.git Style update --- diff --git a/wcfsetup/install/files/acp/style/setup/WCFSetup.css b/wcfsetup/install/files/acp/style/setup/WCFSetup.css index 831595b460..e6852317e7 100644 --- a/wcfsetup/install/files/acp/style/setup/WCFSetup.css +++ b/wcfsetup/install/files/acp/style/setup/WCFSetup.css @@ -1,4 +1,4 @@ -/* 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, @@ -120,9 +120,6 @@ q:after { content: ''; content: none; } -.clearfix { - *zoom: 1; -} .clearfix:before, .clearfix:after { display: table; @@ -131,9 +128,6 @@ q:after { .clearfix:after { clear: both; } -.aclContainer > dd > span { - position: relative; -} .aclList, .aclPermissionList { margin-top: 0; @@ -181,7 +175,7 @@ q:after { } .aclPermissionList > li.aclCategory { background-color: #d8e7f5; - padding: 7px; + padding: 4px 11px; text-align: left; } .aclPermissionList > li.aclFullAccess { @@ -332,690 +326,747 @@ q:after { 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; @@ -1026,7 +1077,7 @@ button.small, top: -7px; z-index: 100; } -.dropdown .dropdownMenu:before { +.ui-datepicker:before { border: 6px solid transparent; border-bottom-color: #ffffff; border-top-width: 0; @@ -1037,1030 +1088,1493 @@ button.small, 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 { @@ -2135,7 +2649,8 @@ a > span.icon:not(.pointer) { .icon-arrow-down:before { content: "\f063"; } -.icon-share-alt:before { +.icon-share-alt:before, +.icon-mail-forward:before { content: "\f064"; } .icon-resize-full:before { @@ -2453,7 +2968,8 @@ a > span.icon:not(.pointer) { .icon-linkedin:before { content: "\f0e1"; } -.icon-undo:before { +.icon-undo:before, +.icon-rotate-left:before { content: "\f0e2"; } .icon-legal:before { @@ -2588,2388 +3104,2148 @@ a > span.icon:not(.pointer) { .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; @@ -5015,31 +5291,13 @@ ul.smileyList > li { .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 { @@ -5066,19 +5324,10 @@ ul.smileyList > li { .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 { @@ -5088,10 +5337,6 @@ ul.smileyList > li { 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 { @@ -5161,6 +5406,9 @@ ul.smileyList > li { font-size: 85%; position: relative; } +.message .messageOptions.forceHidden nav { + display: none !important; +} .message .messageOptions.forceOpen nav { opacity: 1; } @@ -5171,19 +5419,10 @@ ul.smileyList > li { 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 { @@ -5198,37 +5437,19 @@ ul.smileyList > li { .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 { @@ -5319,15 +5540,10 @@ ul.smileyList > li { 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); @@ -5390,7 +5606,6 @@ ul.smileyList > li { 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%); } @@ -5483,15 +5698,10 @@ ul.smileyList > li { 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); @@ -5517,9 +5727,6 @@ ul.smileyList > li { .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; @@ -5528,9 +5735,6 @@ ul.smileyList > li { .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; @@ -5559,19 +5763,10 @@ li:nth-child(2n+1) .message .messageContent { 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 { @@ -5619,19 +5814,10 @@ li:nth-child(2n+1) .message .messageContent { 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 { @@ -5751,458 +5937,228 @@ li:nth-child(2n+1) .message .messageContent { .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; @@ -6236,10 +6192,6 @@ li:nth-child(2n+1) .message .messageContent { 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 { @@ -6250,13 +6202,169 @@ li:nth-child(2n+1) .message .messageContent { 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; @@ -6295,10 +6403,6 @@ li:nth-child(2n+1) .message .messageContent { 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 { @@ -6306,15 +6410,10 @@ li:nth-child(2n+1) .message .messageContent { 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); } @@ -6322,7 +6421,6 @@ li:nth-child(2n+1) .message .messageContent { 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); } @@ -6330,7 +6428,6 @@ li:nth-child(2n+1) .message .messageContent { 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); } @@ -6449,19 +6546,10 @@ li:nth-child(2n+1) .message .messageContent { 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 { @@ -6652,19 +6740,10 @@ body, 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 { @@ -6675,7 +6754,6 @@ body, 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); } @@ -6688,10 +6766,6 @@ body, 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 { @@ -6703,10 +6777,6 @@ body, 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 { @@ -6737,61 +6807,34 @@ body, 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, @@ -6807,31 +6850,17 @@ input[type='submit']:not([disabled]), 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, @@ -6840,19 +6869,10 @@ input[type='submit']:not([disabled]) .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, @@ -6860,15 +6880,10 @@ input[type='submit']:not([disabled]), 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); } @@ -6883,15 +6898,10 @@ input[type='button']:not([disabled]).buttonPrimary:hover, 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); } @@ -6914,15 +6924,10 @@ input[type='button'].active:hover, 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); @@ -6938,116 +6943,83 @@ button.active:hover .icon { 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) { @@ -7095,28 +7067,28 @@ button.active:hover .icon { 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; @@ -7187,10 +7159,6 @@ button.active:hover .icon { 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 { @@ -7204,10 +7172,6 @@ button.active:hover .icon { 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'], @@ -7222,27 +7186,20 @@ textarea, 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, @@ -7263,10 +7220,6 @@ input[type='url']:focus, 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'], @@ -7278,10 +7231,6 @@ select[multiple]:focus { .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, @@ -7309,10 +7258,6 @@ select[multiple]:focus { .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, @@ -7337,17 +7282,12 @@ select[multiple]:focus { .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); } @@ -7355,7 +7295,6 @@ select[multiple]:focus { 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); } @@ -7363,7 +7302,6 @@ select[multiple]:focus { 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); } @@ -7371,21 +7309,15 @@ select[multiple]:focus { 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); @@ -7398,10 +7330,6 @@ select[multiple]:focus { } .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 { @@ -7416,10 +7344,6 @@ select[multiple]:focus { 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); } } @@ -7435,7 +7359,6 @@ select[multiple]:focus { 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%); } @@ -7450,114 +7373,57 @@ select[multiple]:focus { 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 {