From 46a013d0193c27d01b5bd3438cb003658563df11 Mon Sep 17 00:00:00 2001 From: Marcel Werk Date: Fri, 3 Apr 2015 00:30:10 +0200 Subject: [PATCH] Updated WCFSetup.css --- .../files/acp/style/setup/WCFSetup.css | 1894 +++++++++++------ 1 file changed, 1203 insertions(+), 691 deletions(-) diff --git a/wcfsetup/install/files/acp/style/setup/WCFSetup.css b/wcfsetup/install/files/acp/style/setup/WCFSetup.css index 6ff83fa137..ce035ad593 100644 --- a/wcfsetup/install/files/acp/style/setup/WCFSetup.css +++ b/wcfsetup/install/files/acp/style/setup/WCFSetup.css @@ -1,13 +1,14 @@ -/* stylesheet for 'Blue Temptation', generated on Fri, 08 Nov 2013 13:41:25 +0000 -- DO NOT EDIT */ +/* stylesheet for ACP, generated on Thu, 02 Apr 2015 21:54:34 +0000 -- DO NOT EDIT */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, menu, nav, output, ruby, section, summary, time, mark, audio, video {margin: 0;padding: 0;border: 0;font-size: 100%;} h1, h2, h3, h4, h5, h6 {font-weight: normal;} article, aside, details, figcaption, figure, footer, header, menu, nav, section {display: block;} ol, ul {list-style: none;} blockquote, q {quotes: none;} -blockquote:before, blockquote:after, q:before, q:after {content: '';content: none;} -.clearfix:before, .clearfix:after {display: table;content: "";} -.clearfix:after {clear: both;} +blockquote::before, blockquote::after, q::before, q::after {content: '';content: none;} +.clearfix::before, .clearfix::after {display: table;content: "";} +.clearfix::after {clear: both;} +.userSelectNone {-webkit-touch-callout: none;-webkit-user-select: none;-khtml-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;} .aclList, .aclPermissionList {margin-top: 0;min-height: 100px;} .aclList > li, .aclPermissionList > li {display: block;padding: 4px;} .aclList > li:first-child, .aclPermissionList > li:first-child {border-top-left-radius: 6px;border-top-right-radius: 6px;} @@ -24,31 +25,32 @@ blockquote:before, blockquote:after, q:before, q:after {content: '';content: non .aclPermissionList > li > span {float: left;padding-left: 7px;} .aclPermissionList > li > label {cursor: pointer;margin: 0 7px;padding: 0 21px;} .info, .error, .success, .warning {border-width: 1px;border-style: solid;line-height: 1.5;margin-top: 14px;padding: 11px 14px 11px 48px;position: relative;} -.info:after, .error:after, .success:after, .warning:after {font-family: FontAwesome;font-size: 28px;display: block;height: 32px;left: 13px;margin-top: -19px;position: absolute;top: 50%;width: 32px;} +.info::after, .error::after, .success::after, .warning::after {font-family: FontAwesome;font-size: 28px;display: block;height: 32px;left: 13px;margin-top: -19px;position: absolute;top: 50%;width: 32px;} .info a, .error a, .success a, .warning a {text-decoration: underline;} @media only screen and (max-width: 800px) { .info, .error, .success, .warning {margin-left: 7px;margin-right: 7px;padding: 4px 7px;} -.info:after, .error:after, .success:after, .warning:after {display: none;} +.info::after, .error::after, .success::after, .warning::after {display: none;} } +.error > .fa-times, .notice > .fa-times {float: right;} .info {background-color: #4674a4;border-color: #304d77;color: #ffffff;text-shadow: 0 1px 0 rgba(255,255,255,0.8);text-shadow: 0 -1px 0 rgba(0,0,0,0.8);} -.info:after {content: "\f05a";} +.info::after {content: "\f05a";} .info a, .info a:hover {color: #ffffff;} .info .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);} .success {background-color: #74a446;border-color: #4d7730;color: #ffffff;text-shadow: 0 1px 0 rgba(255,255,255,0.8);text-shadow: 0 -1px 0 rgba(0,0,0,0.8);} -.success:after {content: "\f058";} +.success::after {content: "\f058";} .success a, .success a:hover {color: #ffffff;} .success .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);} .warning {background-color: #efcb50;border-color: #e9bf2b;color: #000000;text-shadow: 0 1px 0 rgba(255,255,255,0.8);} -.warning:after {content: "\f071";} +.warning::after {content: "\f071";} .warning a, .warning a:hover {color: #000000;} .warning .icon {color: #000000;text-shadow: 0 1px 0 rgba(255,255,255,0.8);} .error {background-color: #c95145;border-color: #913d37;color: #ffffff;text-shadow: 0 1px 0 rgba(255,255,255,0.8);text-shadow: 0 -1px 0 rgba(0,0,0,0.8);} -.error:after {content: "\f05e";} +.error::after {content: "\f05e";} .error a, .error a:hover {color: #ffffff;} .error .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);} .innerError {background-color: #c95145;border: 1px solid #913d37;color: #ffffff;display: table;line-height: 1.5;margin-top: 8px;padding: 2px 10px;position: relative;} -.innerError:after {border: 7px solid transparent;border-bottom-color: #913d37;border-top-width: 0;content: "";display: inline-block;left: 9px;position: absolute;top: -7px;z-index: 100;} -.innerError:before {border: 6px solid transparent;border-bottom-color: #c95145;border-top-width: 0;content: "";display: inline-block;left: 10px;position: absolute;top: -6px;z-index: 101;} +.innerError::after {border: 7px solid transparent;border-bottom-color: #913d37;border-top-width: 0;content: "";display: inline-block;left: 9px;position: absolute;top: -7px;z-index: 100;} +.innerError::before {border: 6px solid transparent;border-bottom-color: #c95145;border-top-width: 0;content: "";display: inline-block;left: 10px;position: absolute;top: -6px;z-index: 101;} .attachmentThumbnailList, .attachmentFileList {padding-top: 7px !important;} .attachmentThumbnailList > fieldset, .attachmentFileList > fieldset {padding: 0;} .attachmentThumbnailList > fieldset > legend, .attachmentFileList > fieldset > legend {border-bottom: 0;font-size: 1.2rem;padding-bottom: 7px;} @@ -62,25 +64,36 @@ blockquote:before, blockquote:after, q:before, q:after {content: '';content: non .attachmentThumbnail > div > p, .attachmentThumbnail > div > small {margin: 0 7px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;word-wrap: normal;} .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;} .attachmentThumbnail:hover > div > small {height: 1.27em;} -.formAttachmentList {border-bottom: 1px solid #cccccc;padding-bottom: 7px;} -.formAttachmentList > li {min-height: 60px;} +.formAttachmentList {border-bottom: 1px solid #cccccc;margin-bottom: 7px;padding-bottom: 7px;} +.formAttachmentList > li {margin-bottom: 7px;} .formAttachmentList > li > div > div {margin-right: 7px;} .formAttachmentList > li > div > div > p {overflow: hidden;text-overflow: ellipsis;white-space: nowrap;} .formAttachmentList > li > div > div > p > a {display: block;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;} +.formAttachmentList > li > div > ul {margin-top: 7px;} .formAttachmentList > li > div > ul > li {display: inline-block;} +.formAttachmentList.sortableList {list-style-type: none;margin-left: 0;} +.formAttachmentContent .jsButtonAttachmentInsertAll {vertical-align: baseline;} +.formAttachmentContent .uploadButton {vertical-align: bottom;} +.formAttachmentContent > dl div + small {margin-top: 7px !important;} @media only screen and (min-width: 801px) { -.formAttachmentList > li {float: left;width: 33%;} +.formAttachmentList > li {float: left;width: 50%;} } -.box48 .attachmentTinyThumbnail {max-height: 48px;max-width: 48px;} -.codeBox {background-color: #ffffff;clear: both;} +.box64 .attachmentTinyThumbnail {max-height: 64px;max-width: 64px;} +.embeddedAttachmentLink, .embeddedImageLink {display: inline-block;max-width: 100%;min-height: 48px;position: relative;} +.embeddedAttachmentLink::after, .embeddedImageLink::after {background-color: rgba(0,0,0,0.8);border-radius: 2px;bottom: 7px;color: white;content: "\f002";display: block;font-family: FontAwesome;font-size: 21px;opacity: .5;padding: 2px 8px;position: absolute;right: 7px;text-decoration: none;box-shadow: 0 0 0 3px rgba(0,0,0,0.15);-webkit-transition-property: opacity;transition-property: opacity;-webkit-transition-duration: .1s;transition-duration: .1s;-webkit-transition-timing-function: linear;transition-timing-function: linear;} +.embeddedAttachmentLink:hover::after, .embeddedImageLink:hover::after {opacity: .8;} +.codeBox {background-color: #ffffff;clear: both;margin: 11px 0;} .codeBox > div {padding: 14px 21px 14px 14px;box-shadow: inset 4em 0 0 #fcfdfe , inset 4.1em 0 0 #e6e6e6;} .codeBox > div > div {margin: 0 0 7px 3.4em;} .codeBox > div > div > h3 {font-size: 1.2rem;font-weight: bold;padding-left: 7px;position: relative;} .codeBox > div > div > h3 > span.icon {position: absolute;right: 0;top: 3px;} .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 {font-family: Consolas, 'Courier New', monospace;margin: 0;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;} +.codeBox.minimized {max-height: 200px;overflow: hidden;position: relative;} +.codeBox.minimized > .codeBoxExpand {background-color: #fcfdfe;border-top: 1px solid #cccccc;bottom: 0;cursor: pointer;display: block;height: 20px;left: 0;padding: 4px;position: absolute;right: 0;text-align: center;box-shadow: 0 -10px 25px 5px #fcfdfe;} +html[dir='rtl'] .codeBox > div {box-shadow: inset -4em 0 0 #fcfdfe , inset -4.1em 0 0 #e6e6e6;} @media only screen and (max-width: 800px) { .codeBox > div {padding: 7px;box-shadow: 0 0 5px 0 transparent;} .codeBox > div > div {margin-left: 0;} @@ -109,20 +122,37 @@ blockquote:before, blockquote:after, q:before, q:after {content: '';content: non .cssHighlighter .hlKeywords3, .cssHighlighter .hlKeywords4 {color: inherit;} .sqlHighlighter .hlKeywords1 {color: #663821;} .sqlHighlighter .hlKeywords2 {color: #871550;} -.quoteBox {background-color: #ffffff;clear: both;min-height: 28px;margin-bottom: 4px;position: relative;} -.quoteBox.containerPadding {padding-left: 54px;} -.quoteBox:before {content: "\f10d";color: #808080;font-family: FontAwesome;font-size: 28px;position: absolute;left: 14px;top: 7px;} -.quoteBox > header {padding-bottom: 4px;border-bottom: 1px dotted #cccccc;margin-bottom: 7px;} +.quoteBox {min-height: 28px;position: relative;} +.quoteBox::before, .quoteBox::after {display: table;content: "";} +.quoteBox::after {clear: both;} +.quoteBox.quoteBoxSimple {clear: both;margin: 11px 0;padding-left: 54px;} +.quoteBox.container {background-color: #ffffff;} +.quoteBox > header {padding-bottom: 4px;border-bottom: 1px dotted #cccccc;margin-bottom: 7px;-webkit-touch-callout: none;-webkit-user-select: none;-khtml-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;} .quoteBox > header > h3 {font-weight: bold;} -.quoteBox .quoteBox {background-image: none;padding-left: 21px;min-height: 0;} -.quoteBox .quoteBox:before {display: none;} +.quoteBox > div:first-of-type::before {content: "\f10d";color: #808080;font-family: FontAwesome;font-size: 28px;position: absolute;left: 14px;top: 7px;} +.quoteBox .quoteBox {margin-left: 0;padding-left: 21px;min-height: 0;} +.quoteBox .quoteBox > div:first-of-type::before {display: none;} +.quoteBoxAuthor {clear: both;margin: 11px 0;position: relative;} +.quoteBoxAuthor::before, .quoteBoxAuthor::after {display: table;content: "";} +.quoteBoxAuthor::after {clear: both;} +.quoteBoxAuthor > .quoteAuthorAvatar {float: left;} +.quoteBoxAuthor > .quoteAuthorAvatar::before, .quoteBoxAuthor > .quoteAuthorAvatar::after {border-style: inset solid inset none;border-width: 15px;content: "";display: block;height: 0;position: absolute;top: 15px;width: 0;} +.quoteBoxAuthor > .quoteAuthorAvatar::before {border-color: transparent #cccccc transparent transparent;left: 75px;z-index: 100;} +.quoteBoxAuthor > .quoteAuthorAvatar::after {border-color: transparent #ffffff transparent transparent;left: 76px;z-index: 101;} +.quoteBoxAuthor > .quoteAuthorAvatar + .quoteBox {margin-left: 90px;padding-left: 21px;} +.quoteBoxAuthor > .quoteAuthorAvatar + .quoteBox > div:first-of-type::before {display: none;} +.quoteBoxAuthor > .quoteAuthorAvatar > a {display: inline-block;} +.quoteBoxAuthor .quoteBoxAuthor > .quoteAuthorAvatar {display: none;} +.quoteBoxAuthor .quoteBoxAuthor > .quoteAuthorAvatar + .quoteBox {margin-left: 0;} @media only screen and (max-width: 800px) { -.quoteBox:before {font-size: 14px;left: 7px;} -.quoteBox.containerPadding {padding-left: 28px;} -.quoteBox .quoteBox {padding-left: 7px;} -} -.spoilerBox {background-color: #ffffff;clear: both;padding-bottom: 7px;} -.spoilerBox > header {margin-bottom: 7px;} +.quoteBoxAuthor > .quoteAuthorAvatar {display: none;} +.quoteBox {margin-left: 0 !important;padding-left: 28px !important;} +.quoteBox > div:first-of-type::before {display: block !important;font-size: 14px;left: 7px;} +.quoteBox .quoteBox {padding-left: 7px !important;} +.quoteBox .quoteBox > div:first-of-type::before {display: none !important;} +} +.spoilerBox {background-color: #ffffff;clear: both;font-size: 1rem;padding-bottom: 7px;} +.spoilerBox > header {margin-bottom: 7px;-webkit-touch-callout: none;-webkit-user-select: none;-khtml-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;} .spoilerBox > div {overflow: hidden;padding-bottom: 7px;} .inlineCode {background-color: #ffffff;border: 1px solid #cccccc;border-radius: 3px;display: inline-block;font-family: Consolas, 'Courier New', monospace;margin: 0 2px;padding: 0 5px;word-break: break-all;word-wrap: break-word;} ul.smileyList > li {display: inline;} @@ -142,18 +172,21 @@ button, input[type='reset'], input[type='submit'], input[type='button'], .button 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);} .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);} .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);} -button.small, .button.small {border-radius: 3px;font-size: .85rem;min-height: 13px;padding: 5px 11px;margin: 0 2px;} +button.small, .button.small {border-radius: 3px;font-size: .85rem;min-height: 13px;padding: 4px 9px;margin: 0 2px;} .buttonList {font-size: 0;margin-bottom: -7px;} .buttonList > li {display: inline-block;font-size: 1rem;margin-bottom: 7px;} -.buttonList > li:not(:last-child) {margin-right: 8px;} +.buttonList > li:not(:first-child) {margin-left: 8px;} .buttonList > li .button {margin-left: 0;margin-right: 0;} .buttonList.smallButtons > li:not(:last-child) {margin-right: 4px;} .buttonList.iconList > li:not(:last-child) {margin-right: 2px;} .buttonGroup {font-size: 0;} .buttonGroup > li {font-size: 1rem;display: inline-block;} +.buttonGroup > li.likeButton {display: inline-block !important;} .buttonGroup > li > .button {border-radius: 0;margin: 0 0 0 -1px;} -.buttonGroup > li:first-child > .button {border-top-left-radius: 15px;border-bottom-left-radius: 15px;} -.buttonGroup > li:last-child > .button {border-top-right-radius: 15px;border-bottom-right-radius: 15px;} +.buttonGroup > li:first-child > .button:not(.small) {border-top-left-radius: 15px;border-bottom-left-radius: 15px;} +.buttonGroup > li:first-child > .button.small {border-top-left-radius: 3px;border-bottom-left-radius: 3px;} +.buttonGroup > li:last-child > .button:not(.small) {border-top-right-radius: 15px;border-bottom-right-radius: 15px;} +.buttonGroup > li:last-child > .button.small {border-top-right-radius: 3px;border-bottom-right-radius: 3px;} .smallButtons > li {font-size: .85rem;} nav.buttonGroupNavigation > a.dropdownLabel {display: none;} @media only screen and (max-width: 800px) { @@ -162,7 +195,7 @@ nav.buttonGroupNavigation > a.dropdownLabel span.icon {font-size: 21px;height: 2 nav.buttonGroupNavigation > ul {display: none;font-size: 0;position: absolute;right: -3px;top: 24px;z-index: 450;} nav.buttonGroupNavigation > ul.open {display: block;} nav.buttonGroupNavigation > ul.buttonGroup > li > .button {margin: 0;} -nav.buttonGroupNavigation > ul > li {display: block;float: none;font-size: 0 !important;opacity: 1 !important;overflow: hidden;} +nav.buttonGroupNavigation > ul > li {display: block;float: none;font-size: 0 !important;margin-bottom: 0;opacity: 1 !important;overflow: hidden;} nav.buttonGroupNavigation > ul > li:not(:last-child) > a {border-bottom-width: 0;} 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(90deg,#fdfdfd,#f0f0f0 2px,#e3e3e3);background-image: linear-gradient(180deg,#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-radius: 15px;border-style: solid;border-width: 1px;cursor: pointer;display: inline-block;margin: 0 4px;padding: 5px 13px;position: relative;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;font-size: .85rem;overflow: hidden;text-overflow: ellipsis;width: 124px;white-space: nowrap;word-wrap: normal;} 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;} @@ -171,20 +204,23 @@ nav.buttonGroupNavigation > ul > li > a > span.invisible {display: inline;} .sidebar button, .sidebar input[type='reset'], .sidebar input[type='submit'], .sidebar input[type='button'], .sidebar .button {font-size: .85rem;padding: 5px 11px;} .button > .icon {margin: -1px -5px;} .button > .icon + span {margin-left: 6px;} -#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;} +#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;} #colorPickerGradient > span {border: 1px solid #000000;border-radius: 10px;display: block;height: 10px;left: -4px;position: absolute;top: -4px;width: 10px;} #colorPickerGradient > span > span {border: 1px solid #ffffff;border-radius: 10px;display: block;height: 8px;width: 8px;} -#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;} +#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;} #colorPickerBar > span {display: inline-block;height: 1px;left: 0;position: absolute;top: 27px;width: 16px;} -#colorPickerBar > span:after, #colorPickerBar > span:before {content: "";display: block;height: 0;position: absolute;top: 0;width: 0;} -#colorPickerBar > span:after {border-bottom: 5px solid transparent;border-right: 5px solid #000000;border-top: 5px solid transparent;right: -7px;top: -5px;} -#colorPickerBar > span:before {border-bottom: 5px solid transparent;border-left: 5px solid #000000;border-top: 5px solid transparent;left: -7px;top: -5px;} +#colorPickerBar > span::after, #colorPickerBar > span::before {content: "";display: block;height: 0;position: absolute;top: 0;width: 0;} +#colorPickerBar > span::after {border-bottom: 5px solid transparent;border-right: 5px solid #000000;border-top: 5px solid transparent;right: -7px;top: -5px;} +#colorPickerBar > span::before {border-bottom: 5px solid transparent;border-left: 5px solid #000000;border-top: 5px solid transparent;left: -7px;top: -5px;} #colorPickerForm {display: inline-block;margin-left: 20px;position: relative;text-align: center;width: 100px;} -#colorPickerForm > .colors > .new, #colorPickerForm > .colors > .old {border: 1px solid #000000;display: block;height: 24px;} -#colorPickerForm > .colors > .old {border-top-width: 0;} +#colorPickerForm > .colors {margin-left: 2px;} +#colorPickerForm > .colors > .new, #colorPickerForm > .colors > .old {background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQAQMAAAAlPW0iAAAABlBMVEX////MzMw46qqDAAAAD0lEQVQI12P4z4Ad4ZAAAH6/D/Hgw85/AAAAAElFTkSuQmCC);border: 1px solid #000000;display: block;height: 24px;} +#colorPickerForm > .colors > .new > span, #colorPickerForm > .colors > .old > span {display: block;height: 24px;} +#colorPickerForm > .colors > .old {background-position: 8px 0;border-top-width: 0;} #colorPickerForm > .hex {margin-top: 21px;} #colorPickerForm > .rgba {margin-top: 21px;} #colorPickerForm > .rgba > li.a {margin-top: 7px;} +#colorPickerForm > .rgba > li.g, #colorPickerForm > .rgba > li.b {margin-top: 2px;} #colorPickerForm > .rgba > li, #colorPickerForm > .hex > li {text-align: right;} #colorPickerForm > .rgba > li input, #colorPickerForm > .hex > li input {margin-left: 7px;width: 80px;} .comment, .commentResponse {position: relative;} @@ -193,16 +229,16 @@ nav.buttonGroupNavigation > ul > li > a > span.invisible {display: inline;} .commentList .buttonGroupNavigation > ul > li > a {padding: 4px;} .commentResponseList .buttonGroupNavigation {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;} +.commentList textarea {line-height: 1.2em;min-height: 13px;max-height: 130px;} +.commentList textarea + button {margin-top: 4px;} .commentResponse {border-top: 1px solid #cccccc;padding: 7px;} .commentOptionContainer > ul {font-size: 0;} .commentOptionContainer > ul > li {display: inline-block;font-size: .85rem;padding-right: 3px;} -.commentOptionContainer > ul > li:not(:last-child):after {content: " - ";} -.commentOptionContainer.jsAddResponseActive, .commentResponseList + .commentOptionContainer {border-top: 1px solid #cccccc;padding: 7px 7px 0;} -.commentContent + .commentOptionContainer:not(.jsAddResponseActive) {margin-top: 4px;} +.commentOptionContainer > ul > li:not(:last-child)::after {content: " - ";} +.commentOptionContainer.jsAddResponseActive, .commentResponseList:not(:empty) + .commentOptionContainer {border-top: 1px solid #cccccc;padding: 7px 7px 0;} +.commentResponseList:empty, .commentContent + .commentOptionContainer:not(.jsAddResponseActive) {margin-top: 4px;} .commentContent + .commentOptionContainer.jsAddResponseActive {margin-top: 14px;} -.commentResponseList .commentResponse:first-child {margin-top: 14px;} +.commentResponseList:not(:empty) {margin-top: 14px;} .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;} @@ -219,17 +255,37 @@ nav.buttonGroupNavigation > ul > li > a > span.invisible {display: inline;} .commentList .containerHeadline > h3 {padding-right: 35px;} .commentResponseContent > .containerHeadline > h3 {padding-right: 28px;} } -.ui-datepicker {background-color: #ffffff;border: 1px solid #cccccc;color: #666666;margin-top: 7px;box-shadow: 2px 2px 10px 0 rgba(0,0,0,0.2);} -.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;} -.ui-datepicker: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;} +#conversationLabelFilter {margin-bottom: 14px;} +.conversationLabelList {margin-bottom: 14px;} +.conversationLabelList li:not(:last-child) {margin-bottom: 4px;} +.conversationLabelList~small {display: block;} +#unreadConversations .dropdownMenu > li h3 {max-width: 250px;overflow: hidden;text-overflow: ellipsis;} +.conversationParticipantList > li .inlineDataList {font-size: .85rem;} +.conversationParticipantList > li.conversationLeft > div > a > img, .conversationParticipantList > li.conversationLeft > div > span > img {filter: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cfilter%20id%3D%22grayscale%22%3E%3CfeColorMatrix%20type%3D%22matrix%22%20values%3D%220.3333%200.3333%200.3333%200%200%200.3333%200.3333%200.3333%200%200%200.3333%200.3333%200.3333%200%200%200%200%200%201%200%22%2F%3E%3C%2Ffilter%3E%3C%2Fsvg%3E#grayscale);filter: gray;-webkit-filter: grayscale(1);} +.conversationLeft .userLink, .conversationLeft.userLink, .conversationLeft p > span {text-decoration: line-through;} +.sidebar fieldset.conversationQuota > div {text-align: center;} +.conversationUsageBar {background-color: #666666;border-radius: 5px;height: 20px;padding: 4px;box-shadow: inset 0 1px 5px rgba(0, 0, 0, .5), 0 1px 0 rgba(255, 255, 255, .5);} +.conversationUsageBar > span {border-radius: 3px;color: transparent;display: block;height: 100%;box-shadow: inset 0 1px 0 rgba(255, 255, 255, .5);background-color: #a5df41;background-image: -webkit-linear-gradient(#a5df41,#4ca916);background-image: linear-gradient(#a5df41,#4ca916);} +.conversationUsageBar.yellow > span {background-color: #fecf23;background-image: -webkit-linear-gradient(#fecf23,#fd9215);background-image: linear-gradient(#fecf23,#fd9215);} +.conversationUsageBar.red > span {background-color: #f0a3a3;background-image: -webkit-linear-gradient(#f0a3a3,#f42323);background-image: linear-gradient(#f0a3a3,#f42323);} +@media only screen and (max-width: 800px) { +.conversationList thead {display: none;} +.conversationList tbody .columnMark, .conversationList tbody .columnReplies, .conversationList tbody .columnParticipants, .conversationList tbody .columnLastPost, .conversationList tbody .conversationParticipantSummary, .conversationList tbody .columnSubject .statusDisplay {display: none;} +} +@media only screen and (max-width: 1239px) { +.conversationList thead .columnParticipants, .conversationList tbody .columnParticipants {display: none;} +} +.ui-datepicker {background-color: #ffffff;border: 1px solid #cccccc;color: #666666;margin-top: 7px;z-index: 450 !important;box-shadow: 2px 2px 10px 0 rgba(0,0,0,0.2);} +.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;} +.ui-datepicker::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;} .ui-datepicker a:hover {text-decoration: none;} .ui-datepicker > .ui-datepicker-header {padding: 4px;text-align: center;} .ui-datepicker > .ui-datepicker-header > .ui-datepicker-prev, .ui-datepicker > .ui-datepicker-header > .ui-datepicker-next {display: inline-block;margin: 2px 2px 0 2px;} .ui-datepicker > .ui-datepicker-header > .ui-datepicker-prev > span, .ui-datepicker > .ui-datepicker-header > .ui-datepicker-next > span {display: none;} .ui-datepicker > .ui-datepicker-header > .ui-datepicker-prev {float: left;} -.ui-datepicker > .ui-datepicker-header > .ui-datepicker-prev:before {content: "\f060";font-family: FontAwesome;font-size: 14px;} +.ui-datepicker > .ui-datepicker-header > .ui-datepicker-prev::before {content: "\f060";font-family: FontAwesome;font-size: 14px;} .ui-datepicker > .ui-datepicker-header > .ui-datepicker-next {float: right;} -.ui-datepicker > .ui-datepicker-header > .ui-datepicker-next:before {content: "\f061";font-family: FontAwesome;font-size: 14px;} +.ui-datepicker > .ui-datepicker-header > .ui-datepicker-next::before {content: "\f061";font-family: FontAwesome;font-size: 14px;} .ui-datepicker > table {border-collapse: collapse;border-spacing: 0;width: 100%;} .ui-datepicker > table > thead {background-color: #336699;} .ui-datepicker > table > thead > tr > th {color: #ffffff;font-size: .85rem;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);} @@ -245,6 +301,11 @@ nav.buttonGroupNavigation > ul > li > a > span.invisible {display: inline;} .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;} +.ui-datepicker.timeOnlyPicker .ui-timepicker-div {border-top: none;} +.ui-datepicker.timeOnlyPicker .ui-timepicker-div > .ui-widget-header {display: none;} +.ui-datepicker.timeOnlyPicker .ui-timepicker-div > dl {margin-right: 4px;} +.ui-datepicker.timeOnlyPicker .ui-timepicker-div > dl > dt {width: 70px;} +.ui-datepicker.timeOnlyPicker .ui-timepicker-div > dl > dd {margin-left: 90px;} .dialogContainer {background: rgba(0,0,0,0.4);border: 14px solid transparent;border-radius: 15px;margin-left: auto;margin-right: auto;max-width: 90%;min-width: 500px;position: fixed;box-shadow: 0 1px 23px 0 rgba(0,0,0,0.3);} @media only screen and (max-width: 800px) { .dialogContainer {border: 0;border-radius: 0;left: 0 !important;max-width: none;min-width: 0;position: absolute;top: 0 !important;width: 100%;} @@ -252,7 +313,7 @@ nav.buttonGroupNavigation > ul > li > a > span.invisible {display: inline;} .dialogTitlebar {background-color: #336699;border-bottom: 1px solid rgba(0,0,0,0.1);border-top-left-radius: 7px;border-top-right-radius: 7px;display: block;padding: 10px 20px;min-height: 27px;position: relative;} .dialogTitlebar .dialogTitle {color: #ffffff;display: block;font-size: 1.7rem;font-weight: bold;margin-right: 28px;overflow: hidden;text-overflow: ellipsis;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);} .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);} -.dialogTitlebar .dialogCloseButton:before {content: "\f057";} +.dialogTitlebar .dialogCloseButton::before {content: "\f057";} .dialogTitlebar .dialogCloseButton span {display: none;} @media only screen and (max-width: 800px) { .dialogTitlebar {border-radius: 0;} @@ -274,8 +335,8 @@ nav.buttonGroupNavigation > ul > li > a > span.invisible {display: inline;} .spinner > .icon {color: #fff;} .spinner > span:not(.icon) {display: block;margin-top: 7px;} .systemConfirmation p {padding-top: 7px;} -#systemNotification {left: 0;position: fixed;top: 0;width: 100%;z-index: 460;} -#systemNotification > p {border-top-left-radius: 0;border-top-right-radius: 0;border-top-width: 0;display: table;margin: 0 auto;max-width: 80%;} +#systemNotification {left: 0;pointer-events: none;position: fixed;top: 0;width: 100%;z-index: 460;} +#systemNotification > p {border-top-left-radius: 0;border-top-right-radius: 0;border-top-width: 0;cursor: pointer;display: table;margin: 0 auto;max-width: 80%;pointer-events: auto;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;} .dropdown .dropdownToggle:active, .dropdown.dropdownOpen .dropdownToggle {outline: 0;} .dropdown.preInput {display: table;width: 100%;} .dropdown.preInput input {border-radius: 0 3px 3px 0;display: table-cell;margin: 0;width: 99%;} @@ -283,21 +344,21 @@ nav.buttonGroupNavigation > ul > li > a > span.invisible {display: inline;} .dropdown.preInput .dropdownCaption {cursor: pointer;display: table-cell;letter-spacing: -1px;padding: 0 7px 0 4px;vertical-align: middle;width: 1%;} .dropdown.preInput .dropdownCaption.button {border-right-width: 0;border-radius: 3px 0 0 3px;} .dropdown.preInput .dropdownCaption span {margin-right: -1px;padding-left: 4px;white-space: nowrap;word-wrap: normal;} -.dropdown.preInput .dropdownCaption span.active:after {content: "\f0d7";font-family: FontAwesome;font-size: 14px;margin-left: 7px;} +.dropdown.preInput .dropdownCaption span.active::after {content: "\f0d7";font-family: FontAwesome;font-size: 14px;margin-left: 7px;} .dropdown.preInput .dropdownCaptionTextarea {cursor: pointer;margin: 0 0 -1px 0;padding-left: 7px;padding-right: 7px;} .dropdown.preInput .dropdownCaptionTextarea.button {border-radius: 3px 3px 0 0;} .dropdown.preInput .dropdownCaptionTextarea~ .dropdownMenu {top: 10%;} .dropdown.preInput .dropdownCaptionTextarea span {white-space: nowrap;word-wrap: normal;} -.dropdown.preInput .dropdownCaptionTextarea span.active:after {content: "\f0d7";font-family: FontAwesome;font-size: 14px;margin-left: 7px;} +.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;} .dropdownMenu {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);} -.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;} -.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;} -.dropdownMenu.dropdownArrowRight:after {left: auto;right: 9px;} -.dropdownMenu.dropdownArrowRight:before {left: auto;right: 10px;} -.dropdownMenu.dropdownArrowBottom:after {border: 7px transparent solid;border-top-color: #cccccc;border-bottom-width: 0;bottom: -7px;top: auto;} -.dropdownMenu.dropdownArrowBottom:before {border: 6px transparent solid;border-top-color: #ffffff;border-bottom-width: 0;bottom: -6px;top: auto;} +.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;} +.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;} +.dropdownMenu.dropdownArrowRight::after {left: auto;right: 9px;} +.dropdownMenu.dropdownArrowRight::before {left: auto;right: 10px;} +.dropdownMenu.dropdownArrowBottom::after {border: 7px transparent solid;border-top-color: #cccccc;border-bottom-width: 0;bottom: -7px;top: auto;} +.dropdownMenu.dropdownArrowBottom::before {border: 6px transparent solid;border-top-color: #ffffff;border-bottom-width: 0;bottom: -6px;top: auto;} .dropdownMenu.dropdownOpen {display: block;} .dropdownMenu li {display: block;} .dropdownMenu li:hover:not(.dropdownDivider):not(.dropdownList):not(.dropdownText), .dropdownMenu li.dropdownList > li:hover:not(.dropdownDivider), .dropdownMenu li.dropdownNavigationItem, .dropdownMenu li.active {background-color: #d8e7f5;} @@ -307,12 +368,13 @@ nav.buttonGroupNavigation > ul > li > a > span.invisible {display: inline;} .dropdownMenu li > a, .dropdownMenu 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;word-wrap: normal;text-shadow: 0 1px 0 rgba(255,255,255,0.8);} .dropdownMenu li > a:hover, .dropdownMenu li > span:hover {color: #666666;text-shadow: 0 1px 0 rgba(255,255,255,0.8);} .dropdownMenu li > a > div > h3, .dropdownMenu li > span > div > h3 {overflow: hidden;text-overflow: ellipsis;} +.dropdownMenu li > a > small {display: block;} +.dropdownMenu li > a + span.badge {display: none;} .dropdownMenu li > .box16 {cursor: pointer;min-height: 0;padding: 4px 4px 4px 7px;} .dropdownMenu li > .box16 > div {margin-left: 21px;} .dropdownMenu li > label {display: block;} .dropdownMenu li .containerHeadline {margin-bottom: 0;} .dropdownMenu li .containerHeadline > p {font-size: .85rem;} -.dropdownMenu li.notificationItem > a {white-space: normal;} .dropdownMenu .scrollableDropdownMenu {max-height: 300px;overflow: auto;} .boxFlag > .box24, .boxFlag.box24 {min-height: 20px;} @media only screen and (max-width: 800px) { @@ -320,14 +382,66 @@ nav.buttonGroupNavigation > ul > li > a > span.invisible {display: inline;} .dropdownMenu li {overflow: hidden;} .dropdownMenu li > a, .dropdownMenu li > span {max-width: none;white-space: normal;} } +.interactiveDropdown {background-color: #f1f5fa;border: 1px solid #cccccc;color: #666666;display: block;position: absolute;z-index: 450;box-shadow: 0 3px 8px 0 rgba(0,0,0,0.25);} +.interactiveDropdown:not(.open) {display: none !important;} +.interactiveDropdown > .interactiveDropdownHeader {padding: 7px 11px;} +.interactiveDropdown > .interactiveDropdownHeader > .interactiveDropdownTitle {font-weight: bold;} +.interactiveDropdown > .interactiveDropdownHeader > .interactiveDropdownLinks {float: right;} +.interactiveDropdown > .interactiveDropdownHeader > .interactiveDropdownLinks > li {display: inline-block;margin-left: 11px;} +.interactiveDropdown > .interactiveDropdownHeader:after {clear: both;} +.interactiveDropdown > .interactiveDropdownItemsContainer {border: 1px solid #cccccc;border-width: 1px 0;max-height: 300px;} +.interactiveDropdown > .interactiveDropdownItemsContainer.ps-container > .interactiveDropdownItems {position: relative;z-index: 100;} +.interactiveDropdown > .interactiveDropdownItemsContainer.ps-container > .ps-scrollbar-y-rail {z-index: 200;} +.interactiveDropdown > .interactiveDropdownItemsContainer > .interactiveDropdownItems > li {background-color: #ffffff;-webkit-transition-property: background-color, background-position;transition-property: background-color, background-position;-webkit-transition-duration: .3s;transition-duration: .3s;-webkit-transition-timing-function: linear;transition-timing-function: linear;} +.interactiveDropdown > .interactiveDropdownItemsContainer > .interactiveDropdownItems > li.loading, .interactiveDropdown > .interactiveDropdownItemsContainer > .interactiveDropdownItems > li.noItems {font-size: 1.2rem;padding: 21px 14px;text-align: center;} +.interactiveDropdown > .interactiveDropdownItemsContainer > .interactiveDropdownItems > li:not(.loading):not(.noItems) {overflow: hidden;padding: 7px 11px;position: relative;text-shadow: 0 1px 0 rgba(255,255,255,0.8);} +.interactiveDropdown > .interactiveDropdownItemsContainer > .interactiveDropdownItems > li:not(.loading):not(.noItems):not(:last-child) {border-bottom: 1px solid #cccccc;} +.interactiveDropdown > .interactiveDropdownItemsContainer > .interactiveDropdownItems > li:not(.loading):not(.noItems):hover {background-color: #d8e7f5;} +.interactiveDropdown > .interactiveDropdownItemsContainer > .interactiveDropdownItems > li:not(.loading):not(.noItems).interactiveDropdownItemOutstanding {background-color: #d8e7f5;background-repeat: no-repeat;background-size: 200%;background-image: -webkit-linear-gradient(to left, #d8e7f5 50%, #ffffff 100%);background-image: linear-gradient(to left, #d8e7f5 50%, #ffffff 100%);} +.interactiveDropdown > .interactiveDropdownItemsContainer > .interactiveDropdownItems > li:not(.loading):not(.noItems).interactiveDropdownItemOutstanding:hover {background-position: 100%;} +.interactiveDropdown > .interactiveDropdownItemsContainer > .interactiveDropdownItems > li:not(.loading):not(.noItems).interactiveDropdownItemOutstandingIcon > div.box32 {padding-right: 27px;} +.interactiveDropdown > .interactiveDropdownItemsContainer > .interactiveDropdownItems > li:not(.loading):not(.noItems).notificationItem .userLink {font-weight: bold;} +.interactiveDropdown > .interactiveDropdownItemsContainer > .interactiveDropdownItems > li:not(.loading):not(.noItems).interactiveDropdownItemShadow > .box32 {position: relative;} +.interactiveDropdown > .interactiveDropdownItemsContainer > .interactiveDropdownItems > li:not(.loading):not(.noItems).interactiveDropdownItemShadow > .box32, .interactiveDropdown > .interactiveDropdownItemsContainer > .interactiveDropdownItems > li:not(.loading):not(.noItems).interactiveDropdownItemShadow > .interactiveDropdownItemMarkAsRead {pointer-events: none;z-index: 20;} +.interactiveDropdown > .interactiveDropdownItemsContainer > .interactiveDropdownItems > li:not(.loading):not(.noItems).interactiveDropdownItemShadow > .box32 a, .interactiveDropdown > .interactiveDropdownItemsContainer > .interactiveDropdownItems > li:not(.loading):not(.noItems).interactiveDropdownItemShadow > .interactiveDropdownItemMarkAsRead a {pointer-events: all;} +.interactiveDropdown > .interactiveDropdownItemsContainer > .interactiveDropdownItems > li:not(.loading):not(.noItems).interactiveDropdownItemShadow > .interactiveDropdownItemShadowLink {bottom: 0;left: 0;position: absolute;right: 0;top: 0;z-index: 10;} +.interactiveDropdown > .interactiveDropdownItemsContainer > .interactiveDropdownItems > li:not(.loading):not(.noItems).groupedNotificationItem > .box32 > .framed > span.fa-users:before {position: relative;top: 3px;} +.interactiveDropdown > .interactiveDropdownItemsContainer > .interactiveDropdownItems.interactiveDropdownItemsUserMenu > li.dropdownDivider {padding: 0 !important;} +.interactiveDropdown > .interactiveDropdownItemsContainer > .interactiveDropdownItems.interactiveDropdownItemsUserMenu > li:not(.dropdownDivider) {border-bottom-width: 0 !important;padding: 11px;} +.interactiveDropdown > .interactiveDropdownItemsContainer > .interactiveDropdownItems.interactiveDropdownItemsUserMenu > li > .box32 > .containerHeadline > h3 {font-size: 1.1rem;} +.interactiveDropdown > .interactiveDropdownItemsContainer > .interactiveDropdownItems.interactiveDropdownItemsUserMenu > li > .box64 {position: relative;} +.interactiveDropdown > .interactiveDropdownItemsContainer > .interactiveDropdownItems.interactiveDropdownItemsUserMenu > li > .box64 > .containerHeadline > .interactiveDropdownUserMenuLinkList {bottom: 0;position: absolute;} +.interactiveDropdown > .interactiveDropdownItemsContainer > .interactiveDropdownItems.interactiveDropdownItemsUserMenu > li .interactiveDropdownUserMenuLinkList > li {display: inline-block;font-size: .85rem;} +.interactiveDropdown > .interactiveDropdownItemsContainer > .interactiveDropdownItems.interactiveDropdownItemsUserMenu > li .interactiveDropdownUserMenuLinkList > li:after {content: " \2013 ";} +.interactiveDropdown > .interactiveDropdownItemsContainer > .interactiveDropdownItems.interactiveDropdownItemsUserMenu > li .interactiveDropdownUserMenuLinkList > li:last-child:after {content: "";} +.interactiveDropdown > .interactiveDropdownShowAll {display: block;padding: 7px 11px;text-align: center;} +.interactiveDropdown > .pointer {border: 10px solid transparent;border-bottom-color: #cccccc;border-top-width: 0;content: "";display: inline-block;position: absolute;top: -10px;z-index: 100;} +.interactiveDropdown > .pointer > span {border: 8px solid transparent;border-bottom-color: #f1f5fa;border-top-width: 0;content: "";display: inline-block;left: -8px;position: absolute;top: 2px;z-index: 101;} +.interactiveDropdown.interactiveDropdownUserMenu > .interactiveDropdownItemsContainer {overflow: visible;max-height: none;} +.interactiveDropdown.interactiveDropdownUserMenu > .pointer {border-width: 0 7px 7px 7px;top: -7px;} +.interactiveDropdown.interactiveDropdownUserMenu > .pointer > span {border-width: 0 5px 5px 5px;left: -5px;} +@media only screen and (min-width: 801px) { +.interactiveDropdown {min-width: 350px;} +.interactiveDropdown > .interactiveDropdownItemsContainer {overflow: hidden;position: relative;} +.interactiveDropdown > .interactiveDropdownItemsContainer > .interactiveDropdownItems > li:not(.loading) {max-width: 400px;box-sizing: border-box;} +.interactiveDropdown > .interactiveDropdownItemsContainer > .interactiveDropdownItems > li:not(.loading).interactiveDropdownItemOutstandingIcon > div.interactiveDropdownItemMarkAsRead {opacity: .6;position: absolute;right: 11px;top: 50%;transform: translateY(-50%);-ms-transform: translateY(-50%);-webkit-transform: translateY(-50%);-webkit-transition-property: opacity;transition-property: opacity;-webkit-transition-duration: .3s;transition-duration: .3s;-webkit-transition-timing-function: linear;transition-timing-function: linear;} +.interactiveDropdown > .interactiveDropdownItemsContainer > .interactiveDropdownItems > li:not(.loading).interactiveDropdownItemOutstandingIcon:hover > div.interactiveDropdownItemMarkAsRead {opacity: 1;} +} +@media only screen and (max-width: 800px) { +.interactiveDropdown {left: 0 !important;right: 0 !important;width: 100%;} +.interactiveDropdown > .interactiveDropdownItemsContainer {overflow-x: auto;} +.interactiveDropdown > .interactiveDropdownItemsContainer > .interactiveDropdownItems > li.interactiveDropdownItemOutstandingIcon > div.interactiveDropdownItemMarkAsRead {bottom: 0;position: absolute;right: 0;top: 0;width: 38px;} +.interactiveDropdown > .interactiveDropdownItemsContainer > .interactiveDropdownItems > li.interactiveDropdownItemOutstandingIcon > div.interactiveDropdownItemMarkAsRead > a {display: block;height: 100%;text-align: center;} +.interactiveDropdown > .interactiveDropdownItemsContainer > .interactiveDropdownItems > li.interactiveDropdownItemOutstandingIcon > div.interactiveDropdownItemMarkAsRead > a > .icon {position: relative;top: 50%;transform: translateY(-50%);-ms-transform: translateY(-50%);-webkit-transform: translateY(-50%);} +} fieldset {padding-top: 14px;} fieldset > legend {border-bottom: 1px solid #cccccc;color: #808080;font-family: "Trebuchet MS", Arial, sans-serif;font-size: 1.4rem;font-weight: bold;width: 100%;padding-bottom: 4px;text-shadow: 0 1px 0 rgba(255,255,255,0.8);} fieldset > legend + small {display: inline-block;margin-bottom: 4px;position: relative;top: -7px;} fieldset > dl:not(:first-of-type) {margin-top: 11px;} fieldset:not(:first-of-type) {margin-top: 14px;} dl:not(.plain) {position: relative;} -dl:not(.plain):before, dl:not(.plain):after {display: table;content: "";} -dl:not(.plain):after {clear: both;} +dl:not(.plain)::before, dl:not(.plain)::after {display: table;content: "";} +dl:not(.plain)::after {clear: both;} dl:not(.plain) > dd:not(:first-of-type), dl:not(.plain) > dt:not(:first-of-type) {margin-top: 11px;} dl:not(.plain) > dt {color: #336699;float: left;text-align: right;width: 230px;} dl:not(.plain) > dt > label {display: block;} @@ -343,9 +457,13 @@ dl:not(.plain) > dd:not(.floated) > label ~ small {margin-left: 21px;} dl:not(.plain) > dd.floated > label {display: inline-block;margin-right: 7px;} dl:not(.plain) > dd > input + label, dl:not(.plain) > dd textarea + label, dl:not(.plain) > dd select + label {margin-top: 2px;} dl:not(.plain) > dd > .innerError + label {margin-top: 2px;} +dl:not(.plain) > dd:after {clear: left;content: "";display: block;} 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;} +dl:not(.plain).condensed > dt {float: none;margin-bottom: 4px;text-align: left;width: auto !important;} +dl:not(.plain).condensed > dt:empty {margin-bottom: 0;} +dl:not(.plain).condensed > dd {margin-left: 0 !important;} @media only screen and (max-width: 1024px) { dl:not(.plain) > dt {float: none;margin-bottom: 4px;text-align: left;width: auto !important;} dl:not(.plain) > dt.reversed {left: 20px;} @@ -361,14 +479,15 @@ button, input[type='reset'], input[type='submit'], input[type='button'], input[t 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;border-radius: 3px;font-family: "Trebuchet MS", Arial, sans-serif;padding: 4px 3px;margin: 0;} select {margin: 0;max-width: 100%;min-width: 1px;padding: 3px;} input[type='number'] {text-align: right;} +textarea {font-size: 1rem;} 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;} 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;} 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;} 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;} 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;} -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;} +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']:focusinput[type='url']:focus, input[type='password']:focus, textarea:focus, select[multiple]:focus {background-color: #fff9f4;border-color: #ffaa22;outline: 0;} 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;} -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;} +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;opacity: 1;} .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;} .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;} textarea {width: 100%;} @@ -381,7 +500,7 @@ textarea {max-height: 160px;} .medium {width: 100%;} } .uploadButton {cursor: pointer;display: inline-block;overflow: hidden;position: relative;} -.uploadButton input {cursor: pointer;right: 0;opacity: 0;padding: 4px 0;position: absolute;top: 0;position: absolute;} +.uploadButton input {cursor: pointer;right: 0;opacity: 0;padding: 4px 0;position: absolute;top: 0;} .uploadButton, .uploadFallbackButton {margin-top: 7px;} .structuredList {background-color: #fcfdfe;} .structuredList li {padding: 4px 7px;text-align: right;} @@ -397,7 +516,7 @@ textarea {max-height: 160px;} select > option {display: block !important;} .reCaptcha input.marginTop {margin-top: 14px;} @media only screen and (max-width: 800px) { -select, textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"] {font-size: 16px;} +select, textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .cke_editable, .redactor-editor {font-size: 16px;} } html, body {font-size: 13px;} body {background-color: #254c73;color: #666666;font-family: "Trebuchet MS", Arial, sans-serif;line-height: 1.28;word-wrap: break-word;} @@ -406,7 +525,8 @@ img {vertical-align: middle;} img.disabled {opacity: .3;} a {color: #336699;cursor: pointer;text-decoration: none;} a:hover {color: #003366;text-decoration: underline;} -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;} +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;} +pre {word-wrap: normal;white-space: pre;} .footerContent, .logo {color: #ffffff;} .footerContent a, .logo a {color: #488ed4;} .footerContent a:hover, .logo a:hover {color: #ffffff;} @@ -431,13 +551,17 @@ body > iframe[src="about:blank"] {display: none;} .marginTop, .marginMedium {margin-top: 14px;} .marginTopSmall {margin-top: 7px;} .marginTopTiny {margin-top: 4px;} -.center {text-align: center;} +.textLeft {text-align: left;} +.textCenter, .center {text-align: center;} +.textRight {text-align: right;} +.textJustify {text-align: justify;} .pointer {cursor: pointer;} .dimmed {color: #808080;} -.iconFlag {height: 15px;width: 24px;} +.monospace {font-family: Consolas, 'Courier New', monospace;} +.iconFlag {background-color: #ffffff;border: 1px solid #cccccc;padding: 1px;height: 15px;width: 24px;} .framed > canvas, .framed > img, .framed > .icon {background-color: #ffffff;border: 1px solid #cccccc;padding: 1px;} .highlight {background-color: #ffff66;} -.grayscale {filter: url(../images/grayscale-filter.svg#grayscale);filter: gray;-webkit-filter: grayscale(1);} +.grayscale {filter: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cfilter%20id%3D%22grayscale%22%3E%3CfeColorMatrix%20type%3D%22matrix%22%20values%3D%220.3333%200.3333%200.3333%200%200%200.3333%200.3333%200.3333%200%200%200.3333%200.3333%200.3333%200%200%200%200%200%201%200%22%2F%3E%3C%2Ffilter%3E%3C%2Fsvg%3E#grayscale);filter: gray;-webkit-filter: grayscale(1);} fieldset {min-width: 0;} @-moz-document url-prefix() {fieldset {display: table-column;} } @@ -446,12 +570,12 @@ fieldset {min-width: 0;} .balloonTooltip.inverse .pointer {border-width: 5px 5px 0;} .popover {background-color: rgba(0,0,0,0.4);border-radius: 6px;padding: 7px;position: absolute;vertical-align: middle;width: 400px !important;z-index: 500;box-shadow: 0 1px 7px 0 rgba(0,0,0,0.3);} .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);} -.popover > .popoverContent {background-color: #fcfdfe;border-radius: 6px;color: #666666;max-height: 300px;min-height: 32px;opacity: 0;overflow: hidden;padding: 7px 14px;} -.popover:after {border: 10px solid transparent;content: "";display: inline-block;position: absolute;z-index: 100;} -.popover.top:after {border-bottom-width: 0;border-top-color: rgba(0,0,0,0.3);bottom: -10px;} -.popover.bottom:after {border-bottom-color: rgba(0,0,0,0.3);border-top-width: 0;top: -10px;} -.popover.right:after {left: 10px;} -.popover.left:after {right: 10px;} +.popover > .popoverContent {background-color: #fcfdfe;border-radius: 6px;color: #666666;max-height: 300px;min-height: 16px;opacity: 0;overflow: hidden;padding: 7px 14px;} +.popover::after {border: 10px solid transparent;content: "";display: inline-block;position: absolute;z-index: 100;} +.popover.top::after {border-bottom-width: 0;border-top-color: rgba(0,0,0,0.3);bottom: -10px;} +.popover.bottom::after {border-bottom-color: rgba(0,0,0,0.3);border-top-width: 0;top: -10px;} +.popover.right::after {left: 10px;} +.popover.left::after {right: 10px;} .badge {background-color: #666666;border-radius: 9px;color: #ffffff;display: inline-block;font-size: .85rem;font-weight: bold;padding: 1px 6px 1px;position: relative;text-shadow: none !important;vertical-align: middle;white-space: nowrap;word-wrap: normal;} .badge.label {border-radius: 4px;font-weight: normal;} .badge.badgeUpdate {background-color: #336699;color: #ffffff;} @@ -481,19 +605,36 @@ body {caption-side: top;} } @media only screen and (max-width: 800px) and (-webkit-min-device-pixel-ratio: 2) { html {-webkit-text-size-adjust: 100%;} -html, body {width: 100%;overflow: hidden;} -} -@font-face {font-family: 'FontAwesome';src: url('../font/getFont.php?type=eot&v=3.2.1');src: url('../font/getFont.php?type=eot&v=3.2.1#iefix') format('embedded-opentype'), url('../font/getFont.php?type=woff&v=3.2.1') format('woff'), url('../font/getFont.php?type=ttf&v=3.2.1') format('truetype');font-weight: normal;font-style: normal;} -.icon {color: #666666;display: inline-block;font-family: FontAwesome;font-weight: normal !important;font-style: normal !important;line-height: 1em;text-align: center;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;text-shadow: 0 1px 0 rgba(255,255,255,0.8);} -.icon.disabled {opacity: .3;} -.icon:hover {text-decoration: none;} -span.icon:not(.pointer):not(.disabled) {cursor: default;} -a > span.icon:not(.pointer) {cursor: pointer !important;} +html.iOS, html.iOS > body {width: 100%;overflow: hidden;} +} +.googleMap {height: 400px;} +.sidebarGoogleMap {height: 250px;} +.googleMapsCustomControlContainer {cursor: pointer !important;margin-top: 5px;} +.googleMapsCustomControlContainer .googleMapsCustomControl {-webkit-touch-callout: none;-webkit-user-select: none;-khtml-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;text-align: center;position: relative;color: #565656;font-size: 11px !important;background-color: #ffffff;padding: 1px 6px;border-radius: 3px;background-clip: padding-box;border: 1px solid rgba(0,0,0,0.14902);box-shadow: rgba(0,0,0,0.298039) 0px 1px 4px -1px;min-width: 29px;} +.googleMapsCustomControlContainer .googleMapsCustomControl:hover {background-color: #ebebeb;color: #000000;} +.googleMapsCustomControlContainer .googleMapsCustomControl.active {color: #000000;font-weight: 500;} +.googleMapsUseLocationSuggestionLink {font-size: .85rem;} +@font-face {font-family: 'FontAwesome';src: url('../../../font/getFont.php?type=eot&v=4.3.0');src: url('../../../font/getFont.php?type=eot&v=4.3.0#iefix') format('embedded-opentype'), url('../../../font/getFont.php?type=woff&v=4.3.0') format('woff'), url('../../../font/getFont.php?type=ttf&v=4.3.0') format('truetype');font-weight: normal;font-style: normal;} +.icon, .fa {color: #666666;display: inline-block;font-family: FontAwesome;font-weight: normal !important;font-style: normal !important;line-height: 1em;text-align: center;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;-moz-osx-font-smoothing: grayscale;-webkit-font-smoothing: antialiased;text-shadow: 0 1px 0 rgba(255,255,255,0.8);} +.icon.disabled, .fa.disabled {opacity: .3;} +.icon:hover, .fa:hover {text-decoration: none;} +.icon.green, .fa.green {color: #009900;} +.icon.red, .fa.red {color: #cc0000;} +.icon.black, .fa.black {color: #333;} +.icon.brown, .fa.brown {color: #c63;} +.icon.orange, .fa.orange {color: #f90;} +.icon.yellow, .fa.yellow {color: #ff0;} +.icon.blue, .fa.blue {color: #369;} +.icon.purple, .fa.purple {color: #c0f;} +.icon.pink, .fa.pink {color: #f0c;} +span.icon:not(.pointer):not(.disabled), span.fa:not(.pointer):not(.disabled) {cursor: default;} +a > span.icon:not(.pointer), a > span.fa:not(.pointer) {cursor: pointer !important;} .icon16 {font-size: 14px;height: 16px;width: 16px;} +.icon24 {font-size: 18px;height: 24px;width: 24px;} .icon32 {font-size: 28px;height: 32px;width: 32px;vertical-align: -5px;} .icon48 {font-size: 42px;height: 48px;width: 48px;} .icon96 {font-size: 84px;height: 96px;width: 96px;} -.icon-spinner {height: 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-spinner, .fa-spinner {height: auto;-moz-animation: spin 2s infinite linear;-o-animation: spin 2s infinite linear;-webkit-animation: spin 2s infinite linear;animation: spin 2s infinite linear;} @-moz-keyframes spin {0% {-moz-transform: rotate(0deg);} 100% {-moz-transform: rotate(359deg);} } @@ -509,372 +650,532 @@ a > span.icon:not(.pointer) {cursor: pointer !important;} @keyframes spin {0% {transform: rotate(0deg);} 100% {transform: rotate(359deg);} } -.icon-rotate-90:before {-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:before {-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:before {-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:before {-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:before {-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-alt: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-power-off:before, .icon-off:before {content: "\f011";} -.icon-signal:before {content: "\f012";} -.icon-gear:before, .icon-cog:before {content: "\f013";} -.icon-trash:before {content: "\f014";} -.icon-home:before {content: "\f015";} -.icon-file-alt: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-rotate-right:before, .icon-repeat: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 {content: "\f04a";} -.icon-play:before {content: "\f04b";} -.icon-pause:before {content: "\f04c";} -.icon-stop:before {content: "\f04d";} -.icon-forward:before {content: "\f04e";} -.icon-fast-forward:before {content: "\f050";} -.icon-step-forward:before {content: "\f051";} -.icon-eject:before {content: "\f052";} -.icon-chevron-left:before {content: "\f053";} -.icon-chevron-right:before {content: "\f054";} -.icon-plus-sign:before {content: "\f055";} -.icon-minus-sign:before {content: "\f056";} -.icon-remove-sign:before {content: "\f057";} -.icon-ok-sign:before {content: "\f058";} -.icon-question-sign:before {content: "\f059";} -.icon-info-sign:before {content: "\f05a";} -.icon-screenshot:before {content: "\f05b";} -.icon-remove-circle:before {content: "\f05c";} -.icon-ok-circle:before {content: "\f05d";} -.icon-ban-circle:before {content: "\f05e";} -.icon-arrow-left:before {content: "\f060";} -.icon-arrow-right:before {content: "\f061";} -.icon-arrow-up:before {content: "\f062";} -.icon-arrow-down:before {content: "\f063";} -.icon-mail-forward:before, .icon-share-alt:before {content: "\f064";} -.icon-resize-full:before {content: "\f065";} -.icon-resize-small:before {content: "\f066";} -.icon-plus:before {content: "\f067";} -.icon-minus:before {content: "\f068";} -.icon-asterisk:before {content: "\f069";} -.icon-exclamation-sign:before {content: "\f06a";} -.icon-gift:before {content: "\f06b";} -.icon-leaf:before {content: "\f06c";} -.icon-fire:before {content: "\f06d";} -.icon-eye-open:before {content: "\f06e";} -.icon-eye-close:before {content: "\f070";} -.icon-warning-sign:before {content: "\f071";} -.icon-plane:before {content: "\f072";} -.icon-calendar:before {content: "\f073";} -.icon-random:before {content: "\f074";} -.icon-comment:before {content: "\f075";} -.icon-magnet:before {content: "\f076";} -.icon-chevron-up:before {content: "\f077";} -.icon-chevron-down:before {content: "\f078";} -.icon-retweet:before {content: "\f079";} -.icon-shopping-cart:before {content: "\f07a";} -.icon-folder-close:before {content: "\f07b";} -.icon-folder-open:before {content: "\f07c";} -.icon-resize-vertical:before {content: "\f07d";} -.icon-resize-horizontal:before {content: "\f07e";} -.icon-bar-chart:before {content: "\f080";} -.icon-twitter-sign:before {content: "\f081";} -.icon-facebook-sign:before {content: "\f082";} -.icon-camera-retro:before {content: "\f083";} -.icon-key:before {content: "\f084";} -.icon-gears:before, .icon-cogs:before {content: "\f085";} -.icon-comments:before {content: "\f086";} -.icon-thumbs-up-alt:before {content: "\f087";} -.icon-thumbs-down-alt:before {content: "\f088";} -.icon-star-half:before {content: "\f089";} -.icon-heart-empty:before {content: "\f08a";} -.icon-signout:before {content: "\f08b";} -.icon-linkedin-sign:before {content: "\f08c";} -.icon-pushpin:before {content: "\f08d";} -.icon-external-link:before {content: "\f08e";} -.icon-signin:before {content: "\f090";} -.icon-trophy:before {content: "\f091";} -.icon-github-sign:before {content: "\f092";} -.icon-upload-alt:before {content: "\f093";} -.icon-lemon:before {content: "\f094";} -.icon-phone:before {content: "\f095";} -.icon-unchecked:before, .icon-check-empty:before {content: "\f096";} -.icon-bookmark-empty:before {content: "\f097";} -.icon-phone-sign:before {content: "\f098";} -.icon-twitter:before {content: "\f099";} -.icon-facebook:before {content: "\f09a";} -.icon-github:before {content: "\f09b";} -.icon-unlock:before {content: "\f09c";} -.icon-credit-card:before {content: "\f09d";} -.icon-rss:before {content: "\f09e";} -.icon-hdd:before {content: "\f0a0";} -.icon-bullhorn:before {content: "\f0a1";} -.icon-bell:before {content: "\f0a2";} -.icon-certificate:before {content: "\f0a3";} -.icon-hand-right:before {content: "\f0a4";} -.icon-hand-left:before {content: "\f0a5";} -.icon-hand-up:before {content: "\f0a6";} -.icon-hand-down:before {content: "\f0a7";} -.icon-circle-arrow-left:before {content: "\f0a8";} -.icon-circle-arrow-right:before {content: "\f0a9";} -.icon-circle-arrow-up:before {content: "\f0aa";} -.icon-circle-arrow-down:before {content: "\f0ab";} -.icon-globe:before {content: "\f0ac";} -.icon-wrench:before {content: "\f0ad";} -.icon-tasks:before {content: "\f0ae";} -.icon-filter:before {content: "\f0b0";} -.icon-briefcase:before {content: "\f0b1";} -.icon-fullscreen:before {content: "\f0b2";} -.icon-group:before {content: "\f0c0";} -.icon-link:before {content: "\f0c1";} -.icon-cloud:before {content: "\f0c2";} -.icon-beaker:before {content: "\f0c3";} -.icon-cut:before {content: "\f0c4";} -.icon-copy:before {content: "\f0c5";} -.icon-paperclip:before, .icon-paper-clip:before {content: "\f0c6";} -.icon-save:before {content: "\f0c7";} -.icon-sign-blank:before {content: "\f0c8";} -.icon-reorder:before {content: "\f0c9";} -.icon-list-ul:before {content: "\f0ca";} -.icon-list-ol:before {content: "\f0cb";} -.icon-strikethrough:before {content: "\f0cc";} -.icon-underline:before {content: "\f0cd";} -.icon-table:before {content: "\f0ce";} -.icon-magic:before {content: "\f0d0";} -.icon-truck:before {content: "\f0d1";} -.icon-pinterest:before {content: "\f0d2";} -.icon-pinterest-sign:before {content: "\f0d3";} -.icon-google-plus-sign:before {content: "\f0d4";} -.icon-google-plus:before {content: "\f0d5";} -.icon-money:before {content: "\f0d6";} -.icon-caret-down:before {content: "\f0d7";} -.icon-caret-up:before {content: "\f0d8";} -.icon-caret-left:before {content: "\f0d9";} -.icon-caret-right:before {content: "\f0da";} -.icon-columns:before {content: "\f0db";} -.icon-sort:before {content: "\f0dc";} -.icon-sort-down:before {content: "\f0dd";} -.icon-sort-up:before {content: "\f0de";} -.icon-envelope:before {content: "\f0e0";} -.icon-linkedin:before {content: "\f0e1";} -.icon-rotate-left:before, .icon-undo:before {content: "\f0e2";} -.icon-legal:before {content: "\f0e3";} -.icon-dashboard:before {content: "\f0e4";} -.icon-comment-alt:before {content: "\f0e5";} -.icon-comments-alt:before {content: "\f0e6";} -.icon-bolt:before {content: "\f0e7";} -.icon-sitemap:before {content: "\f0e8";} -.icon-umbrella:before {content: "\f0e9";} -.icon-paste:before {content: "\f0ea";} -.icon-lightbulb:before {content: "\f0eb";} -.icon-exchange:before {content: "\f0ec";} -.icon-cloud-download:before {content: "\f0ed";} -.icon-cloud-upload:before {content: "\f0ee";} -.icon-user-md:before {content: "\f0f0";} -.icon-stethoscope:before {content: "\f0f1";} -.icon-suitcase:before {content: "\f0f2";} -.icon-bell-alt:before {content: "\f0f3";} -.icon-coffee:before {content: "\f0f4";} -.icon-food:before {content: "\f0f5";} -.icon-file-text-alt:before {content: "\f0f6";} -.icon-building:before {content: "\f0f7";} -.icon-hospital:before {content: "\f0f8";} -.icon-ambulance:before {content: "\f0f9";} -.icon-medkit:before {content: "\f0fa";} -.icon-fighter-jet:before {content: "\f0fb";} -.icon-beer:before {content: "\f0fc";} -.icon-h-sign:before {content: "\f0fd";} -.icon-plus-sign-alt:before {content: "\f0fe";} -.icon-double-angle-left:before {content: "\f100";} -.icon-double-angle-right:before {content: "\f101";} -.icon-double-angle-up:before {content: "\f102";} -.icon-double-angle-down:before {content: "\f103";} -.icon-angle-left:before {content: "\f104";} -.icon-angle-right:before {content: "\f105";} -.icon-angle-up:before {content: "\f106";} -.icon-angle-down:before {content: "\f107";} -.icon-desktop:before {content: "\f108";} -.icon-laptop:before {content: "\f109";} -.icon-tablet:before {content: "\f10a";} -.icon-mobile-phone:before {content: "\f10b";} -.icon-circle-blank:before {content: "\f10c";} -.icon-quote-left:before {content: "\f10d";} -.icon-quote-right:before {content: "\f10e";} -.icon-spinner:before {content: "\f110" !important;} -.icon-circle:before {content: "\f111";} -.icon-mail-reply:before, .icon-reply:before {content: "\f112";} -.icon-github-alt:before {content: "\f113";} -.icon-folder-close-alt:before {content: "\f114";} -.icon-folder-open-alt:before {content: "\f115";} -.icon-expand-alt:before {content: "\f116";} -.icon-collapse-alt:before {content: "\f117";} -.icon-smile:before {content: "\f118";} -.icon-frown:before {content: "\f119";} -.icon-meh:before {content: "\f11a";} -.icon-gamepad:before {content: "\f11b";} -.icon-keyboard:before {content: "\f11c";} -.icon-flag-alt:before {content: "\f11d";} -.icon-flag-checkered:before {content: "\f11e";} -.icon-terminal:before {content: "\f120";} -.icon-code:before {content: "\f121";} -.icon-reply-all:before {content: "\f122";} -.icon-mail-reply-all:before {content: "\f122";} -.icon-star-half-full:before, .icon-star-half-empty:before {content: "\f123";} -.icon-location-arrow:before {content: "\f124";} -.icon-crop:before {content: "\f125";} -.icon-code-fork:before {content: "\f126";} -.icon-unlink:before {content: "\f127";} -.icon-question:before {content: "\f128";} -.icon-info:before {content: "\f129";} -.icon-exclamation:before {content: "\f12a";} -.icon-superscript:before {content: "\f12b";} -.icon-subscript:before {content: "\f12c";} -.icon-eraser:before {content: "\f12d";} -.icon-puzzle-piece:before {content: "\f12e";} -.icon-microphone:before {content: "\f130";} -.icon-microphone-off:before {content: "\f131";} -.icon-shield:before {content: "\f132";} -.icon-calendar-empty:before {content: "\f133";} -.icon-fire-extinguisher:before {content: "\f134";} -.icon-rocket:before {content: "\f135";} -.icon-maxcdn:before {content: "\f136";} -.icon-chevron-sign-left:before {content: "\f137";} -.icon-chevron-sign-right:before {content: "\f138";} -.icon-chevron-sign-up:before {content: "\f139";} -.icon-chevron-sign-down:before {content: "\f13a";} -.icon-html5:before {content: "\f13b";} -.icon-css3:before {content: "\f13c";} -.icon-anchor:before {content: "\f13d";} -.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";} -.icon-compass:before {content: "\f14e";} -.icon-collapse:before {content: "\f150";} -.icon-collapse-top:before {content: "\f151";} -.icon-expand:before {content: "\f152";} -.icon-euro:before, .icon-eur:before {content: "\f153";} -.icon-gbp:before {content: "\f154";} -.icon-dollar:before, .icon-usd:before {content: "\f155";} -.icon-rupee:before, .icon-inr:before {content: "\f156";} -.icon-yen:before, .icon-jpy:before {content: "\f157";} -.icon-renminbi:before, .icon-cny:before {content: "\f158";} -.icon-won:before, .icon-krw:before {content: "\f159";} -.icon-bitcoin:before, .icon-btc:before {content: "\f15a";} -.icon-file:before {content: "\f15b";} -.icon-file-text:before {content: "\f15c";} -.icon-sort-by-alphabet:before {content: "\f15d";} -.icon-sort-by-alphabet-alt:before {content: "\f15e";} -.icon-sort-by-attributes:before {content: "\f160";} -.icon-sort-by-attributes-alt:before {content: "\f161";} -.icon-sort-by-order:before {content: "\f162";} -.icon-sort-by-order-alt:before {content: "\f163";} -.icon-thumbs-up:before {content: "\f164";} -.icon-thumbs-down:before {content: "\f165";} -.icon-youtube-sign:before {content: "\f166";} -.icon-youtube:before {content: "\f167";} -.icon-xing:before {content: "\f168";} -.icon-xing-sign:before {content: "\f169";} -.icon-youtube-play:before {content: "\f16a";} -.icon-dropbox:before {content: "\f16b";} -.icon-stackexchange:before {content: "\f16c";} -.icon-instagram:before {content: "\f16d";} -.icon-flickr:before {content: "\f16e";} -.icon-adn:before {content: "\f170";} -.icon-bitbucket:before {content: "\f171";} -.icon-bitbucket-sign:before {content: "\f172";} -.icon-tumblr:before {content: "\f173";} -.icon-tumblr-sign:before {content: "\f174";} -.icon-long-arrow-down:before {content: "\f175";} -.icon-long-arrow-up:before {content: "\f176";} -.icon-long-arrow-left:before {content: "\f177";} -.icon-long-arrow-right:before {content: "\f178";} -.icon-apple:before {content: "\f179";} -.icon-windows:before {content: "\f17a";} -.icon-android:before {content: "\f17b";} -.icon-linux:before {content: "\f17c";} -.icon-dribbble:before {content: "\f17d";} -.icon-skype:before {content: "\f17e";} -.icon-foursquare:before {content: "\f180";} -.icon-trello:before {content: "\f181";} -.icon-female:before {content: "\f182";} -.icon-male:before {content: "\f183";} -.icon-gittip:before {content: "\f184";} -.icon-sun:before {content: "\f185";} -.icon-moon:before {content: "\f186";} -.icon-archive:before {content: "\f187";} -.icon-bug:before {content: "\f188";} -.icon-vk:before {content: "\f189";} -.icon-weibo:before {content: "\f18a";} -.icon-renren:before {content: "\f18b";} +.icon-rotate-90:before, .fa-rotate-90:before {-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:before, .fa-rotate-180:before {-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:before, .fa-rotate-270:before {-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:before, .fa-flip-horizontal:before {-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:before, .fa-flip-vertical:before {-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, .fa-glass:before {content: "\f000";} +.icon-music:before, .fa-music:before {content: "\f001";} +.icon-search:before, .fa-search:before {content: "\f002";} +.icon-envelope-alt:before, .fa-envelope-o:before {content: "\f003";} +.icon-heart:before, .fa-heart:before {content: "\f004";} +.icon-star:before, .fa-star:before {content: "\f005";} +.icon-star-empty:before, .fa-star-o:before {content: "\f006";} +.icon-user:before, .fa-user:before {content: "\f007";} +.icon-film:before, .fa-film:before {content: "\f008";} +.icon-th-large:before, .fa-th-large:before {content: "\f009";} +.icon-th:before, .fa-th:before {content: "\f00a";} +.icon-th-list:before, .fa-th-list:before {content: "\f00b";} +.icon-ok:before, .fa-check:before {content: "\f00c";} +.icon-remove:before, .fa-times:before {content: "\f00d";} +.icon-zoom-in:before, .fa-search-plus:before {content: "\f00e";} +.icon-zoom-out:before, .fa-search-minus:before {content: "\f010";} +.icon-power-off:before, .fa-power-off:before, .icon-off:before, .fa-power-off:before {content: "\f011";} +.icon-signal:before, .fa-signal:before {content: "\f012";} +.icon-gear:before, .fa-gear:before, .icon-cog:before, .fa-cog:before {content: "\f013";} +.icon-trash:before, .fa-trash-o:before {content: "\f014";} +.icon-home:before, .fa-home:before {content: "\f015";} +.icon-file-alt:before, .fa-file-o:before {content: "\f016";} +.icon-time:before, .fa-clock-o:before {content: "\f017";} +.icon-road:before, .fa-road:before {content: "\f018";} +.icon-download-alt:before, .fa-download:before {content: "\f019";} +.icon-download:before, .fa-arrow-circle-o-down:before {content: "\f01a";} +.icon-upload:before, .fa-arrow-circle-o-up:before {content: "\f01b";} +.icon-inbox:before, .fa-inbox:before {content: "\f01c";} +.icon-play-circle:before, .fa-play-circle-o:before {content: "\f01d";} +.icon-rotate-right:before, .fa-rotate-right:before, .icon-repeat:before, .fa-repeat:before {content: "\f01e";} +.icon-refresh:before, .fa-refresh:before {content: "\f021";} +.icon-list-alt:before, .fa-list-alt:before {content: "\f022";} +.icon-lock:before, .fa-lock:before {content: "\f023";} +.icon-flag:before, .fa-flag:before {content: "\f024";} +.icon-headphones:before, .fa-headphones:before {content: "\f025";} +.icon-volume-off:before, .fa-volume-off:before {content: "\f026";} +.icon-volume-down:before, .fa-volume-down:before {content: "\f027";} +.icon-volume-up:before, .fa-volume-up:before {content: "\f028";} +.icon-qrcode:before, .fa-qrcode:before {content: "\f029";} +.icon-barcode:before, .fa-barcode:before {content: "\f02a";} +.icon-tag:before, .fa-tag:before {content: "\f02b";} +.icon-tags:before, .fa-tags:before {content: "\f02c";} +.icon-book:before, .fa-book:before {content: "\f02d";} +.icon-bookmark:before, .fa-bookmark:before {content: "\f02e";} +.icon-print:before, .fa-print:before {content: "\f02f";} +.icon-camera:before, .fa-camera:before {content: "\f030";} +.icon-font:before, .fa-font:before {content: "\f031";} +.icon-bold:before, .fa-bold:before {content: "\f032";} +.icon-italic:before, .fa-italic:before {content: "\f033";} +.icon-text-height:before, .fa-text-height:before {content: "\f034";} +.icon-text-width:before, .fa-text-width:before {content: "\f035";} +.icon-align-left:before, .fa-align-left:before {content: "\f036";} +.icon-align-center:before, .fa-align-center:before {content: "\f037";} +.icon-align-right:before, .fa-align-right:before {content: "\f038";} +.icon-align-justify:before, .fa-align-justify:before {content: "\f039";} +.icon-list:before, .fa-list:before {content: "\f03a";} +.icon-indent-left:before, .fa-outdent:before {content: "\f03b";} +.icon-indent-right:before, .fa-indent:before {content: "\f03c";} +.icon-facetime-video:before, .fa-video-camera:before {content: "\f03d";} +.icon-picture:before, .fa-picture-o:before {content: "\f03e";} +.icon-pencil:before, .fa-pencil:before {content: "\f040";} +.icon-map-marker:before, .fa-map-marker:before {content: "\f041";} +.icon-adjust:before, .fa-adjust:before {content: "\f042";} +.icon-tint:before, .fa-tint:before {content: "\f043";} +.icon-edit:before, .fa-pencil-square-o:before {content: "\f044";} +.icon-share:before, .fa-share-square-o:before {content: "\f045";} +.icon-check:before, .fa-check-square-o:before {content: "\f046";} +.icon-move:before, .fa-arrows:before {content: "\f047";} +.icon-step-backward:before, .fa-step-backward:before {content: "\f048";} +.icon-fast-backward:before, .fa-fast-backward:before {content: "\f049";} +.icon-backward:before, .fa-backward:before {content: "\f04a";} +.icon-play:before, .fa-play:before {content: "\f04b";} +.icon-pause:before, .fa-pause:before {content: "\f04c";} +.icon-stop:before, .fa-stop:before {content: "\f04d";} +.icon-forward:before, .fa-forward:before {content: "\f04e";} +.icon-fast-forward:before, .fa-fast-forward:before {content: "\f050";} +.icon-step-forward:before, .fa-step-forward:before {content: "\f051";} +.icon-eject:before, .fa-eject:before {content: "\f052";} +.icon-chevron-left:before, .fa-chevron-left:before {content: "\f053";} +.icon-chevron-right:before, .fa-chevron-right:before {content: "\f054";} +.icon-plus-sign:before, .fa-plus-circle:before {content: "\f055";} +.icon-minus-sign:before, .fa-minus-circle:before {content: "\f056";} +.icon-remove-sign:before, .fa-times-circle:before {content: "\f057";} +.icon-ok-sign:before, .fa-check-circle:before {content: "\f058";} +.icon-question-sign:before, .fa-question-circle:before {content: "\f059";} +.icon-info-sign:before, .fa-info-circle:before {content: "\f05a";} +.icon-screenshot:before, .fa-crosshairs:before {content: "\f05b";} +.icon-remove-circle:before, .fa-times-circle-o:before {content: "\f05c";} +.icon-ok-circle:before, .fa-check-circle-o:before {content: "\f05d";} +.icon-ban-circle:before, .fa-ban:before {content: "\f05e";} +.icon-arrow-left:before, .fa-arrow-left:before {content: "\f060";} +.icon-arrow-right:before, .fa-arrow-right:before {content: "\f061";} +.icon-arrow-up:before, .fa-arrow-up:before {content: "\f062";} +.icon-arrow-down:before, .fa-arrow-down:before {content: "\f063";} +.icon-mail-forward:before, .fa-mail-forward:before, .icon-share-alt:before, .fa-share:before {content: "\f1e0";} +.icon-resize-full:before, .fa-expand:before {content: "\f065";} +.icon-resize-small:before, .fa-compress:before {content: "\f066";} +.icon-plus:before, .fa-plus:before {content: "\f067";} +.icon-minus:before, .fa-minus:before {content: "\f068";} +.icon-asterisk:before, .fa-asterisk:before {content: "\f069";} +.icon-exclamation-sign:before, .fa-exclamation-circle:before {content: "\f06a";} +.icon-gift:before, .fa-gift:before {content: "\f06b";} +.icon-leaf:before, .fa-leaf:before {content: "\f06c";} +.icon-fire:before, .fa-fire:before {content: "\f06d";} +.icon-eye-open:before, .fa-eye:before {content: "\f06e";} +.icon-eye-close:before, .fa-eye-slash:before {content: "\f070";} +.icon-warning-sign:before, .fa-exclamation-triangle:before {content: "\f071";} +.icon-plane:before, .fa-plane:before {content: "\f072";} +.icon-calendar:before, .fa-calendar:before {content: "\f073";} +.icon-random:before, .fa-random:before {content: "\f074";} +.icon-comment:before, .fa-comment:before {content: "\f075";} +.icon-magnet:before, .fa-magnet:before {content: "\f076";} +.icon-chevron-up:before, .fa-chevron-up:before {content: "\f077";} +.icon-chevron-down:before, .fa-chevron-down:before {content: "\f078";} +.icon-retweet:before, .fa-retweet:before {content: "\f079";} +.icon-shopping-cart:before, .fa-shopping-cart:before {content: "\f07a";} +.icon-folder-close:before, .fa-folder:before {content: "\f07b";} +.icon-folder-open:before, .fa-folder-open:before {content: "\f07c";} +.icon-resize-vertical:before, .fa-arrows-v:before {content: "\f07d";} +.icon-resize-horizontal:before, .fa-arrows-h:before {content: "\f07e";} +.icon-bar-chart:before, .fa-bar-chart:before, .fa-bar-chart-o:before {content: "\f080";} +.icon-twitter-sign:before, .fa-twitter-square:before {content: "\f081";} +.icon-facebook-sign:before, .fa-facebook-square:before {content: "\f082";} +.icon-camera-retro:before, .fa-camera-retro:before {content: "\f083";} +.icon-key:before, .fa-key:before {content: "\f084";} +.icon-gears:before, .fa-gears:before, .icon-cogs:before, .fa-cogs:before {content: "\f085";} +.icon-comments:before, .fa-comments:before {content: "\f086";} +.icon-thumbs-up-alt:before, .fa-thumbs-o-up:before {content: "\f087";} +.icon-thumbs-down-alt:before, .fa-thumbs-o-down:before {content: "\f088";} +.icon-star-half:before, .fa-star-half:before {content: "\f089";} +.icon-heart-empty:before, .fa-heart-o:before {content: "\f08a";} +.icon-signout:before, .fa-sign-out:before {content: "\f08b";} +.icon-linkedin-sign:before, .fa-linkedin-square:before {content: "\f08c";} +.icon-pushpin:before, .fa-thumb-tack:before {content: "\f08d";} +.icon-external-link:before, .fa-external-link:before {content: "\f08e";} +.icon-signin:before, .fa-sign-in:before {content: "\f090";} +.icon-trophy:before, .fa-trophy:before {content: "\f091";} +.icon-github-sign:before, .fa-github-square:before {content: "\f092";} +.icon-upload-alt:before, .fa-upload:before {content: "\f093";} +.icon-lemon:before, .fa-lemon-o:before {content: "\f094";} +.icon-phone:before, .fa-phone:before {content: "\f095";} +.icon-unchecked:before, .fa-unchecked:before, .icon-check-empty:before {content: "\f096";} +.icon-bookmark-empty:before, .fa-bookmark-o:before {content: "\f097";} +.icon-phone-sign:before, .fa-phone-square:before {content: "\f098";} +.icon-twitter:before, .fa-twitter:before {content: "\f099";} +.icon-facebook:before, .fa-facebook-f:before, .fa-facebook:before {content: "\f09a";} +.icon-github:before, .fa-github:before {content: "\f09b";} +.icon-unlock:before, .fa-unlock:before {content: "\f09c";} +.icon-credit-card:before, .fa-credit-card:before {content: "\f09d";} +.icon-rss:before, .fa-rss:before {content: "\f09e";} +.icon-hdd:before, .fa-hdd-o:before {content: "\f0a0";} +.icon-bullhorn:before, .fa-bullhorn:before {content: "\f0a1";} +.icon-bell:before, .fa-bell-o:before {content: "\f0a2";} +.icon-certificate:before, .fa-certificate:before {content: "\f0a3";} +.icon-hand-right:before, .fa-hand-o-right:before {content: "\f0a4";} +.icon-hand-left:before, .fa-hand-o-left:before {content: "\f0a5";} +.icon-hand-up:before, .fa-hand-o-up:before {content: "\f0a6";} +.icon-hand-down:before, .fa-hand-o-down:before {content: "\f0a7";} +.icon-circle-arrow-left:before, .fa-arrow-circle-left:before {content: "\f0a8";} +.icon-circle-arrow-right:before, .fa-arrow-circle-right:before {content: "\f0a9";} +.icon-circle-arrow-up:before, .fa-arrow-circle-up:before {content: "\f0aa";} +.icon-circle-arrow-down:before, .fa-arrow-circle-down:before {content: "\f0ab";} +.icon-globe:before, .fa-globe:before {content: "\f0ac";} +.icon-wrench:before, .fa-wrench:before {content: "\f0ad";} +.icon-tasks:before, .fa-tasks:before {content: "\f0ae";} +.icon-filter:before, .fa-filter:before {content: "\f0b0";} +.icon-briefcase:before, .fa-briefcase:before {content: "\f0b1";} +.icon-fullscreen:before, .fa-arrows-alt:before {content: "\f0b2";} +.icon-group:before, .fa-users:before {content: "\f0c0";} +.icon-link:before, .fa-link:before {content: "\f0c1";} +.icon-cloud:before, .fa-cloud:before {content: "\f0c2";} +.icon-beaker:before, .fa-flask:before {content: "\f0c3";} +.icon-cut:before, .fa-scissors:before {content: "\f0c4";} +.icon-copy:before, .fa-files-o:before {content: "\f0c5";} +.icon-paperclip:before, .fa-paperclip:before, .icon-paper-clip:before, .fa-paperclip:before {content: "\f0c6";} +.icon-save:before, .fa-floppy-o:before {content: "\f0c7";} +.icon-sign-blank:before, .fa-square:before {content: "\f0c8";} +.icon-reorder:before, .fa-bars:before {content: "\f0c9";} +.icon-list-ul:before, .fa-list-ul:before {content: "\f0ca";} +.icon-list-ol:before, .fa-list-ol:before {content: "\f0cb";} +.icon-strikethrough:before, .fa-strikethrough:before {content: "\f0cc";} +.icon-underline:before, .fa-underline:before {content: "\f0cd";} +.icon-table:before, .fa-table:before {content: "\f0ce";} +.icon-magic:before, .fa-magic:before {content: "\f0d0";} +.icon-truck:before, .fa-truck:before {content: "\f0d1";} +.icon-pinterest:before, .fa-pinterest:before {content: "\f0d2";} +.icon-pinterest-sign:before, .fa-pinterest-square:before {content: "\f0d3";} +.icon-google-plus-sign:before, .fa-google-plus-square:before {content: "\f0d4";} +.icon-google-plus:before, .fa-google-plus:before {content: "\f0d5";} +.icon-money:before, .fa-money:before {content: "\f0d6";} +.icon-caret-down:before, .fa-caret-down:before {content: "\f0d7";} +.icon-caret-up:before, .fa-caret-up:before {content: "\f0d8";} +.icon-caret-left:before, .fa-caret-left:before {content: "\f0d9";} +.icon-caret-right:before, .fa-caret-right:before {content: "\f0da";} +.icon-columns:before, .fa-columns:before {content: "\f0db";} +.icon-sort:before, .fa-sort:before {content: "\f0dc";} +.icon-sort-down:before, .fa-sort-asc:before {content: "\f0dd";} +.icon-sort-up:before, .fa-sort-desc:before {content: "\f0de";} +.icon-envelope:before, .fa-envelope:before {content: "\f0e0";} +.icon-linkedin:before, .fa-linkedin:before {content: "\f0e1";} +.icon-rotate-left:before, .fa-rotate-left:before, .icon-undo:before, .fa-undo:before {content: "\f0e2";} +.icon-legal:before, .fa-gavel:before {content: "\f0e3";} +.icon-dashboard:before, .fa-tachometer:before {content: "\f0e4";} +.icon-comment-alt:before, .fa-comment-o:before {content: "\f0e5";} +.icon-comments-alt:before, .fa-comments-o:before {content: "\f0e6";} +.icon-bolt:before, .fa-bolt:before {content: "\f0e7";} +.icon-sitemap:before, .fa-sitemap:before {content: "\f0e8";} +.icon-umbrella:before, .fa-umbrella:before {content: "\f0e9";} +.icon-paste:before, .fa-clipboard:before {content: "\f0ea";} +.icon-lightbulb:before, .fa-lightbulb-o:before {content: "\f0eb";} +.icon-exchange:before, .fa-exchange:before {content: "\f0ec";} +.icon-cloud-download:before, .fa-cloud-download:before {content: "\f0ed";} +.icon-cloud-upload:before, .fa-cloud-upload:before {content: "\f0ee";} +.icon-user-md:before, .fa-user-md:before {content: "\f0f0";} +.icon-stethoscope:before, .fa-stethoscope:before {content: "\f0f1";} +.icon-suitcase:before, .fa-suitcase:before {content: "\f0f2";} +.icon-bell-alt:before, .fa-bell:before {content: "\f0f3";} +.icon-coffee:before, .fa-coffee:before {content: "\f0f4";} +.icon-food:before, .fa-cutlery:before {content: "\f0f5";} +.icon-file-text-alt:before, .fa-file-text-o:before {content: "\f0f6";} +.icon-building:before, .fa-building-o:before {content: "\f0f7";} +.icon-hospital:before, .fa-hospital-o:before {content: "\f0f8";} +.icon-ambulance:before, .fa-ambulance:before {content: "\f0f9";} +.icon-medkit:before, .fa-medkit:before {content: "\f0fa";} +.icon-fighter-jet:before, .fa-fighter-jet:before {content: "\f0fb";} +.icon-beer:before, .fa-beer:before {content: "\f0fc";} +.icon-h-sign:before, .fa-h-square:before {content: "\f0fd";} +.icon-plus-sign-alt:before, .fa-plus-square:before {content: "\f0fe";} +.icon-double-angle-left:before, .fa-angle-double-left:before {content: "\f100";} +.icon-double-angle-right:before, .fa-angle-double-right:before {content: "\f101";} +.icon-double-angle-up:before, .fa-angle-double-up:before {content: "\f102";} +.icon-double-angle-down:before, .fa-angle-double-down:before {content: "\f103";} +.icon-angle-left:before, .fa-angle-left:before {content: "\f104";} +.icon-angle-right:before, .fa-angle-right:before {content: "\f105";} +.icon-angle-up:before, .fa-angle-up:before {content: "\f106";} +.icon-angle-down:before, .fa-angle-down:before {content: "\f107";} +.icon-desktop:before, .fa-desktop:before {content: "\f108";} +.icon-laptop:before, .fa-laptop:before {content: "\f109";} +.icon-tablet:before, .fa-tablet:before {content: "\f10a";} +.icon-mobile-phone:before, .fa-mobile:before {content: "\f10b";} +.icon-circle-blank:before, .fa-circle-o:before {content: "\f10c";} +.icon-quote-left:before, .fa-quote-left:before {content: "\f10d";} +.icon-quote-right:before, .fa-quote-right:before {content: "\f10e";} +.icon-spinner:before, .fa-spinner:before {content: "\f110" !important;} +.icon-circle:before, .fa-circle:before {content: "\f111";} +.icon-mail-reply:before, .fa-mail-reply:before, .icon-reply:before, .fa-reply:before {content: "\f112";} +.icon-github-alt:before, .fa-github-alt:before {content: "\f113";} +.icon-folder-close-alt:before, .fa-folder-o:before {content: "\f114";} +.icon-folder-open-alt:before, .fa-folder-open-o:before {content: "\f115";} +.icon-expand-alt:before, .fa-expand-o:before {content: "\f196";} +.icon-collapse-alt:before, .fa-square-o:before {content: "\f096";} +.icon-smile:before, .fa-smile-o:before {content: "\f118";} +.icon-frown:before, .fa-frown-o:before {content: "\f119";} +.icon-meh:before, .fa-meh-o:before {content: "\f11a";} +.icon-gamepad:before, .fa-gamepad:before {content: "\f11b";} +.icon-keyboard:before, .fa-keyboard-o:before {content: "\f11c";} +.icon-flag-alt:before, .fa-flag-o:before {content: "\f11d";} +.icon-flag-checkered:before, .fa-flag-checkered:before {content: "\f11e";} +.icon-terminal:before, .fa-terminal:before {content: "\f120";} +.icon-code:before, .fa-code:before {content: "\f121";} +.icon-reply-all:before, .fa-reply-all:before, .icon-mail-reply-all:before, .fa-mail-reply-all:before {content: "\f122";} +.icon-star-half-full:before, .fa-star-half-full:before, .icon-star-half-empty:before, .fa-star-half-o:before {content: "\f123";} +.icon-location-arrow:before, .fa-location-arrow:before {content: "\f124";} +.icon-crop:before, .fa-crop:before {content: "\f125";} +.icon-code-fork:before, .fa-code-fork:before {content: "\f126";} +.icon-unlink:before, .fa-chain-broken:before {content: "\f127";} +.icon-question:before, .fa-question:before {content: "\f128";} +.icon-info:before, .fa-info:before {content: "\f129";} +.icon-exclamation:before, .fa-exclamation:before {content: "\f12a";} +.icon-superscript:before, .fa-superscript:before {content: "\f12b";} +.icon-subscript:before, .fa-subscript:before {content: "\f12c";} +.icon-eraser:before, .fa-eraser:before {content: "\f12d";} +.icon-puzzle-piece:before, .fa-puzzle-piece:before {content: "\f12e";} +.icon-microphone:before, .fa-microphone:before {content: "\f130";} +.icon-microphone-off:before, .fa-microphone-slash:before {content: "\f131";} +.icon-shield:before, .fa-shield:before {content: "\f132";} +.icon-calendar-empty:before, .fa-calendar-o:before {content: "\f133";} +.icon-fire-extinguisher:before, .fa-fire-extinguisher:before {content: "\f134";} +.icon-rocket:before, .fa-rocket:before {content: "\f135";} +.icon-maxcdn:before, .fa-maxcdn:before {content: "\f136";} +.icon-chevron-sign-left:before, .fa-chevron-circle-left:before {content: "\f137";} +.icon-chevron-sign-right:before, .fa-chevron-circle-right:before {content: "\f138";} +.icon-chevron-sign-up:before, .fa-chevron-circle-up:before {content: "\f139";} +.icon-chevron-sign-down:before, .fa-chevron-circle-down:before {content: "\f13a";} +.icon-html5:before, .fa-html5:before {content: "\f13b";} +.icon-css3:before, .fa-css3:before {content: "\f13c";} +.icon-anchor:before, .fa-anchor:before {content: "\f13d";} +.icon-unlock-alt:before, .fa-unlock-alt:before {content: "\f13e";} +.icon-bullseye:before, .fa-bullseye:before {content: "\f140";} +.icon-ellipsis-horizontal:before, .fa-ellipsis-h:before {content: "\f141";} +.icon-ellipsis-vertical:before, .fa-ellipsis-v:before {content: "\f142";} +.icon-rss-sign:before, .fa-rss-square:before {content: "\f143";} +.icon-play-sign:before, .fa-play-circle:before {content: "\f144";} +.icon-ticket:before, .fa-ticket:before {content: "\f145";} +.icon-minus-sign-alt:before, .fa-minus-square:before {content: "\f146";} +.icon-check-minus:before, .fa-minus-square-o:before {content: "\f147";} +.icon-level-up:before, .fa-level-up:before {content: "\f148";} +.icon-level-down:before, .fa-level-down:before {content: "\f149";} +.icon-check-sign:before, .fa-check-square:before {content: "\f14a";} +.icon-edit-sign:before, .fa-pencil-square:before {content: "\f14b";} +.icon-external-link-sign:before, .fa-external-link-square:before {content: "\f14c";} +.icon-share-sign:before, .fa-share-square:before {content: "\f14d";} +.icon-compass:before, .fa-compass:before {content: "\f14e";} +.icon-collapse:before, .fa-caret-square-o-down:before {content: "\f150";} +.icon-collapse-top:before, .fa-caret-square-o-up:before {content: "\f151";} +.icon-expand:before, .fa-caret-square-o-right:before {content: "\f152";} +.icon-euro:before, .fa-euro:before, .icon-eur:before, .fa-eur:before {content: "\f153";} +.icon-gbp:before, .fa-gbp:before {content: "\f154";} +.icon-dollar:before, .fa-dollar:before, .icon-usd:before, .fa-usd:before {content: "\f155";} +.icon-rupee:before, .fa-rupee:before, .icon-inr:before, .fa-inr:before {content: "\f156";} +.icon-yen:before, .fa-yen:before, .icon-jpy:before, .fa-jpy:before {content: "\f157";} +.icon-renminbi:before, .fa-renminbi:before, .icon-cny:before, .fa-rub:before {content: "\f158";} +.icon-won:before, .fa-won:before, .icon-krw:before, .fa-krw:before {content: "\f159";} +.icon-bitcoin:before, .fa-bitcoin:before, .icon-btc:before, .fa-btc:before {content: "\f15a";} +.icon-file:before, .fa-file:before {content: "\f15b";} +.icon-file-text:before, .fa-file-text:before {content: "\f15c";} +.icon-sort-by-alphabet:before, .fa-sort-alpha-asc:before {content: "\f15d";} +.icon-sort-by-alphabet-alt:before, .fa-sort-alpha-desc:before {content: "\f15e";} +.icon-sort-by-attributes:before, .fa-sort-amount-asc:before {content: "\f160";} +.icon-sort-by-attributes-alt:before, .fa-sort-amount-desc:before {content: "\f161";} +.icon-sort-by-order:before, .fa-sort-numeric-asc:before {content: "\f162";} +.icon-sort-by-order-alt:before, .fa-sort-numeric-desc:before {content: "\f163";} +.icon-thumbs-up:before, .fa-thumbs-up:before {content: "\f164";} +.icon-thumbs-down:before, .fa-thumbs-down:before {content: "\f165";} +.icon-youtube-sign:before, .fa-youtube-square:before {content: "\f166";} +.icon-youtube:before, .fa-youtube:before {content: "\f167";} +.icon-xing:before, .fa-xing:before {content: "\f168";} +.icon-xing-sign:before, .fa-xing-square:before {content: "\f169";} +.icon-youtube-play:before, .fa-youtube-play:before {content: "\f16a";} +.icon-dropbox:before, .fa-dropbox:before {content: "\f16b";} +.icon-stackexchange:before, .fa-stack-overflow:before {content: "\f16c";} +.icon-instagram:before, .fa-instagram:before {content: "\f16d";} +.icon-flickr:before, .fa-flickr:before {content: "\f16e";} +.icon-adn:before, .fa-adn:before {content: "\f170";} +.icon-bitbucket:before, .fa-bitbucket:before {content: "\f171";} +.icon-bitbucket-sign:before, .fa-bitbucket-square:before {content: "\f172";} +.icon-tumblr:before, .fa-tumblr:before {content: "\f173";} +.icon-tumblr-sign:before, .fa-tumblr-square:before {content: "\f174";} +.icon-long-arrow-down:before, .fa-long-arrow-down:before {content: "\f175";} +.icon-long-arrow-up:before, .fa-long-arrow-up:before {content: "\f176";} +.icon-long-arrow-left:before, .fa-long-arrow-left:before {content: "\f177";} +.icon-long-arrow-right:before, .fa-long-arrow-right:before {content: "\f178";} +.icon-apple:before, .fa-apple:before {content: "\f179";} +.icon-windows:before, .fa-windows:before {content: "\f17a";} +.icon-android:before, .fa-android:before {content: "\f17b";} +.icon-linux:before, .fa-linux:before {content: "\f17c";} +.icon-dribbble:before, .fa-dribbble:before {content: "\f17d";} +.icon-skype:before, .fa-skype:before {content: "\f17e";} +.icon-foursquare:before, .fa-foursquare:before {content: "\f180";} +.icon-trello:before, .fa-trello:before {content: "\f181";} +.icon-female:before, .fa-female:before {content: "\f182";} +.icon-male:before, .fa-male:before {content: "\f183";} +.icon-gittip:before, .fa-gittip:before, .fa-gratipay:before {content: "\f184";} +.icon-sun:before, .fa-sun-o:before {content: "\f185";} +.icon-moon:before, .fa-moon-o:before {content: "\f186";} +.icon-archive:before, .fa-archive:before {content: "\f187";} +.icon-bug:before, .fa-bug:before {content: "\f188";} +.icon-vk:before, .fa-vk:before {content: "\f189";} +.icon-weibo:before, .fa-weibo:before {content: "\f18a";} +.icon-renren:before, .fa-renren:before {content: "\f18b";} +.fa-pagelines:before {content: "\f18c";} +.fa-stack-exchange:before {content: "\f18d";} +.fa-arrow-circle-o-right:before {content: "\f18e";} +.fa-arrow-circle-o-left:before {content: "\f190";} +.fa-toggle-left:before, .fa-caret-square-o-left:before {content: "\f191";} +.fa-dot-circle-o:before {content: "\f192";} +.fa-wheelchair:before {content: "\f193";} +.fa-vimeo-square:before {content: "\f194";} +.fa-turkish-lira:before, .fa-try:before {content: "\f195";} +.fa-plus-square-o:before {content: "\f196";} +.fa-empire:before, .fa-ge:before {content: "\f1d1";} +.fa-space-shuttle:before {content: "\f197";} +.fa-slack:before {content: "\f198";} +.fa-envelope-square:before {content: "\f199";} +.fa-wordpress:before {content: "\f19a";} +.fa-openid:before {content: "\f19b";} +.fa-institution:before, .fa-bank:before, .fa-university:before {content: "\f19c";} +.fa-mortar-board:before, .fa-graduation-cap:before {content: "\f19d";} +.fa-yahoo:before {content: "\f19e";} +.fa-google:before {content: "\f1a0";} +.fa-reddit:before {content: "\f1a1";} +.fa-reddit-square:before {content: "\f1a2";} +.fa-stumbleupon-circle:before {content: "\f1a3";} +.fa-stumbleupon:before {content: "\f1a4";} +.fa-delicious:before {content: "\f1a5";} +.fa-digg:before {content: "\f1a6";} +.fa-pied-piper-square:before, .fa-pied-piper:before {content: "\f1a7";} +.fa-pied-piper-alt:before {content: "\f1a8";} +.fa-drupal:before {content: "\f1a9";} +.fa-joomla:before {content: "\f1aa";} +.fa-language:before {content: "\f1ab";} +.fa-fax:before {content: "\f1ac";} +.fa-building:before {content: "\f1ad";} +.fa-child:before {content: "\f1ae";} +.fa-paw:before {content: "\f1b0";} +.fa-spoon:before {content: "\f1b1";} +.fa-cube:before {content: "\f1b2";} +.fa-cubes:before {content: "\f1b3";} +.fa-behance:before {content: "\f1b4";} +.fa-behance-square:before {content: "\f1b5";} +.fa-steam:before {content: "\f1b6";} +.fa-steam-square:before {content: "\f1b7";} +.fa-recycle:before {content: "\f1b8";} +.fa-automobile:before, .fa-car:before {content: "\f1b9";} +.fa-cab:before, .fa-taxi:before {content: "\f1ba";} +.fa-tree:before {content: "\f1bb";} +.fa-spotify:before {content: "\f1bc";} +.fa-deviantart:before {content: "\f1bd";} +.fa-soundcloud:before {content: "\f1be";} +.fa-database:before {content: "\f1c0";} +.fa-file-pdf-o:before {content: "\f1c1";} +.fa-file-word-o:before {content: "\f1c2";} +.fa-file-excel-o:before {content: "\f1c3";} +.fa-file-powerpoint-o:before {content: "\f1c4";} +.fa-file-photo-o:before, .fa-file-picture-o:before, .fa-file-image-o:before {content: "\f1c5";} +.fa-file-zip-o:before, .fa-file-archive-o:before {content: "\f1c6";} +.fa-file-sound-o:before, .fa-file-audio-o:before {content: "\f1c7";} +.fa-file-movie-o:before, .fa-file-video-o:before {content: "\f1c8";} +.fa-file-code-o:before {content: "\f1c9";} +.fa-vine:before {content: "\f1ca";} +.fa-codepen:before {content: "\f1cb";} +.fa-jsfiddle:before {content: "\f1cc";} +.fa-life-bouy:before, .fa-life-saver:before, .fa-support:before, .fa-life-ring:before {content: "\f1cd";} +.fa-circle-o-notch:before {content: "\f1ce";} +.fa-ra:before, .fa-rebel:before {content: "\f1d0";} +.fa-git-square:before {content: "\f1d2";} +.fa-git:before {content: "\f1d3";} +.fa-hacker-news:before {content: "\f1d4";} +.fa-tencent-weibo:before {content: "\f1d5";} +.fa-qq:before {content: "\f1d6";} +.fa-wechat:before, .fa-weixin:before {content: "\f1d7";} +.fa-send:before, .fa-paper-plane:before {content: "\f1d8";} +.fa-send-o:before, .fa-paper-plane-o:before {content: "\f1d9";} +.fa-history:before {content: "\f1da";} +.fa-genderless:before, .fa-circle-thin:before {content: "\f1db";} +.fa-header:before {content: "\f1dc";} +.fa-paragraph:before {content: "\f1dd";} +.fa-sliders:before {content: "\f1de";} +.fa-share-alt:before {content: "\f1e0";} +.fa-share-alt-square:before {content: "\f1e1";} +.fa-bomb:before {content: "\f1e2";} +.fa-soccer-ball-o:before, .fa-futbol-o:before {content: "\f1e3";} +.fa-tty:before {content: "\f1e4";} +.fa-binoculars:before {content: "\f1e5";} +.fa-plug:before {content: "\f1e6";} +.fa-slideshare:before {content: "\f1e7";} +.fa-twitch:before {content: "\f1e8";} +.fa-yelp:before {content: "\f1e9";} +.fa-newspaper-o:before {content: "\f1ea";} +.fa-wifi:before {content: "\f1eb";} +.fa-calculator:before {content: "\f1ec";} +.fa-paypal:before {content: "\f1ed";} +.fa-google-wallet:before {content: "\f1ee";} +.fa-cc-visa:before {content: "\f1f0";} +.fa-cc-mastercard:before {content: "\f1f1";} +.fa-cc-discover:before {content: "\f1f2";} +.fa-cc-amex:before {content: "\f1f3";} +.fa-cc-paypal:before {content: "\f1f4";} +.fa-cc-stripe:before {content: "\f1f5";} +.fa-bell-slash:before {content: "\f1f6";} +.fa-bell-slash-o:before {content: "\f1f7";} +.fa-trash:before {content: "\f1f8";} +.fa-copyright:before {content: "\f1f9";} +.fa-at:before {content: "\f1fa";} +.fa-eyedropper:before {content: "\f1fb";} +.fa-paint-brush:before {content: "\f1fc";} +.fa-birthday-cake:before {content: "\f1fd";} +.fa-area-chart:before {content: "\f1fe";} +.fa-pie-chart:before {content: "\f200";} +.fa-line-chart:before {content: "\f201";} +.fa-lastfm:before {content: "\f202";} +.fa-lastfm-square:before {content: "\f203";} +.fa-toggle-off:before {content: "\f204";} +.fa-toggle-on:before {content: "\f205";} +.fa-bicycle:before {content: "\f206";} +.fa-bus:before {content: "\f207";} +.fa-ioxhost:before {content: "\f208";} +.fa-angellist:before {content: "\f209";} +.fa-cc:before {content: "\f20a";} +.fa-shekel:before, .fa-sheqel:before, .fa-ils:before {content: "\f20b";} +.fa-meanpath:before {content: "\f20c";} +.fa-buysellads:before {content: "\f20d";} +.fa-connectdevelop:before {content: "\f20e";} +.fa-dashcube:before {content: "\f210";} +.fa-forumbee:before {content: "\f211";} +.fa-leanpub:before {content: "\f212";} +.fa-sellsy:before {content: "\f213";} +.fa-shirtsinbulk:before {content: "\f214";} +.fa-simplybuilt:before {content: "\f215";} +.fa-skyatlas:before {content: "\f216";} +.fa-cart-plus:before {content: "\f217";} +.fa-cart-arrow-down:before {content: "\f218";} +.fa-diamond:before {content: "\f219";} +.fa-ship:before {content: "\f21a";} +.fa-user-secret:before {content: "\f21b";} +.fa-motorcycle:before {content: "\f21c";} +.fa-street-view:before {content: "\f21d";} +.fa-heartbeat:before {content: "\f21e";} +.fa-venus:before {content: "\f221";} +.fa-mars:before {content: "\f222";} +.fa-mercury:before {content: "\f223";} +.fa-transgender:before {content: "\f224";} +.fa-transgender-alt:before {content: "\f225";} +.fa-venus-double:before {content: "\f226";} +.fa-mars-double:before {content: "\f227";} +.fa-venus-mars:before {content: "\f228";} +.fa-mars-stroke:before {content: "\f229";} +.fa-mars-stroke-v:before {content: "\f22a";} +.fa-mars-stroke-h:before {content: "\f22b";} +.fa-neuter:before {content: "\f22c";} +.fa-facebook-official:before {content: "\f230";} +.fa-pinterest-p:before {content: "\f231";} +.fa-whatsapp:before {content: "\f232";} +.fa-server:before {content: "\f233";} +.fa-user-plus:before {content: "\f234";} +.fa-user-times:before {content: "\f235";} +.fa-hotel:before, .fa-bed:before {content: "\f236";} +.fa-viacoin:before {content: "\f237";} +.fa-train:before {content: "\f238";} +.fa-subway:before {content: "\f239";} +.fa-medium:before {content: "\f23a";} #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%;} @@ -886,23 +1187,97 @@ a > span.icon:not(.pointer) {cursor: pointer !important;} #lbEnlarge, #lbCloseLink {cursor: pointer;display: block;float: right;padding-right: 7px;outline: none;} #lbCenter, #lbBottomContainer {background-color: #fff;overflow: hidden;position: absolute;z-index: 400;} #lbCenter > .icon-spinner {left: 50%;margin: -21px 0 0 -21px;position: absolute;top: 50%;} -.lbLoading {background: #fff url(../icon/spinner.svg) no-repeat center;background-size: 48px;} +.lbLoading {background: #fff url(../../icon/spinner.svg) no-repeat center;background-size: 48px;} #lbImage {background-repeat: no-repeat;background-size: cover;border: 10px solid #fff;left: 0;position: absolute;top: 0;} #lbImage:hover #lbNextLink > span, #lbImage:hover #lbPrevLink > span {display: block;} #lbBottom {border: 10px solid #fff;border-top-style: none;color: #666;} #lbCaption, #lbNumber {margin-right: 71px;} #lbCaption {font-weight: bold;} +.wcfImageViewer {background-color: #000000;bottom: 0;display: none;left: 0;opacity: 0;position: fixed;right: 0;top: 0;z-index: 399;} +.wcfImageViewer .icon {color: #666666;text-shadow: 0 1px 0 rgba(255,255,255,0.8);} +.wcfImageViewer.open {display: block;opacity: 1;} +.wcfImageViewer.maximized:not(.wcfImageViewerMobile) > header {top: -100px;} +.wcfImageViewer.maximized:not(.wcfImageViewerMobile) > div {bottom: 0;border-color: rgba(51,51,51,0);top: 0;} +.wcfImageViewer.maximized:not(.wcfImageViewerMobile) > footer {bottom: -100px;} +.wcfImageViewer.wcfImageViewerStatic > header > div > h1, .wcfImageViewer.wcfImageViewerStatic > header > div > h2, .wcfImageViewer.wcfImageViewerStatic > header > div > h3 {margin-left: 0 !important;} +.wcfImageViewer.wcfImageViewerMobile > header, .wcfImageViewer.wcfImageViewerMobile > footer {background-color: #000000;opacity: 1;position: absolute;visibility: visible;z-index: 402;} +.wcfImageViewer.wcfImageViewerMobile.maximized > header, .wcfImageViewer.wcfImageViewerMobile.maximized > footer {opacity: 0;visibility: hidden;transition: visibility 0s linear .5s, opacity .5s linear;} +.wcfImageViewer.wcfImageViewerMobile.maximized > div > ul > li.pointer {opacity: 0;} +.wcfImageViewer.wcfImageViewerMobile > div {bottom: 0;top: 0;} +.wcfImageViewer.wcfImageViewerMobile > div > ul > li {background-color: #e0e0e0;border-radius: 30px;margin-top: -24px;opacity: 0;position: absolute;top: 50%;-webkit-transition-property: opacity;transition-property: opacity;-webkit-transition-duration: .3s;transition-duration: .3s;-webkit-transition-timing-function: linear;transition-timing-function: linear;} +.wcfImageViewer.wcfImageViewerMobile > div > ul > li.pointer {opacity: 1;} +.wcfImageViewer.wcfImageViewerMobile > div > ul > li.wcfImageViewerSlideshowButtonPrevious {left: 10px;} +.wcfImageViewer.wcfImageViewerMobile > div > ul > li.wcfImageViewerSlideshowButtonPrevious > span {left: -3px;position: relative;top: 2px;} +.wcfImageViewer.wcfImageViewerMobile > div > ul > li.wcfImageViewerSlideshowButtonNext {right: 10px;} +.wcfImageViewer.wcfImageViewerMobile > div > ul > li.wcfImageViewerSlideshowButtonNext > span {position: relative;right: -1px;top: 2px;} +.wcfImageViewer.wcfImageViewerMobile > div > ul > li.wcfImageViewerSlideshowButtonFull {bottom: 80px;left: 50%;top: auto;transform: translateX(-50%);-ms-transform: translateX(-50%);-webkit-transform: translateX(-50%);} +.wcfImageViewer.wcfImageViewerMobile > div > ul > li.wcfImageViewerSlideshowButtonFull > span {font-size: 32px;left: 2px;position: relative;top: 10px;} +.wcfImageViewer.wcfImageViewerMobile > div > ul > li.wcfImageViewerSlideshowButtonToggle, .wcfImageViewer.wcfImageViewerMobile > div > ul > li.wcfImageViewerSlideshowButtonEnlarge {display: none;} +.wcfImageViewer.wcfImageViewerMobile > footer > .wcfImageViewerButtonPrevious, .wcfImageViewer.wcfImageViewerMobile > footer > .wcfImageViewerButtonNext {display: none;} +.wcfImageViewer.wcfImageViewerMobile > footer > div {margin: 0;} +.wcfImageViewer > header, .wcfImageViewer > div, .wcfImageViewer > footer {box-sizing: border-box;-moz-box-sizing: border-box;left: 0;position: fixed;right: 0;z-index: 400;} +.wcfImageViewer > header {height: 100px;overflow: hidden;padding: 1rem;top: 0;} +.wcfImageViewer > header > div > h1, .wcfImageViewer > header > div > h2, .wcfImageViewer > header > div > h3 {color: #d3d3d3;margin-left: 80px !important;} +.wcfImageViewer > header > div > h1 > a, .wcfImageViewer > header > div > h2 > a, .wcfImageViewer > header > div > h3 > a {color: #d3d3d3;} +.wcfImageViewer > header > div > h1 {font-size: 1.75rem;} +.wcfImageViewer > header > div > h2 {font-size: 1.25rem;} +.wcfImageViewer > header > div > h3 {color: #d3d3d3;font-size: .85rem;margin-top: .25rem;} +.wcfImageViewer > header > div > a > img {height: 64px;width: 64px;} +.wcfImageViewer > header > .wcfImageViewerButtonClose {opacity: .6;position: absolute;right: 26px;top: 26px;-webkit-transition-property: opacity;transition-property: opacity;-webkit-transition-duration: .3s;transition-duration: .3s;-webkit-transition-timing-function: linear;transition-timing-function: linear;} +.wcfImageViewer > header > .wcfImageViewerButtonClose:hover {opacity: 1;} +.wcfImageViewer > div {background-color: #000000;border-bottom: 1px solid #333333;border-top: 1px solid #333333;bottom: 100px;top: 100px;z-index: 401;-webkit-transition-property: top, bottom, border-color;transition-property: top, bottom, border-color;-webkit-transition-duration: .3s;transition-duration: .3s;-webkit-transition-timing-function: linear;transition-timing-function: linear;} +.wcfImageViewer > div.loading:before {content: "\f110";margin: -24px 0 0 -24px;left: 50%;position: absolute;top: 50%;color: #666666;display: inline-block;font-family: FontAwesome;font-weight: normal !important;font-style: normal !important;line-height: 1em;text-align: center;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;text-shadow: 0 1px 0 rgba(255,255,255,0.8);font-size: 42px;height: 48px;width: 48px;height: auto;-moz-animation: spin 2s infinite linear;-o-animation: spin 2s infinite linear;-webkit-animation: spin 2s infinite linear;animation: spin 2s infinite linear;} +.wcfImageViewer > div > img {opacity: 0;position: absolute;top: 50%;-webkit-transition-property: opacity;transition-property: opacity;-webkit-transition-duration: .75s;transition-duration: .75s;-webkit-transition-timing-function: linear;transition-timing-function: linear;} +.wcfImageViewer > div > img.animateTransformation {transition: left .3s, margin-top .3s, height .3s, width .3s, opacity .75s;-webkit-transition: left .3s, margin-top .3s, height .3s, width .3s, opacity .75s;} +.wcfImageViewer > div > img.active {opacity: 1;} +.wcfImageViewer:not(.wcfImageViewerMobile) > header {-webkit-transition-property: top;transition-property: top;-webkit-transition-duration: .3s;transition-duration: .3s;-webkit-transition-timing-function: linear;transition-timing-function: linear;} +.wcfImageViewer:not(.wcfImageViewerMobile) > footer {-webkit-transition-property: bottom;transition-property: bottom;-webkit-transition-duration: .3s;transition-duration: .3s;-webkit-transition-timing-function: linear;transition-timing-function: linear;} +.wcfImageViewer:not(.wcfImageViewerMobile) > div {cursor: pointer;} +.wcfImageViewer:not(.wcfImageViewerMobile) > div > img, .wcfImageViewer:not(.wcfImageViewerMobile) > div > ul {cursor: default;} +.wcfImageViewer:not(.wcfImageViewerMobile) > div > ul {background-color: #000000;border: 1px solid #333333;border-bottom-width: 0;border-radius: 5px 5px 0 0;bottom: 0;display: inline-block;left: 50%;margin-left: -122px;opacity: .4;position: absolute;-webkit-transition-property: opacity;transition-property: opacity;-webkit-transition-duration: .5s;transition-duration: .5s;-webkit-transition-timing-function: linear;transition-timing-function: linear;} +.wcfImageViewer:not(.wcfImageViewerMobile) > div > ul:hover {opacity: 1;} +.wcfImageViewer:not(.wcfImageViewerMobile) > div > ul > li {display: inline-block;opacity: .6;-webkit-transition-property: opacity;transition-property: opacity;-webkit-transition-duration: .5s;transition-duration: .5s;-webkit-transition-timing-function: linear;transition-timing-function: linear;} +.wcfImageViewer:not(.wcfImageViewerMobile) > div > ul > li.pointer > span.icon {cursor: pointer;} +.wcfImageViewer:not(.wcfImageViewerMobile) > div > ul > li.active, .wcfImageViewer:not(.wcfImageViewerMobile) > div > ul > li.pointer:hover {opacity: 1;} +.wcfImageViewer:not(.wcfImageViewerMobile) > div > ul > li.wcfImageViewerSlideshowButtonToggle > span, .wcfImageViewer:not(.wcfImageViewerMobile) > div > ul > li.wcfImageViewerSlideshowButtonEnlarge > span, .wcfImageViewer:not(.wcfImageViewerMobile) > div > ul > li.wcfImageViewerSlideshowButtonFull > span {font-size: 28px;} +.wcfImageViewer:not(.wcfImageViewerMobile) > div > ul > li.wcfImageViewerSlideshowButtonToggle > span:before, .wcfImageViewer:not(.wcfImageViewerMobile) > div > ul > li.wcfImageViewerSlideshowButtonEnlarge > span:before, .wcfImageViewer:not(.wcfImageViewerMobile) > div > ul > li.wcfImageViewerSlideshowButtonFull > span:before {left: 2px;position: relative;top: 9px;} +.wcfImageViewer:not(.wcfImageViewerMobile) > div > ul > li.wcfImageViewerSlideshowButtonEnlarge, .wcfImageViewer:not(.wcfImageViewerMobile) > div > ul > li.wcfImageViewerSlideshowButtonFull {border-left: 1px solid #333333;box-sizing: border-box;} +.wcfImageViewer:not(.wcfImageViewerMobile) > div > ul > li > span {vertical-align: middle;} +.wcfImageViewer > footer {bottom: 0;height: 100px;padding: 10px;} +.wcfImageViewer > footer:hover > div > ul > li > img {filter: none;-webkit-filter: none;} +.wcfImageViewer > footer > span {bottom: 0;font-size: 48px;padding-top: 26px;opacity: 0;position: absolute;top: 0;width: 30px;z-index: 2;-webkit-transition-property: opacity;transition-property: opacity;-webkit-transition-duration: .5s;transition-duration: .5s;-webkit-transition-timing-function: linear;transition-timing-function: linear;} +.wcfImageViewer > footer > span.pointer {opacity: .6;} +.wcfImageViewer > footer > span.pointer:hover {opacity: 1;} +.wcfImageViewer > footer > span.wcfImageViewerButtonPrevious {left: 5px;} +.wcfImageViewer > footer > span.wcfImageViewerButtonNext {right: 5px;} +.wcfImageViewer > footer > div {height: 80px;margin: 0 35px;overflow: hidden;white-space: nowrap;} +.wcfImageViewer > footer > div > ul {font-size: 0;height: 80px;z-index: 1;transition: margin-left cubic-bezier(.5,1.595,.56,.98) .75s;-webkit-transition: margin-left cubic-bezier(.5,1.595,.56,.98) .75s;} +.wcfImageViewer > footer > div > ul > li {display: inline-block;height: 80px;opacity: .6;position: relative;width: 80px;-webkit-transition-property: opacity;transition-property: opacity;-webkit-transition-duration: .5s;transition-duration: .5s;-webkit-transition-timing-function: linear;transition-timing-function: linear;} +.wcfImageViewer > footer > div > ul > li.active, .wcfImageViewer > footer > div > ul > li:hover {opacity: 1;} +.wcfImageViewer > footer > div > ul > li:not(:last-child) {margin-right: 10px;} +.wcfImageViewer > footer > div > ul > li.active > img {filter: none;-webkit-filter: none;} +.wcfImageViewer > footer > div > ul > li.loading:before {content: "\f110";margin: -16px 0 0 -16px;left: 50%;position: absolute;top: 50%;z-index: -1;color: #666666;display: inline-block;font-family: FontAwesome;font-weight: normal !important;font-style: normal !important;line-height: 1em;text-align: center;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;text-shadow: 0 1px 0 rgba(255,255,255,0.8);font-size: 28px;height: 32px;width: 32px;vertical-align: -5px;height: auto;-moz-animation: spin 2s infinite linear;-o-animation: spin 2s infinite linear;-webkit-animation: spin 2s infinite linear;animation: spin 2s infinite linear;} +.wcfImageViewer > footer > div > ul > li.loading > img {opacity: 0;} +.wcfImageViewer > footer > div > ul > li > img {height: 80px;opacity: 1;width: 80px;filter: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cfilter%20id%3D%22grayscale%22%3E%3CfeColorMatrix%20type%3D%22matrix%22%20values%3D%220.3333%200.3333%200.3333%200%200%200.3333%200.3333%200.3333%200%200%200.3333%200.3333%200.3333%200%200%200%200%200%201%200%22%2F%3E%3C%2Ffilter%3E%3C%2Fsvg%3E#grayscale);filter: gray;-webkit-filter: grayscale(1);transition: filter .5s, opacity 1s;-webkit-transition: -webkit-filter .5s, opacity 1s;} +@media only screen and (max-width: 800px) { +.wcfImageViewer > header {height: 80px;} +.wcfImageViewer > header > .wcfImageViewerButtonClose {right: 16px;top: 16px;} +.wcfImageViewer > footer {height: 80px;} +.wcfImageViewer > footer > div {height: 60px;} +.wcfImageViewer > footer > div > ul {height: 60px;} +.wcfImageViewer > footer > div > ul > li {height: 60px;} +} .labelList {font-size: 0;margin-bottom: -4px;} .labelList > li {display: inline-block;margin-bottom: 4px;} .labelList > li:not(:last-child) {margin-right: 4px;} .boxHeadline.labeledHeadline {font-size: 0;} -.boxHeadline.labeledHeadline > h1 {display: inline-block;margin-right: 7px;} .boxHeadline.labeledHeadline > ul {display: inline-block;font-size: 1rem;} .boxHeadline.labeledHeadline > ul:not(:empty) {margin-right: 7px;} .boxHeadline.labeledHeadline > ul.statusIcons > li {display: inline-block;} .boxHeadline.labeledHeadline > ul.labelList {position: relative;top: -4px;} -#labelList:before, #labelList:after {display: table;content: "";} -#labelList:after {clear: both;} +.boxHeadline.labeledHeadline > h1, .boxSubHeadline.labeledHeadline > h2 {display: inline-block;margin-right: 7px;} +#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;} @@ -924,9 +1299,11 @@ body {min-width: 980px;} #pageHeader {margin-top: 48px;} } #top {display: block;height: 1px;visibility: hidden;} -.userPanel {background-color: rgba(0,0,0,0.5);height: 40px;left: 0;position: absolute;top: 0;right: 0;z-index: 200;} +.userPanel {background-color: rgba(0,0,0,0.5);height: 40px;left: 0;overflow: hidden;position: absolute;top: 0;right: 0;z-index: 200;} .userPanel .icon {color: #ffffff;text-shadow: 0 -1px 0 rgba(0,0,0,0.8);} .userPanel > div {position: relative;} +.userPanel > div > ul.userPanelItems::before, .userPanel > div > ul.userPanelItems::after {display: table;content: "";} +.userPanel > div > ul.userPanelItems::after {clear: both;} .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;} .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;} @@ -934,8 +1311,8 @@ body {min-width: 980px;} .userPanel > div > ul.userPanelItems > li > a > img, .userPanel > div > ul.userPanelItems > li > div:not(.dropdownMenu) > img {position: relative;top: -2px;} .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.loading:before {content: "\f110";-moz-animation: spin 2s infinite linear;-o-animation: spin 2s infinite linear;-webkit-animation: spin 2s infinite linear;animation: spin 2s infinite linear;} +.userPanel > div > .searchBar::before {content: "\f002";color: #ffffff;font-family: FontAwesome;font-size: 14px;left: 7px;position: absolute;top: 12px;} +.userPanel > div > .searchBar.loading::before {content: "\f110";-moz-animation: spin 2s infinite linear;-o-animation: spin 2s infinite linear;-webkit-animation: spin 2s infinite linear;animation: spin 2s infinite linear;} .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;} @@ -944,19 +1321,19 @@ body {min-width: 980px;} .userPanel > div > .searchBar > form input[type="search"]:-ms-input-placeholder {color: #cccccc;} .userPanel > div > .searchBar .dropdownMenu li > span {max-width: 210px;overflow: hidden;text-overflow: ellipsis;} @media only screen and (max-width: 800px) { -.userPanel {height: auto;} +.userPanel {height: 41px;} .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 > 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::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.searchBarOpen {width: 100%;} .userPanel > div > .searchBar.searchBarOpen > form {display: block;} -.userPanel > div > .searchBar:before {top: 8px;} +.userPanel > div > .searchBar::before {top: 8px;} } .logo {margin-bottom: 21px;margin-top: 14px;} .logo a {display: block;} @@ -977,9 +1354,9 @@ body {min-width: 980px;} .mainMenu {font-size: 0;white-space: nowrap;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;} .mainMenu > ul {background-color: #f1f5fa;display: inline-block;} .mainMenu > ul > li {display: inline-block;font-size: 1.2rem;vertical-align: middle;} -.mainMenu > ul > li > a {color: #666666;display: inline-block;padding: 4px 9px;text-shadow: 0 1px 0 rgba(255,255,255,0.8);} +.mainMenu > ul > li > a {color: #488ed4;display: inline-block;padding: 4px 9px;text-shadow: 0 1px 0 rgba(255,255,255,0.8);} .mainMenu > ul > li > a:hover {color: #336699;text-decoration: none;} -.mainMenu > ul > li > a > span {color: #666666;text-shadow: 0 1px 0 rgba(255,255,255,0.8);} +.mainMenu > ul > li > a > span {color: #488ed4;text-shadow: 0 1px 0 rgba(255,255,255,0.8);} .mainMenu > ul > li > a > span:hover {text-decoration: none;} .mainMenu > ul > li.active > a, .mainMenu > ul > li.active > a:hover {background-color: #e4eef8;color: #336699;font-weight: bold;text-align: center;text-shadow: 0 1px 0 rgba(255,255,255,0.8);} .mainMenu > ul > li:not(:last-child) > a {border-right: 1px solid #cccccc;} @@ -1006,6 +1383,7 @@ body {min-width: 980px;} .navigation > ul.navigationItems > li > a, .navigation > ul.navigationMenuItems > li > a {color: #336699;} .navigation > ul.navigationItems > li > a:hover, .navigation > ul.navigationMenuItems > li > a:hover {color: #003366;text-decoration: none;} .navigation > ul.navigationItems .icon, .navigation > ul.navigationMenuItems .icon, .navigation > ul.navigationIcons .icon {color: #336699;} +.navigation > ul.navigationMenuItems {float: left;} .navigation > ul.navigationMenuItems > li {display: inline-block;} .navigation > ul.navigationMenuItems > li > .badge {top: -2px;} @media only screen and (max-width: 800px) { @@ -1014,12 +1392,12 @@ body {min-width: 980px;} .navigation.navigationFooter > ul.navigationMenuItems > li {margin: 4px 7px 4px 0;} } .navigationHeader {overflow: hidden;background-color: #e4eef8;border-bottom: 1px solid #cccccc;border-top: 1px solid #cccccc;} -.navigationHeader:before, .navigationHeader:after {display: table;content: "";} -.navigationHeader:after {clear: both;} +.navigationHeader::before, .navigationHeader::after {display: table;content: "";} +.navigationHeader::after {clear: both;} .navigationHeader > ul.navigationMenuItems {white-space: nowrap;} .navigationFooter {background-color: #e4eef8;border-top: 1px solid #cccccc;} -.navigationFooter:before, .navigationFooter:after {display: table;content: "";} -.navigationFooter:after {clear: both;} +.navigationFooter::before, .navigationFooter::after {display: table;content: "";} +.navigationFooter::after {clear: both;} @media only screen and (max-width: 800px) { .navigationHeader {min-height: 4px;} } @@ -1039,13 +1417,10 @@ body {min-width: 980px;} #main > div > 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 > div > .sidebar > span {position: relative;} #main > div > 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;} -#main > div > 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);} +#main > div > 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);} #main > div > 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;} #main > div > div > .content {background-color: #ffffff;min-height: 100px;padding: 7px 38px 21px;z-index: 130;} #main:not(.sidebarOrientationLeft):not(.sidebarOrientationRight) .sidebar {display: none;} -#main.sidebarOrientationRight.sidebarCollapsed > div > div > .sidebar {width: 20px;} -#main.sidebarOrientationRight.sidebarCollapsed > div > div > .sidebar > span > .collapsibleButton:before {content: "\f053";} -#main.sidebarOrientationRight.sidebarCollapsed > div > div > .sidebar > div {width: 0;} @media only screen and (max-width: 800px) { #main {position: relative;} #main > div > div > .sidebar, #main > div > div > .content {width: 100%;} @@ -1069,6 +1444,13 @@ body {min-width: 980px;} @media only screen and (min-width: 801px) and (max-width: 1239px) { #main > div > .content {padding-left: 28px;padding-right: 28px;} } +@media only screen and (min-width: 801px) { +#main.sidebarOrientationRight.sidebarCollapsed > div > div > .sidebar {width: 20px;} +#main.sidebarOrientationRight.sidebarCollapsed > div > div > .sidebar > span > .collapsibleButton::before {content: "\f053";} +#main.sidebarOrientationRight.sidebarCollapsed > div > div > .sidebar > div {width: 0;} +} +html[dir="rtl"] #main.sidebarOrientationRight > div > div > .sidebar > span > .collapsibleButton::before {content: "\f053";} +html[dir="rtl"] #main.sidebarOrientationRight.sidebarCollapsed > div > div > .sidebar > span > .collapsibleButton::before {content: "\f054";} .boxHeadline {margin-top: 14px;overflow: hidden;} .boxHeadline h1 {font-size: 1.7rem;} .boxHeadline > p {color: #808080;font-size: .85rem;} @@ -1085,13 +1467,14 @@ body {min-width: 980px;} .contentNavigation {display: table;width: 100%;} .contentNavigation > * {margin-top: 14px;} .contentNavigation > nav.pageNavigation > ul {float: left;} -.contentNavigation > nav:not(.pageNavigation) > ul {margin-right: 2px;float: right;font-size: 0;margin-bottom: -7px;} -.contentNavigation > nav:not(.pageNavigation) > ul > li {display: inline-block;font-size: 1rem;margin-bottom: 7px;} -.contentNavigation > nav:not(.pageNavigation) > ul > li:not(:last-child) {margin-right: 8px;} -.contentNavigation > nav:not(.pageNavigation) > ul > li .button {margin-left: 0;margin-right: 0;} -.contentNavigation > nav:not(.pageNavigation) > ul.smallButtons > li:not(:last-child) {margin-right: 4px;} -.contentNavigation > nav:not(.pageNavigation) > ul.iconList > li:not(:last-child) {margin-right: 2px;} -.contentNavigation > nav:not(.pageNavigation) + nav.jsClipboardEditor > ul {margin-right: 8px;} +.contentNavigation > nav:not(.pageNavigation) > ul:not(.buttonGroup) {margin-right: 2px;float: right;font-size: 0;margin-bottom: -7px;} +.contentNavigation > nav:not(.pageNavigation) > ul:not(.buttonGroup) > li {display: inline-block;font-size: 1rem;margin-bottom: 7px;} +.contentNavigation > nav:not(.pageNavigation) > ul:not(.buttonGroup) > li:not(:first-child) {margin-left: 8px;} +.contentNavigation > nav:not(.pageNavigation) > ul:not(.buttonGroup) > li .button {margin-left: 0;margin-right: 0;} +.contentNavigation > nav:not(.pageNavigation) > ul:not(.buttonGroup).smallButtons > li:not(:last-child) {margin-right: 4px;} +.contentNavigation > nav:not(.pageNavigation) > ul:not(.buttonGroup).iconList > li:not(:last-child) {margin-right: 2px;} +.contentNavigation > nav:not(.pageNavigation) > ul.buttonGroup {float: right;} +.contentNavigation > nav:not(.pageNavigation) + nav.jsClipboardEditor > ul, .contentNavigation > nav:not(.pageNavigation) + nav > ul.buttonGroup {margin-right: 8px;} @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;} } @@ -1117,10 +1500,14 @@ body {min-width: 980px;} .containerList > li:hover {background-color: #d8e7f5;} .containerList > li:hover > div > div > .buttonGroupNavigation > .buttonList {opacity: 1;} .containerList > li:hover > div > div > .containerHeadline > .containerContentType {color: #808080;} +.containerList > li.showMore {text-align: center;} +.containerList > li.showMore > button {padding-left: 30px;padding-right: 30px;} +.containerList > li.showMore > small {color: #808080;} .containerList > li > div > div {position: relative;} -.containerList > li > div > div > .buttonGroupNavigation {position: absolute;right: 0;top: 0;} +.containerList > li > div > div > .buttonGroupNavigation {margin-top: 0;position: absolute;right: 0;top: 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;} .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;} +.containerList > li > div > div > .containerHeadline .newContentBadge {color: #ffffff;text-transform: uppercase;text-shadow: 0 -1px 0 rgba(0,0,0,0.8);background-color: #264d73;background-image: -webkit-linear-gradient(#336699,#264d73);background-image: linear-gradient(#336699,#264d73);} .containerList > * > li {padding: 14px 21px;} .containerList.styleList > li > div.box64 > span {text-align: center;width: 110px;} .containerList.styleList > li > div.box64 > div {margin-left: 115px;} @@ -1141,20 +1528,31 @@ body {min-width: 980px;} .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;} +.containerList.doubleColumned::after {content: "";display: table;clear: left;} } .nestedCategoryList > li {margin-top: 14px;overflow: hidden;} .nestedCategoryList > li:first-child {margin-top: 0;} .nestedCategoryList > li > div {padding: 0 14px;} .nestedCategoryList > li > div > ol {margin-top: 0;} .nestedCategoryList > li > div > ol > li {display: inline-block;font-size: .85rem;} +.flexibleCategoryList {position: relative;} +.flexibleCategoryList > li {margin-bottom: 14px;} +.flexibleCategoryList > li > ol {margin-left: 21px;} +.flexibleCategoryList > li > ol > li > ol {margin-bottom: 7px;margin-left: 21px;} +.flexibleCategoryList > li > ol > li > ol > li {font-size: .85rem;} @media all and (min-width: 801px) { .nestedCategoryList.doubleColumned > li {float: left;width: 50%;} .nestedCategoryList.doubleColumned > li:nth-child(odd):not(:first-child) {clear: left;} .nestedCategoryList.doubleColumned > li:nth-child(2) {margin-top: 0;} -.nestedCategoryList.doubleColumned:after {content: "";display: table;clear: left;} +.nestedCategoryList.doubleColumned::after {content: "";display: table;clear: left;} +.flexibleCategoryList:not(.flexibleCategoryListDisabled) {-webkit-column-count: 2;-moz-column-count: 2;column-count: 2;} +.flexibleCategoryList:not(.flexibleCategoryListDisabled) > li {-webkit-column-break-inside: avoid;break-inside: avoid;} +.flexibleCategoryList:not(.flexibleCategoryListDisabled) > li > ol > li > ol {font-size: 0;} +.flexibleCategoryList:not(.flexibleCategoryListDisabled) > li > ol > li > ol > li {display: inline-block;} +@-moz-document url-prefix() {.flexibleCategoryList:not(.flexibleCategoryListDisabled) > li {display: block;overflow: hidden;} +} } -.sidebarNestedCategoryList > li > ol {margin-left: 14px;} +.sidebarNestedCategoryList ol {margin-left: 14px;} .sidebarNestedCategoryList li {margin: 6px 0;position: relative;} .sidebarNestedCategoryList li > span {position: absolute;right: 0;top: 2px;} .sidebarNestedCategoryList li > a {display: block;overflow: hidden;padding-right: 45px;text-overflow: ellipsis;} @@ -1163,8 +1561,8 @@ body {min-width: 980px;} .containerBoxList > li {margin-bottom: 7px;} .containerBoxList > li > div {overflow: hidden;white-space: nowrap;word-wrap: normal;} @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::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%;} @@ -1205,8 +1603,10 @@ body {min-width: 980px;} .box256 > *:not(:first-child) {margin-left: 277px;} .box256 > .framed ~ * {margin-left: 281px;} .breadcrumbs {box-sizing: border-box;overflow: hidden;position: relative;text-align: left;} +.breadcrumbs > ul::before, .breadcrumbs > ul::after {display: table;content: "";} +.breadcrumbs > ul::after {clear: both;} .breadcrumbs > ul > li {float: left;font-size: .85rem;list-style: none;max-width: 30%;padding-right: 10px;position: relative;} -.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;} +.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;} .breadcrumbs > ul > li > a {color: #666666;display: block;overflow: hidden;padding: 5px 1px 5px 5px;text-decoration: none;text-overflow: ellipsis;white-space: nowrap;word-wrap: normal;text-shadow: 0 1px 0 rgba(255,255,255,0.8);} .breadcrumbs > ul > li > .pointer {padding: 5px 0;position: absolute;top: 0;right: 0;} @media only screen and (max-width: 800px) { @@ -1214,9 +1614,9 @@ body {min-width: 980px;} .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: "\f062";font-family: FontAwesome;font-size: 14px;padding-right: 7px;} +.content > .breadcrumbs > ul > li > a::before {content: "\f062";font-family: FontAwesome;font-size: 14px;padding-right: 7px;} .content > .breadcrumbs > ul > li > .pointer {display: none;} -.content > .breadcrumbs:not(:first-child) {display: none;} +.content > .breadcrumbs ~ .breadcrumbs {display: none;} } @media only screen and (min-width: 641px) and (max-width: 800px) { .content > .breadcrumbs {margin-left: 14px;margin-right: 14px;} @@ -1274,7 +1674,7 @@ body {min-width: 980px;} .tabularBoxTitle > header {padding-left: 14px;padding-right: 14px;} } .table, .cke_wysiwyg_div table {border-spacing: 0;width: 100%;} -.table th, .table td, .cke_wysiwyg_div table th, .cke_wysiwyg_div table td {padding: 7px;text-align: left;vertical-align: middle;} +.table th, .table td, .cke_wysiwyg_div table th, .cke_wysiwyg_div table td {padding: 7px;text-align: left;vertical-align: middle;word-break: break-word;} .table th > label, .table td > label, .cke_wysiwyg_div table th > label, .cke_wysiwyg_div table td > label {cursor: pointer;display: block;margin: -7px;padding: 7px;} .table th > label > input[type="checkbox"], .table td > label > input[type="checkbox"], .cke_wysiwyg_div table th > label > input[type="checkbox"], .cke_wysiwyg_div table td > label > input[type="checkbox"] {margin: -1px 3px 0;} .table th, .cke_wysiwyg_div table th {border-right: 1px solid rgba(0,0,0,0.2);color: #ffffff;font-size: .85rem;font-weight: bold;white-space: nowrap;word-wrap: normal;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: linear-gradient(rgba(0,0,0,0),rgba(0,0,0,0.3));} @@ -1283,9 +1683,9 @@ body {min-width: 980px;} .table th > a > img, .cke_wysiwyg_div table th > a > img {margin: -5px 0;} .table th.active > a, .cke_wysiwyg_div 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);} .table th.ASC > a, .table th.DESC > a, .cke_wysiwyg_div table th.ASC > a, .cke_wysiwyg_div table th.DESC > a {padding-right: 20px;} -.table th.ASC > a:after, .table th.DESC > a:after, .cke_wysiwyg_div table th.ASC > a:after, .cke_wysiwyg_div 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);} -.table th.ASC > a:after, .cke_wysiwyg_div table th.ASC > a:after {content: "\f0de";top: 8px;} -.table th.DESC > a:after, .cke_wysiwyg_div table th.DESC > a:after {content: "\f0dd";top: 3px;} +.table th.ASC > a::after, .table th.DESC > a::after, .cke_wysiwyg_div table th.ASC > a::after, .cke_wysiwyg_div 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);} +.table th.ASC > a::after, .cke_wysiwyg_div table th.ASC > a::after {content: "\f0de";top: 8px;} +.table th.DESC > a::after, .cke_wysiwyg_div table th.DESC > a::after {content: "\f0dd";top: 3px;} .table th:hover > a, .cke_wysiwyg_div table th:hover > a {background-color: rgba(0,0,0,0.2);color: #ffffff;} .table th > *, .cke_wysiwyg_div table th > * {padding: 7px;} .table td, .cke_wysiwyg_div 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;} @@ -1294,7 +1694,7 @@ body {min-width: 980px;} .table td.columnIcon, .cke_wysiwyg_div table td.columnIcon {text-align: left;width: 1px;white-space: nowrap;word-wrap: normal;} .table td.columnTitle, .cke_wysiwyg_div table td.columnTitle {font-weight: bold;text-align: left;} .table td.columnText, .cke_wysiwyg_div table td.columnText {font-weight: normal;text-align: left;max-width: 20%;} -.table td.columnDate, .table td.columnRegistrationDate, .cke_wysiwyg_div table td.columnDate, .cke_wysiwyg_div table td.columnRegistrationDate {font-size: .85rem;text-align: right;width: 1px;white-space: nowrap;word-wrap: normal;} +.table td.columnDate, .cke_wysiwyg_div table td.columnDate {font-size: .85rem;text-align: right;width: 1px;white-space: nowrap;word-wrap: normal;} .table td.columnURL, .table td.columnSmallText, .cke_wysiwyg_div table td.columnURL, .cke_wysiwyg_div table td.columnSmallText {font-size: .85rem;text-align: left;} .table > tbody > tr:nth-child(even) > td, .cke_wysiwyg_div table > tbody > tr:nth-child(even) > td {background-color: #f1f5fa;} .table > tbody > tr:not(:last-child) > td, .cke_wysiwyg_div table > tbody > tr:not(:last-child) > td {border-bottom: 1px solid rgba(255,255,255,0.3);} @@ -1322,15 +1722,19 @@ dl.statsDataList > dt > a {text-decoration: none;} dl.statsDataList > dt:not(:first-child) {clear: both;} 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%;word-wrap: normal;} dl.statsDataList > dd > a {text-decoration: none;} -dl.statsDataList:after {display: table;content: "";clear: both;} +dl.statsDataList::after {display: table;content: "";clear: both;} dl.inlineDataList {overflow: hidden;} dl.inlineDataList > dd {display: inline-block;margin: 0 4px 0 0;padding: 0;} dl.inlineDataList > dt {color: #808080;display: inline-block;margin: 0;text-align: left;width: auto;} -dl.inlineDataList > dt:after {content: ":";} -dl.dataList dt {float: left;overflow: hidden;text-align: right;text-overflow: ellipsis;white-space: nowrap;width: 35%;word-wrap: normal;} -dl.dataList dd {text-align: left;margin-left: 38%;} +dl.inlineDataList > dt::after {content: ":";} +dl.dataList::before, dl.dataList::after {display: table;content: "";} +dl.dataList::after {clear: both;} +dl.dataList dt {color: #808080;clear: right;float: left;margin-right: 4px;text-align: left;} +dl.dataList dt::after {content: ":";} +dl.dataList dd {float: right;text-align: right;} +dl.dataList dd:not(:last-child) {margin-bottom: 3px;} ul.inlineDataList li, ul.dataList li {display: inline-block;} -ul.inlineDataList li:not(:last-child):after, ul.dataList li:not(:last-child):after {content: ",";} +ul.inlineDataList li:not(:last-child)::after, ul.dataList li:not(:last-child)::after {content: ",";} ul.inlineDataList {display: inline-block;} .contentNavigation .pageNavigation {float: left;margin: 19px 0 3px;} .contentNavigation .pageNavigation ul li {margin: 0 2px;} @@ -1361,7 +1765,7 @@ ul.inlineDataList {display: inline-block;} .sidebar fieldset > legend > .badge {float: right;} .sidebar fieldset > legend > a {color: #666666;text-decoration: none;} .sidebar fieldset > legend.invisible + div {margin-top: -7px;} -.sidebar fieldset:after {content: "";height: 0;display: block;clear: both;} +.sidebar fieldset::after {content: "";height: 0;display: block;clear: both;} .sidebar fieldset .button.more {margin: 5px 0 0;float: right;} .sidebar fieldset > nav {margin: 0 -14px 0;} .sidebar fieldset > nav ul > li.active {background-color: #ffffff;} @@ -1371,29 +1775,57 @@ ul.inlineDataList {display: inline-block;} .sidebar fieldset > nav ul > li > a:hover {text-decoration: none;} .sidebar .sidebarBoxList > li:not(:last-child) {margin-bottom: 7px;} .sidebar .sidebarBoxList {overflow: hidden;} -.sidebar .sidebarBoxHeadline > h3 {margin-bottom: 1px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;word-wrap: normal;text-shadow: 0 1px 0 rgba(255,255,255,0.8);} +.sidebar .sidebarBoxHeadline > h3 {color: #336699;margin-bottom: 1px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;word-wrap: normal;text-shadow: 0 1px 0 rgba(255,255,255,0.8);} .sidebar .sidebarBoxHeadline > h3 a {text-shadow: 0 1px 0 rgba(255,255,255,0.8);} .sidebar .sidebarBoxHeadline > h3 small {text-shadow: none;} .sidebar .formSubmit {margin-bottom: 14px;margin-top: 0;width: 300px;} .sidebar.collapsibleMenu legend {color: #336699;cursor: pointer;font-weight: bold;font-size: 1.3rem;padding-left: 41px;position: relative;margin-left: -14px;text-transform: none;} -.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;} -.sidebar.collapsibleMenu legend.active:before {content: "\f078";} +.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;} +.sidebar.collapsibleMenu legend.active::before {content: "\f078";} .sidebar.collapsibleMenu nav ul > li > a {padding-left: 41px;} +.sidebar dl.dataList {font-size: .85rem;} .sidebar dl.inlineDataList {font-size: .85rem;} .sidebar dl.inlineDataList > dt {float: left;} .sidebar dl.inlineDataList > dd {display: block;padding-right: 14px;text-align: right;} +.sideBySide {display: table;table-layout: fixed;width: 100%;} +.sideBySide > * {display: table-cell;width: 50%;} +.wcfAdLocation {overflow: hidden;} +.wcfAdLocationHeaderContent, .wcfAdLocationFooterContent, .wcfAdLocationFooterBottom {text-align: center;} +.wcfAdLocationHeaderContent > div, .wcfAdLocationFooterContent > div, .wcfAdLocationFooterBottom > div {display: inline-block;text-align: left;} +.wcfAdLocationHeaderContent {margin-top: 7px;} +.wcfAdLocationFooterContent, .wcfAdLocationFooterBottom {margin-top: 14px;} +.wcfAdLocationSidebarTop, .wcfAdLocationSidebarBottom {padding: 0 14px 14px;text-align: center;} +.wcfAdLocationSidebarTop > div, .wcfAdLocationSidebarBottom > div {display: inline-block;text-align: left;} +.wcfAdLocationLogo {float: right;padding: 14px 14px 0 14px;} @media print { * {background-color: transparent !important;background-image: none !important;box-shadow: none !important;color: #000 !important;text-shadow: none !important;} html, body {font-size: 12pt !important;} -.badge:before {content: "[";} -.badge:after {content: "]";} +.badge::before {content: "[";} +.badge::after {content: "]";} .content {padding-left: 0 !important;padding-right: 0 !important;} .logo {margin-top: 14px !important;} -a.externalURL:after {content: " (" attr(href) ")";font-size: .85rem;} +a.externalURL::after {content: " (" attr(href) ")";font-size: .85rem;} .sidebar, .button, .navigationIcons, .navigationMenuItems, .navigationHeader, .userPanel, .styleChooser {display: none !important;} } -.CodeMirror-linenumber {min-width: 30px !important;} -#news-twitter-timeline > iframe {width: 100%;} +.CodeMirror-linenumber {min-width: 32px !important;} +.CodeMirror-lines {line-height: 1.2;} +#news-twitter-timeline > iframe {width: 100% !important;} +.ui-resizable {position: relative;} +.ui-resizable-handle {position: absolute;font-size: 0.1px;z-index: 99999;display: block;} +.ui-resizable-disabled .ui-resizable-handle, .ui-resizable-autohide .ui-resizable-handle {display: none;} +.ui-resizable-n {cursor: n-resize;height: 7px;width: 100%;top: -5px;left: 0px;} +.ui-resizable-s {cursor: s-resize;height: 7px;width: 100%;bottom: -5px;left: 0px;} +.ui-resizable-e {cursor: e-resize;width: 7px;right: -5px;top: 0px;height: 100%;} +.ui-resizable-w {cursor: w-resize;width: 7px;left: -5px;top: 0px;height: 100%;} +.ui-resizable-se {cursor: se-resize;width: 12px;height: 12px;right: 1px;bottom: 1px;} +.ui-resizable-sw {cursor: sw-resize;width: 9px;height: 9px;left: -5px;bottom: -5px;} +.ui-resizable-nw {cursor: nw-resize;width: 9px;height: 9px;left: -5px;top: -5px;} +.ui-resizable-ne {cursor: ne-resize;width: 9px;height: 9px;right: -5px;top: -5px;} +.ps-container:hover > .ps-scrollbar-y-rail > .ps-scrollbar-y {background-color: rgba(102,102,102,0.6);} +.ps-container.ps-active-y > .ps-scrollbar-y-rail {display: block;} +.ps-container > .ps-scrollbar-y-rail {background-color: rgba(102,102,102,0);border-radius: 4px;bottom: 0;display: none;position: absolute;right: 2px;width: 8px;-webkit-transition-property: background-color;transition-property: background-color;-webkit-transition-duration: .3s;transition-duration: .3s;-webkit-transition-timing-function: linear;transition-timing-function: linear;} +.ps-container > .ps-scrollbar-y-rail:hover {background-color: rgba(102,102,102,0.3);} +.ps-container > .ps-scrollbar-y-rail > .ps-scrollbar-y {background-color: rgba(102,102,102,0);border-radius: 4px;position: relative;-webkit-transition-property: background-color;transition-property: background-color;-webkit-transition-duration: .3s;transition-duration: .3s;-webkit-transition-timing-function: linear;transition-timing-function: linear;} .messageGroupList .columnSubject > .labelList {float: right;padding-left: 7px;} .messageGroupList .columnSubject > h3 > .messageGroupLink {font-size: 1.2rem;} .messageGroupList .columnSubject > h3 > .badge.label {top: -2px;} @@ -1410,16 +1842,25 @@ a.externalURL:after {content: " (" attr(href) ")";font-size: .85rem;} .messageGroupList tr.messageDeleted a:not(.badge) {color: #cc0000;} .messageGroupList tr .columnSubject .statusDisplay .pageNavigation {opacity: 0;-webkit-transition-property: opacity;transition-property: opacity;-webkit-transition-duration: .2s;transition-duration: .2s;-webkit-transition-timing-function: linear;transition-timing-function: linear;} .messageGroupList tr:hover .columnSubject .statusDisplay .pageNavigation {opacity: 1;} -.messageGroupList tr.new .columnAvatar > div:after {color: #336699;content: "\f069";font-family: FontAwesome;font-weight: normal !important;font-style: normal !important;font-size: 14px;position: absolute;text-decoration: none !important;top: -4px;right: -2px;text-shadow: 0 1px 0 rgba(255,255,255,0.8);} +.messageGroupList tr.new .columnAvatar > div::after {color: #336699;content: "\f069";font-family: FontAwesome;font-weight: normal !important;font-style: normal !important;font-size: 14px;position: absolute;text-decoration: none !important;top: -4px;right: -2px;text-shadow: 0 1px 0 rgba(255,255,255,0.8);} .messageGroupList .columnAvatar div {position: relative;width: 40px;height: 38px;} .messageGroupList .columnAvatar div > p > img {opacity: .6;-webkit-transition-property: opacity;transition-property: opacity;-webkit-transition-duration: .2s;transition-duration: .2s;-webkit-transition-timing-function: linear;transition-timing-function: linear;} .messageGroupList .columnAvatar .myAvatar {position: absolute;width: 16px;height: 16px;bottom: -2px;left: 24px;opacity: 1;box-shadow: 0 0 3px 0 rgba(0,0,0,0.3);} .messageGroupList .columnLastPost {white-space: nowrap;word-wrap: normal;} .messageGroupList .columnLastPost > div > div > small {color: #808080;} +.messageGroupList .messageGroupInfo {font-size: .85rem;} +.messageGroupList .messageGroupInfo > li {display: inline-block;} +.messageGroupList .messageGroupInfo > li:not(:first-child)::before {content: " - ";} +.messageGroupList .messageGroupInfo.mobileOptimization > li.messageGroupLastPoster, .messageGroupList .messageGroupInfo.mobileOptimization > li.messageGroupLastPostTime {display: none;} +@media only screen and (max-width: 800px) { +.messageGroupList .messageGroupInfo.mobileOptimization > li.messageGroupAuthor, .messageGroupList .messageGroupInfo.mobileOptimization > li.messageGroupTime {display: none;} +.messageGroupList .messageGroupInfo.mobileOptimization > li.messageGroupLastPoster, .messageGroupList .messageGroupInfo.mobileOptimization > li.messageGroupLastPostTime {display: inline-block;} +.messageGroupList .messageGroupInfo.mobileOptimization > li.messageGroupLastPoster::before {display: none;} +} @media only screen and (min-width: 801px) { .messageList .messageGroupStarter {position: relative;} -.messageList .messageGroupStarter > .message:after {content: "\f005";font-family: FontAwesome;font-size: 14px;display: block;left: 4px;position: absolute;top: 2px;text-shadow: 0 1px 0 rgba(255,255,255,0.8);} -.messageList .messageGroupStarter > .message.messageSidebarOrientationRight:after {left: auto;right: 4px;} +.messageList .messageGroupStarter > .message::after {content: "\f005";font-family: FontAwesome;font-size: 14px;display: block;left: 4px;position: absolute;top: 2px;text-shadow: 0 1px 0 rgba(255,255,255,0.8);} +.messageList .messageGroupStarter > .message.messageSidebarOrientationRight::after {left: auto;right: 4px;} } .message {background-color: #d8e7f5;border: 1px solid #cccccc;position: relative;} .message:hover .messageHeader .messageQuickOptions > li {opacity: 1;} @@ -1442,6 +1883,7 @@ a.externalURL:after {content: " (" attr(href) ")";font-size: .85rem;} .message .messageHeader .messageQuickOptions > li {display: inline-block;opacity: .6;-webkit-transition-property: opacity;transition-property: opacity;-webkit-transition-duration: .2s;transition-duration: .2s;-webkit-transition-timing-function: linear;transition-timing-function: linear;} .message .messageHeader .messageQuickOptions > li span.icon {color: #808080;-webkit-transition-property: color;transition-property: color;-webkit-transition-duration: .2s;transition-duration: .2s;-webkit-transition-timing-function: linear;transition-timing-function: linear;} .message .messageHeader .messageQuickOptions > li > a:hover > span.icon {color: #336699;} +.message .messageHeader .messageQuickOptions > li > .badge {top: -2px;} .message .messageHeader .messageQuickOptions input[type=checkbox] {position: relative;top: 1px;} .message .messageHeader .permalink {color: #808080;} .message.dividers .userCredits {border-top: 1px solid #cccccc;} @@ -1453,31 +1895,36 @@ a.externalURL:after {content: " (" attr(href) ")";font-size: .85rem;} .message.messageSidebarOrientationLeft .messageSidebar {float: left;} .message.messageSidebarOrientationRight .messageContent {border-right: 1px solid #cccccc;margin: 0 211px 0 0;} .message.messageSidebarOrientationRight .messageSidebar {float: right;} -.message.messageSidebarOrientationLeft .messageHeader:before, .message.messageSidebarOrientationLeft .messageHeader:after, .message.messageSidebarOrientationRight .messageHeader:before, .message.messageSidebarOrientationRight .messageHeader:after {border-width: 20px;content: "";display: block;height: 0;position: absolute;top: 35px;width: 0;} -.message.messageSidebarOrientationLeft .messageHeader:before, .message.messageSidebarOrientationRight .messageHeader:before {z-index: 100;} -.message.messageSidebarOrientationLeft .messageHeader:after, .message.messageSidebarOrientationRight .messageHeader:after {z-index: 101;} -.message.messageSidebarOrientationLeft .messageHeader:before, .message.messageSidebarOrientationLeft .messageHeader:after {border-style: inset solid inset none;} -.message.messageSidebarOrientationLeft .messageHeader:before {border-color: transparent #cccccc transparent transparent;left: -20px;} -.message.messageSidebarOrientationLeft .messageHeader:after {border-color: transparent #fcfdfe transparent transparent;left: -19px;} -.message.messageSidebarOrientationRight .messageHeader:before, .message.messageSidebarOrientationRight .messageHeader:after {border-style: inset none inset solid;} -.message.messageSidebarOrientationRight .messageHeader:before {border-color: transparent transparent transparent #cccccc;right: -20px;} -.message.messageSidebarOrientationRight .messageHeader:after {border-color: transparent transparent transparent #fcfdfe;right: -19px;} +.message.messageSidebarOrientationLeft .messageHeader::before, .message.messageSidebarOrientationLeft .messageHeader::after, .message.messageSidebarOrientationRight .messageHeader::before, .message.messageSidebarOrientationRight .messageHeader::after {border-width: 20px;content: "";display: block;height: 0;position: absolute;top: 35px;width: 0;} +.message.messageSidebarOrientationLeft .messageHeader::before, .message.messageSidebarOrientationRight .messageHeader::before {z-index: 100;} +.message.messageSidebarOrientationLeft .messageHeader::after, .message.messageSidebarOrientationRight .messageHeader::after {z-index: 101;} +.message.messageSidebarOrientationLeft .messageHeader::before, .message.messageSidebarOrientationLeft .messageHeader::after {border-style: inset solid inset none;} +.message.messageSidebarOrientationLeft .messageHeader::before {border-color: transparent #cccccc transparent transparent;left: -20px;} +.message.messageSidebarOrientationLeft .messageHeader::after {border-color: transparent #fcfdfe transparent transparent;left: -19px;} +.message.messageSidebarOrientationRight .messageHeader::before, .message.messageSidebarOrientationRight .messageHeader::after {border-style: inset none inset solid;} +.message.messageSidebarOrientationRight .messageHeader::before {border-color: transparent transparent transparent #cccccc;right: -20px;} +.message.messageSidebarOrientationRight .messageHeader::after {border-color: transparent transparent transparent #fcfdfe;right: -19px;} .message .newMessageBadge {color: #ffffff;display: block;font-size: .85rem;font-weight: bold;padding: 6px 10px;position: absolute;text-transform: uppercase;top: 24px;box-shadow: 1px 1px 3px 0 rgba(0,0,0,0.2);background-color: #264d73;background-image: -webkit-linear-gradient(#336699,#264d73);background-image: linear-gradient(#336699,#264d73);text-shadow: 0 -1px 0 rgba(0,0,0,0.8);} -.message .newMessageBadge:before {border-bottom: 4px solid #1a334d;content: "";display: block;position: absolute;top: -4px;} +.message .newMessageBadge::before {border-bottom: 4px solid #1a334d;content: "";display: block;position: absolute;top: -4px;} .message.messageSidebarOrientationLeft .newMessageBadge {border-radius: 0 5px 5px 0;left: -219px;} -.message.messageSidebarOrientationLeft .newMessageBadge:before {border-left: 6px solid transparent;left: 0;} +.message.messageSidebarOrientationLeft .newMessageBadge::before {border-left: 6px solid transparent;left: 0;} .message.messageSidebarOrientationRight .newMessageBadge {right: -219px;} .message.messageReduced .newMessageBadge {right: -7px;top: 21px;} .message.messageSidebarOrientationRight .newMessageBadge, .message.messageReduced .newMessageBadge {border-radius: 5px 0 0 5px;} -.message.messageSidebarOrientationRight .newMessageBadge:before, .message.messageReduced .newMessageBadge:before {border-right: 6px solid transparent;right: 0;} +.message.messageSidebarOrientationRight .newMessageBadge::before, .message.messageReduced .newMessageBadge::before {border-right: 6px solid transparent;right: 0;} .messageBody {color: #666666;display: block;line-height: 1.5;} -.messageBody > div:not(.messageFooter) {overflow: hidden;padding-bottom: 14px;} +.messageBody > div:not(.messageFooter):not(.redactor-box):not(.messageTabMenu) {overflow: hidden;padding-bottom: 14px;} +.messageBody > div:not(.messageFooter):not(.redactor-box):not(.messageTabMenu) > div.messageText img {max-width: 100%;} +.messageBody > div:not(.messageFooter):not(.redactor-box):not(.messageTabMenu) > div.messageText table img {max-width: none;} .messageBody > footer {padding-bottom: 14px;} .messageBody > .messageSignature {color: #808080;} .messageBody > .messageSignature img {max-height: 150px;} .messageBody .messageFooter > *:not(:first-child) {margin-top: 7px;} -.messageFooterNote {border-left: 2px solid #cccccc;color: #808080;font-size: .85rem;padding: 4px 7px;background-image: -webkit-linear-gradient(90deg, rgba(204,204,204,0.2) 0%, transparent 40%);background-image: linear-gradient(90deg, rgba(204,204,204,0.2) 0%, transparent 40%);} -.messageHeader + .messageBody > div:first-child, .messageBody > div:not(.messageFooter):not(:first-child) {border-top: 1px dotted #cccccc;padding: 14px 0;} +.messageTextPreview img {max-width: 100%;} +.messageTextPreview table img {max-width: none;} +.messageFooterNote {border-left: 2px solid #cccccc;color: #808080;font-size: .85rem;padding: 4px 7px;background-image: -webkit-linear-gradient(90deg, rgba(204,204,204,0.2) 0%, rgba(204,204,204,0) 40%);background-image: linear-gradient(90deg, rgba(204,204,204,0.2) 0%, rgba(204,204,204,0) 40%);} +html[dir='rtl'] .messageFooterNote {background-image: -webkit-linear-gradient(270deg, rgba(204,204,204,0.2) 0%, rgba(204,204,204,0) 40%);background-image: linear-gradient(270deg, rgba(204,204,204,0.2) 0%, rgba(204,204,204,0) 40%);} +.messageHeader + .messageBody > div:first-child:not(.redactor-box), .messageBody > div:not(.messageFooter):not(.messageTabMenu):not(.redactor-box):not(:first-child) {border-top: 1px dotted #cccccc;padding: 14px 0;} .message .messageBody {padding: 14px 21px 1px;} .message .messageContent {background-color: #fcfdfe;} .message .messageContent .messageHeader {padding: 14px 21px 0;position: relative;} @@ -1485,30 +1932,28 @@ a.externalURL:after {content: " (" attr(href) ")";font-size: .85rem;} .message .messageContent .messageHeader .messageHeadline > h1 + p {margin-top: 2px;} .message .messageContent .messageHeader .messageHeadline > p {font-size: .85rem;} .message .messageContent .messageHeader .messageHeadline > p > .likesBadge {margin: -2px 0 -1px 4px;} -.message .messageContent .messageHeader .messageHeadline > p > .username:after {content: " - ";} +.message .messageContent .messageHeader .messageHeadline > p > .username::after {content: " - ";} .message .messageContent .messageHeader .box32 > .messageHeadline > p:first-child {font-size: 1rem;} .message .messageContent .messageHeader .box32 > .messageHeadline > p:first-child > .username {font-size: 1.2rem;font-weight: bold;text-shadow: 0 1px 0 rgba(255,255,255,0.8);} .message .messageContent .messageHeader .box32 > .messageHeadline > p:first-child > .username {display: block;} -.message .messageContent .messageHeader .box32 > .messageHeadline > p:first-child > .username:after {content: "";} +.message .messageContent .messageHeader .box32 > .messageHeadline > p:first-child > .username::after {content: "";} .message .messageContent .messageHeader .box32 > .messageHeadline > p:first-child > .likesBadge {font-size: .85rem;top: -1px;} .message .messageSidebar {line-height: 1.3;margin-bottom: -1px;padding: 14px 21px 21px;position: relative;text-align: center;width: 170px;} -.message .messageSidebar:after {clear: both;content: '';display: block;} +.message .messageSidebar::after {clear: both;content: '';display: block;} .message .messageSidebar header .username {color: #336699;font-size: 1.2rem;font-weight: bold;padding: 0 3px 1px;text-shadow: 0 1px 0 rgba(255,255,255,0.8);} .message .messageSidebar header .username a {text-decoration: none;} .message .messageSidebar .userTitle {margin: 7px 0 0;} .message .messageSidebar .userRank {margin: 2px 0 0;} .message .messageSidebar .userAvatar {display: inline-block;margin: 7px 0 0;position: relative;text-align: left;} .message .messageSidebar .userAvatar > .badgeOnline {border-radius: 0 5px 5px 0;color: #eeffee;bottom: 7px;left: -5px;position: absolute;text-transform: uppercase;box-shadow: 1px 1px 3px 0 rgba(0,0,0,0.2);background-color: #006600;background-image: -webkit-linear-gradient(#009900,#006600);background-image: linear-gradient(#009900,#006600);text-shadow: 0 -1px 0 rgba(0,0,0,0.8);} -.message .messageSidebar .userAvatar > .badgeOnline:before {border-bottom: 4px solid #003300;border-left: 6px solid transparent;content: "";display: block;left: 0;position: absolute;top: -4px;} +.message .messageSidebar .userAvatar > .badgeOnline::before {border-bottom: 4px solid #003300;border-left: 6px solid transparent;content: "";display: block;left: 0;position: absolute;top: -4px;} .message .messageSidebar .userCredits {font-size: .85rem;margin: 7px 0 0;overflow: hidden;padding: 7px 0 0;} -.message .messageSidebar .userCredits .dataList > dt {width: 46%;} -.message .messageSidebar .userCredits .dataList > dd {margin-left: 49%;word-wrap: break-word;} -.message:not(.messageReduced) .messageOptions:before, .message:not(.messageReduced) .messageOptions:after {display: table;content: "";} -.message:not(.messageReduced) .messageOptions:after {clear: both;} -.message:not(.messageReduced) .messageBody:before, .message:not(.messageReduced) .messageBody:after {display: table;content: "";} -.message:not(.messageReduced) .messageBody:after {clear: both;} -li:nth-child(2n+1) .message.messageSidebarOrientationLeft .messageHeader:after {border-right-color: #f1f5fa;} -li:nth-child(2n+1) .message.messageSidebarOrientationRight .messageHeader:after {border-left-color: #f1f5fa;} +.message:not(.messageReduced) .messageOptions::before, .message:not(.messageReduced) .messageOptions::after {display: table;content: "";} +.message:not(.messageReduced) .messageOptions::after {clear: both;} +.message:not(.messageReduced) .messageBody::before, .message:not(.messageReduced) .messageBody::after {display: table;content: "";} +.message:not(.messageReduced) .messageBody::after {clear: both;} +li:nth-child(2n+1) .message.messageSidebarOrientationLeft .messageHeader::after {border-right-color: #f1f5fa;} +li:nth-child(2n+1) .message.messageSidebarOrientationRight .messageHeader::after {border-left-color: #f1f5fa;} li:nth-child(2n+1) .message .messageContent {background-color: #f1f5fa;} .messageReduced .messageOptions > .breadcrumbs {bottom: 10px;left: 0;opacity: 1;position: relative;} .messageReduced.messageDisabled {border-color: #009900;} @@ -1536,43 +1981,32 @@ li:nth-child(2n+1) .message .messageContent {background-color: #f1f5fa;} #showQuotes:hover {opacity: 1;} #messageQuoteList {max-width: 800px !important;} #messageQuoteList li:not(:first-child) {margin-top: 7px;} -#messageQuoteList li > span {float: left;width: 40px;} +#messageQuoteList li > span {float: left;} #messageQuoteList li > span > input {vertical-align: bottom;} #messageQuoteList li > span > span {cursor: pointer;vertical-align: middle;} #messageQuoteList li div.jsQuote {margin-left: 60px;} #messageQuoteList li div.jsFullQuote {display: none;} -#quoteManagerCopy {cursor: pointer;} -#quoteManagerCopy .pointer {border-width: 5px 5px 0;bottom: -5px;margin-left: -5px;top: auto;} +#quoteManagerCopy > span:not(.pointer) {cursor: pointer;} +#quoteManagerCopy > .jsQuoteManagerQuoteAndInsert {border-left: 1px solid #ffffff;margin-left: 4px;padding-left: 4px;} +#quoteManagerCopy > .pointer {border-width: 5px 5px 0;bottom: -5px;margin-left: -5px;top: auto;} .messageShareButtons > ul > li {display: inline-block;} .messageShareButtons > ul > li > a {text-decoration: none;} .messageShareButtons > ul > li > a > .icon {height: 28px;} .messageShareButtons > ul > li > .badge {background-color: #fcfdfe;border: 1px solid #cccccc;border-radius: 3px;color: #666666;line-height: 23px;padding: 0 7px;position: relative;vertical-align: 1px;} -.messageShareButtons > ul > li > .badge:before {border: 6px solid #cccccc;border-color: transparent #cccccc transparent transparent;content: "";display: block;height: 0;margin-top: -6px;position: absolute;right: 100%;top: 50%;width: 0;} -.messageShareButtons > ul > li > .badge:after {border: 6px solid #fcfdfe;border-color: transparent #fcfdfe transparent transparent;content: "";display: block;height: 0;margin-right: -1px;margin-top: -6px;position: absolute;right: 100%;top: 50%;width: 0;} -.messageShareButtons .jsShareFacebook > a > .icon {color: #3b5998;} -.messageShareButtons .jsShareTwitter > a > .icon {color: #4099ff;} -.messageShareButtons .jsShareGoogle > a > .icon {color: #d34836;} -.messageShareButtons .jsShareReddit > a > img {vertical-align: -7px;padding: 0 4px;} +.messageShareButtons > ul > li > .badge::before {border: 6px solid #cccccc;border-color: transparent #cccccc transparent transparent;content: "";display: block;height: 0;margin-top: -6px;position: absolute;right: 100%;top: 50%;width: 0;} +.messageShareButtons > ul > li > .badge::after {border: 6px solid #fcfdfe;border-color: transparent #fcfdfe transparent transparent;content: "";display: block;height: 0;margin-right: -1px;margin-top: -6px;position: absolute;right: 100%;top: 50%;width: 0;} +.messageShareButtons .jsShareFacebook:not(.disabled) > a > .icon {color: #3b5998;} +.messageShareButtons .jsShareTwitter:not(.disabled) > a > .icon {color: #4099ff;} +.messageShareButtons .jsShareGoogle:not(.disabled) > a > .icon {color: #d34836;} +.messageShareButtons .jsShareReddit:not(.disabled) > a > .icon {color: #5f99cf;} .contentNavigation > .messageShareButtons {float: right;margin-right: 14px;margin-top: 0;} .messageSearchResultList > li > .box48 > div > .containerHeadline > h3 {padding-right: 100px;} -.likeButton.active .icon {color: #009900;} -.dislikeButton.active .icon {color: #cc0000;} -.cke_editor_text {border-style: solid !important;padding: 0 !important;} -.cke_source, .cke_wysiwyg_div {padding: 8px !important;} -.cke_source {box-sizing: border-box !important;-moz-box-sizing: border-box !important;-webkit-box-sizing: border-box !important;} -.cke_combo__fontsize .cke_combo_text {width: auto !important;} -.cke_dialog_background_cover {background-color: #000 !important;} -.cke_wysiwyg_div, .cke_inner {background-color: transparent !important;} -.cke_wysiwyg_div ul, .cke_wysiwyg_div ol {margin: 1em 0;margin-left: 40px;} -.cke_wysiwyg_div ul ul, .cke_wysiwyg_div ul ol, .cke_wysiwyg_div ol ul, .cke_wysiwyg_div ol ol {margin-bottom: 0;margin-top: 0;} -.cke_wysiwyg_div ul li, .cke_wysiwyg_div ol li {margin: 7px 0;} -.cke_wysiwyg_div ul {list-style-type: disc;} -.cke_wysiwyg_div ol {list-style-type: decimal;} -.cke_wysiwyg_div td {border: 1px solid rgba(0,0,0,0.2);} +.likeButton.active .icon, .wcfLikeButton.active .icon {color: #009900;} +.dislikeButton.active .icon, .wcfDislikeButton.active .icon {color: #cc0000;} @media screen and (max-width: 800px),print { .message.messageSidebarOrientationLeft .messageContent, .message.messageSidebarOrientationRight .messageContent {border: 0;margin: 0;} .message.messageSidebarOrientationLeft .messageSidebar, .message.messageSidebarOrientationRight .messageSidebar {float: none;min-height: 37px;} -.message.messageSidebarOrientationLeft .messageHeader:before, .message.messageSidebarOrientationLeft .messageHeader:after, .message.messageSidebarOrientationRight .messageHeader:before, .message.messageSidebarOrientationRight .messageHeader:after {display: 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;} @@ -1582,7 +2016,7 @@ li:nth-child(2n+1) .message .messageContent {background-color: #f1f5fa;} .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 > div:not(.messageFooter):not(.messageTabMenu):not(.redactor-box) {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 .newMessageBadge {display: none;} @@ -1596,21 +2030,156 @@ li:nth-child(2n+1) .message .messageContent {background-color: #f1f5fa;} .moderationList thead {display: none;} .moderationList tbody .columnAssignedUserID, .moderationList tbody .columnLastChangeTime {display: none;} } +.editHistoryDiff > .sideBySide:first-child {margin-bottom: 21px;text-align: center;} +.editHistoryDiff .sideBySide > div:first-child {padding-right: 14px;} +.editHistoryDiff .sideBySide > div:last-child {padding-left: 14px;} +@media only screen and (max-width: 800px) { +.editHistoryVersionList .columnUser, .editHistoryVersionList .columnEditReason {display: none;} +} +.messageFloatObjectLeft {float: left;margin: 0 14px 7px 0;} +.messageFloatObjectRight {float: right;margin: 0 0 7px 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;} +.pollInnerContainer > p:first-of-type {margin-top: 7px;} .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;transition-duration: .1s;-webkit-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;border-radius: 0 5px 5px 0;height: 100%;left: 0;position: absolute;top: 0;z-index: -1;} .pollResultList li .caption {color: #336699;padding: 2px 0;} -.pollResultList li .caption .optionName {display: inline-block;padding: 0 2.5em 0 7px;} +.pollResultList li .caption .optionName {display: block;padding: 0 3.5em 0 7px;} .pollResultList li .caption .relativeVotes {position: absolute;right: 7px;top: 3px;} @media only screen and (max-width: 800px) { .pollContainer > .formSubmit {margin: 14px -14px -7px -14px;} } +@font-face {font-family: 'RedactorFont';src: url(data:application/x-font-ttf;charset=utf-8;base64,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) format('truetype'), url(data:application/font-woff;charset=utf-8;base64,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) format('woff');font-weight: normal;font-style: normal;} +.re-icon {font-family: 'RedactorFont';} +.re-icon > i:before {position: relative;font-size: 14px;} +.re-video:before {content: "\e600";} +.re-unorderedlist:before {content: "\e601";} +.re-undo:before {content: "\e602";} +.re-underline:before {content: "\e603";} +.re-textdirection:before {content: "\e604";} +.re-fontcolor:before {content: "\e605";} +.re-table:before {content: "\e606";} +.re-redo:before {content: "\e607";} +.re-quote:before {content: "\e608";} +.re-outdent:before {content: "\e609";} +.re-orderedlist:before {content: "\e60a";} +.re-link:before {content: "\e60b";} +.re-horizontalrule:before {content: "\e60c";} +.re-italic:before {content: "\e60d";} +.re-indent:before {content: "\e60e";} +.re-image:before {content: "\e60f";} +.re-fullscreen:before {content: "\e610";} +.re-normalscreen:before {content: "\e611";} +.re-formatting:before {content: "\e612";} +.re-fontsize:before {content: "\e613";} +.re-fontfamily:before {content: "\e614";} +.re-deleted:before {content: "\e615";} +.re-html:before {content: "\e616";} +.re-clips:before {content: "\e617";} +.re-bold:before {content: "\e618";} +.re-backcolor:before {content: "\e619";} +.re-file:before {content: "\e61a";} +.re-alignright:before {content: "\e61b";} +.re-alignment:before, .re-alignleft:before {content: "\e61c";} +.re-alignjustify:before {content: "\e61d";} +.re-aligncenter:before {content: "\e61e";} +.re-gallery:before {content: "\e61f";} +.redactor-box {border: 1px solid #cccccc;font-size: 0;line-height: 1.28;position: relative;} +.redactor-box + .messageTabMenu {padding: 0;} +.redactor-box + .innerError, .redactor-box > .innerError {border-radius: 0;box-shadow: none;display: block;margin-top: -1px;} +.redactor-box > .innerError {margin: -1px;} +.redactor-box > .redactorAutosaveNotice {background-color: #fcfdfe;border: 1px solid #cccccc;border-width: 1px 0 0 1px;bottom: 0;font-size: 1rem;opacity: 0;padding: 7px;position: absolute;right: 0;transition: visibility 0s linear .3s, opacity .3s linear;visibility: hidden;} +.redactor-box > .redactorAutosaveNotice.open {opacity: 1;visibility: visible;transition-delay: 0s;} +.redactor-box > .redactorAutosaveNotice.redactorAutosaveNoticeIcons > span.fa-check {margin-right: 7px;} +.redactor-box > .redactorAutosaveNotice > span.redactorAutosaveMessage {padding: 0 7px;} +.redactor-editor {max-height: 500px;padding: 10px;position: relative;outline: none;overflow: auto;} +.redactor-editor + textarea {border-width: 0;box-shadow: none;font-size: 1rem;line-height: 1.28;outline: none;padding: 10px;resize: vertical;} +.redactor-editor + textarea:focus {box-shadow: none;} +.redactor-editor ul, .redactor-editor ol {margin: 1em 0;margin-left: 40px;} +.redactor-editor ul ul, .redactor-editor ul ol, .redactor-editor ol ul, .redactor-editor ol ol {margin-bottom: 0;margin-top: 0;} +.redactor-editor ul li, .redactor-editor ol li {margin: 7px 0;} +.redactor-editor ul {list-style-type: disc;} +.redactor-editor ol {list-style-type: decimal;} +.redactor-editor img {border: 1px solid transparent;max-width: 100%;} +.redactor-editor table {border-collapse: collapse;font-size: 14px;line-height: 1.6em;} +.redactor-editor table td {border: 1px solid #ddd;padding: 5px;vertical-align: top;} +.redactor-editor .quoteBox {clear: none;} +.redactor-editor .quoteBox > header {position: relative;} +.redactor-editor .quoteBox > header > .redactorQuoteEdit {bottom: -7px;left: -14px;right: -14px;top: -14px;padding-top: 14px;padding-left: 14px;position: absolute;} +.redactor-editor .codeBox {overflow: hidden;position: relative;} +.redactor-editor .codeBox .redactorEditCodeBox {background-color: rgba(255,255,255,0.8);bottom: 0;left: 0;opacity: 0;position: absolute;right: 0;text-align: center;top: 0;z-index: 200;-webkit-transition-property: opacity;transition-property: opacity;-webkit-transition-duration: .3s;transition-duration: .3s;-webkit-transition-timing-function: linear;transition-timing-function: linear;} +.redactor-editor .codeBox .redactorEditCodeBox > div {cursor: pointer;font-size: 1.4rem;left: 50%;padding: 1em 3em;position: absolute;top: 50%;transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);} +.redactor-editor .codeBox:hover .redactorEditCodeBox {opacity: 1;} +.redactor-editor .codeBox ol {margin-bottom: 0;margin-top: 0;} +.redactor-editor.msie .quoteBox {min-height: auto;} +@media all and (min-width: 801px) { +.redactor-editor {font-size: 1rem;} +} +@media only screen and (max-width: 800px) { +.redactor-editor + textarea {font-size: 16px;max-height: 500px;} +} +.redactor-toolbar {background: repeating-linear-gradient(0deg,#cccccc 0px,#cccccc 3%,#fcfdfe 3%,#f1f5fa 100%);background-size: 100% 31px;} +.redactor-toolbar > li {display: inline-block;margin-bottom: 1px;vertical-align: middle;} +.redactor-toolbar > li:last-of-type, .redactor-toolbar > li.separator {border-right: 1px solid #cccccc;} +.redactor-toolbar > li > a {box-sizing: border-box;color: #999999;display: block;font-size: 14px;height: 30px;outline: none;padding: 6px 0;text-align: center;text-decoration: none;width: 30px;text-shadow: 0 1px 0 rgba(255,255,255,0.8);} +.redactor-toolbar > li > a.redactor-button-disabled, .redactor-toolbar > li > a.redactor-button-disabled:before, .redactor-toolbar > li > a.redactor-button-disabled > i:before {color: rgba(153,153,153,0.4);cursor: default;} +.redactor-toolbar > li > a:before {color: #666666;} +.redactor-toolbar > li > a > i {height: 14px;width: 12px;} +.redactor-toolbar > li > a > i:before {color: #666666;} +.redactor-toolbar > li > a:not(.redactor-button-disabled):hover, .redactor-toolbar > li > a.redactor-act, .redactor-toolbar > li > a.dropact {background-color: #d8e7f5;text-shadow: 0 1px 0 rgba(255,255,255,0.8);} +.redactor-toolbar > li > a:not(.redactor-button-disabled):hover > i, .redactor-toolbar > li > a.redactor-act > i, .redactor-toolbar > li > a.dropact > i {text-shadow: none;} +.redactor-toolbar > li > a.fa-redactor-btn:before {content: "";} +.redactor-toolbar > li > a.redactor-btn-image {background-position: center;background-repeat: no-repeat;} +.redactor-toolbar > li > a.redactor-btn-image.redactor-button-disabled {opacity: .5;} +.redactor-toolbar-tooltip {background-color: rgba(0,0,0,0.8);border-radius: 6px;color: #ffffff;font-size: .85rem;max-width: 300px;padding: 5px 10px 7px;position: absolute;z-index: 800;box-shadow: 0 3px 7px 0 rgba(0,0,0,0.3);} +.redactor-toolbar-tooltip .pointer {border-color: rgba(0,0,0,0.8) transparent;border-style: solid;border-width: 0 5px 5px;left: 50%;position: absolute;top: -5px;} +.redactor-toolbar-tooltip.inverse .pointer {border-width: 5px 5px 0;} +#redactor-image-box {border: 1px dashed rgba(0,0,0,0.5);display: inline-block;line-height: 0;max-width: 100%;position: relative;} +#redactor-image-box > img {border-width: 0;opacity: .5;} +#redactor-image-editter {background-color: rgba(0,0,0,0.8);border-radius: 6px;color: #ffffff;font-size: .85rem;max-width: 300px;padding: 5px 10px 7px;position: absolute;z-index: 800;box-shadow: 0 3px 7px 0 rgba(0,0,0,0.3);cursor: pointer;left: 50%;line-height: .85rem;margin-top: -13px;top: 50%;z-index: 5;} +#redactor-image-editter .pointer {border-color: rgba(0,0,0,0.8) transparent;border-style: solid;border-width: 0 5px 5px;left: 50%;position: absolute;top: -5px;} +#redactor-image-editter.inverse .pointer {border-width: 5px 5px 0;} +#redactor-image-resizer {background-color: #000000;border: 1px solid #ffffff;bottom: -4px;cursor: nw-resize;height: 8px;line-height: 1;position: absolute;right: -5px;width: 8px;z-index: 10;} +.redactorAttachmentContainer {background-color: #ffffff;border: 1px solid #eeeeee;border-top-width: 0;padding: 7px 14px 7px;} +.messageTabMenu {border: 1px solid #cccccc;border-top-width: 0;line-height: 1.28;} +.messageTabMenu > nav.messageTabMenuNavigation > ul {background-color: #fcfdfe;font-size: 0;white-space: nowrap;} +.messageTabMenu > nav.messageTabMenuNavigation > ul > li {display: inline-block;} +.messageTabMenu > nav.messageTabMenuNavigation > ul > li > a {border-right: 1px solid #cccccc;border-bottom: 1px solid transparent;color: #999999;display: block;font-size: 13px;line-height: 1.28;margin-bottom: -1px;padding: 7px 14px 8px 14px;text-decoration: none;-webkit-touch-callout: none;-webkit-user-select: none;-khtml-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;} +.messageTabMenu > nav.messageTabMenuNavigation > ul > li > a:hover {color: #336699;} +.messageTabMenu > nav.messageTabMenuNavigation > ul > li > a > span.icon {display: none;} +.messageTabMenu > nav.messageTabMenuNavigation > ul > li.active > a {background-color: #fcfdfe;color: #336699;} +.messageTabMenu > div, .messageTabMenu > fieldset {background-color: #fcfdfe;border-width: 0;border-radius: 0;border-top: 1px solid #cccccc;display: none;position: static;} +.messageTabMenu > div.active, .messageTabMenu > fieldset.active {display: block;} +.messageTabMenu > div > nav {background-color: #fcfdfe;border-bottom: 1px solid #cccccc;margin: -14px -21px 14px -21px;padding: 4px 7px;} +.messageTabMenu > div > nav ul {display: inline-block;font-size: 0;white-space: nowrap;} +.messageTabMenu > div > nav ul li {display: inline-block;outline: 0;vertical-align: baseline;} +.messageTabMenu > div > nav ul li.active a, .messageTabMenu > div > nav ul li.active a:hover {color: #6699cc;cursor: default;} +.messageTabMenu > div > nav ul li a {color: #999999;display: block;font-size: .85rem;outline: 0;padding: 0 7px;-webkit-touch-callout: none;-webkit-user-select: none;-khtml-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;} +.messageTabMenu > div > nav ul li a:hover {color: #666666;text-decoration: none;} +.messageTabMenu > div > nav ul li:not(:last-child) {padding-right: 4px;} +.messageTabMenu > div > nav ul li.dropdown > a {font-size: 1.0rem;padding: 4px 7px 2px;} +.messageTabMenu > div > div, .messageTabMenu > div > fieldset {border-top-width: 0;} +@media only screen and (max-width: 800px) { +.redactor-toolbar > li > a:hover {background-color: transparent !important;} +.messageTabMenu > nav > ul > li:not(.active) > a > span.icon {display: block;} +.messageTabMenu > nav > ul > li:not(.active) > a > span:not(.icon) {display: none;} +.messageTabMenu > div > nav {margin: -3px -7px 7px -7px;} +} +@-moz-document url-prefix() {fieldset + .messageTabMenu {margin-top: -3px;} +} +.redactor-dropdown-box-fontcolor {width: 200px;} +.redactor-dropdown-box-fontcolor > li.redactorColorPallet {padding: 0 4px;} +.redactor-dropdown-box-fontcolor > li.redactorColorPallet:hover {background-color: #ffffff !important;} +.redactor-dropdown-box-fontcolor > li.redactorColorPallet > a {border: 2px solid #ffffff;border-bottom-width: 0;display: inline-block;font-size: 0;height: 20px;padding: 0;margin: 0;width: 20px;} +.redactorDropArea {background-color: #ffffcc;border: 5px dashed #ffcc00;box-sizing: border-box;font-size: 1.4rem;position: absolute;text-align: center;vertical-align: middle;z-index: 360;} +.redactorDropArea.active {background-color: #CEF6CE;border-color: #04B404;} +.redactor-link-tooltip {background-color: rgba(0,0,0,0.8);border-radius: 6px;color: #ffffff;font-size: .85rem;padding: 5px 10px 7px;position: absolute;z-index: 800;box-shadow: 0 3px 7px 0 rgba(0,0,0,0.3);} +.redactor-link-tooltip > a {color: #ffffff;} .slideshowContainer {overflow: hidden;position: relative;} .slideshowContainer > ul:not(.slideshowButtonList) > li:not(:first-child) {display: none;} .slideshowContainer > .slideshowItemList {position: absolute;-webkit-transition-property: left;transition-property: left;-webkit-transition-duration: .8s;transition-duration: .8s;-webkit-transition-timing-function: ease-out;transition-timing-function: ease-out;} @@ -1632,45 +2201,55 @@ li:nth-child(2n+1) .message .messageContent {background-color: #f1f5fa;} .sortableNodeLabel {padding: 7px 7px 7px 0;display: block;} .sortableList:not(.simpleSortableList) .sortableNodeLabel {border-bottom: 1px solid #cccccc;} .simpleSortableList {min-height: 21px;} -.colorPreview {border: 1px solid #cccccc;border-radius: 6px;display: inline-block;} +.colorPreview {background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQAQMAAAAlPW0iAAAABlBMVEX////MzMw46qqDAAAAD0lEQVQI12P4z4Ad4ZAAAH6/D/Hgw85/AAAAAElFTkSuQmCC);border: 1px solid #cccccc;border-radius: 6px;display: inline-block;} .colorPreview:hover {box-shadow: 0 0 15px 0 #cccccc;} -.colorPreview > div {border: 2px solid #ffffff;border-radius: 6px;cursor: pointer;display: block;height: 60px;width: 160px;} +.colorPreview > div {border: 2px solid #ffffff;border-radius: 6px;cursor: pointer;display: block;height: 60px;width: 180px;} .colorList > li {float: left;padding: 7px;} .colorList > li > figure > figcaption {font-size: .85rem;margin-bottom: 7px;text-align: center;} -.colorList:after {clear: both;content: "";display: block;} +.colorList::after {clear: both;content: "";display: block;} .tagList > li {display: inline-block;} .tag {border-radius: 0 4px 4px 0;font-weight: normal;height: 13px;margin-left: 6px;padding-bottom: 2px;padding-left: 10px;} -.tag:before {border-color: transparent #666666 transparent transparent;border-style: inset solid inset inset;border-width: 8px 8px 8px 0;clip: rect(auto auto auto 2px);content: "";height: 0;left: -8px;position: absolute;top: 0;width: 0;} -.tag:after {background: #ffffff;border-radius: 2px;content: "";height: 4px;left: -2px;position: absolute;top: 6px;width: 4px;box-shadow: 0 -1px 2px 0 rgba(0,0,0,0.2);} +.tag::before {border-color: transparent #666666 transparent transparent;border-style: inset solid inset inset;border-width: 8px 8px 8px 0;clip: rect(auto auto auto 2px);content: "";height: 0;left: -8px;position: absolute;top: 0;width: 0;} +.tag::after {background: #ffffff;border-radius: 2px;content: "";height: 4px;left: -2px;position: absolute;top: 6px;width: 4px;box-shadow: 0 -1px 2px 0 rgba(0,0,0,0.2);} .tag:hover {background-color: #336699;color: #ffffff;} -.tag:hover:before {border-right-color: #336699;} +.tag:hover::before {border-right-color: #336699;} .editableItemList li.tag {margin-bottom: 11px;margin-left: 10px;} .editableItemList li.tag:first-child {margin-left: 6px;} .sidebar .userAvatar {text-align: center;overflow: hidden;} .sidebar .userAvatar > a {display: block;} +.sidebar .userList > li > a {font-size: .85rem;} .framedIconList li {float: left;margin: 0 2px 4px 0;} .framedIconList li .framed {display: inline-block;} -.framedIconList:after {content: "";height: 0;display: block;clear: both;} +.framedIconList::after {content: "";height: 0;display: block;clear: both;} .userInformation > .inlineDataList, .userInformation > .dataList {font-size: .85rem;} .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;} +.userInformation > .userFacts {overflow: hidden;} .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 {padding-right: 428px;position: relative;} .userHeadline > nav.buttonGroupNavigation {position: absolute;right: 7px;top: 7px;} +.userHeadline > .dataList {overflow: hidden;} .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;} +.likeList > li:first-child {padding-bottom: 7px;text-align: right;} +.likeList > li:first-child:hover {background-color: #fcfdfe;} +.likeList > li:first-child > ul.buttonGroup {display: inline-block;margin-bottom: 7px;} +.likeList > li:first-child > ul.buttonGroup:not(:first-child) {margin-left: 4px;} +@media only screen and (max-width: 800px) { +.likeList > li:first-child {padding-bottom: 0;} +} .dashboardBoxSidebarButton {padding-bottom: 21px !important;} .dashboardBoxSidebarButton > div {text-align: center;} .dashboardBoxSidebarButton > div > .button {font-size: 1.2rem;padding: 5px 13px;} @@ -1678,125 +2257,52 @@ li:nth-child(2n+1) .message .messageContent {background-color: #f1f5fa;} .usersOnlineInfoBox .usersOnlineLegend > p {display: inline-block;} .usersOnlineInfoBox .usersOnlineLegend > ul {display: inline-block;} @media only screen and (max-width: 800px) { -#tplUser .userHeadline {overflow: visible;} +#tplUser .userHeadline {overflow: visible;padding-right: 30px;} #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;} -.conversationLabelList {margin-bottom: 14px;} -.conversationLabelList li:not(:last-child) {margin-bottom: 4px;} -.conversationLabelList~small {display: block;} -#unreadConversations .dropdownMenu > li h3 {max-width: 250px;overflow: hidden;text-overflow: ellipsis;} -.conversationParticipantList > li .inlineDataList {font-size: .85rem;} -.conversationParticipantList > li.conversationLeft > div > a > img, .conversationParticipantList > li.conversationLeft > div > span > img {filter: url(../images/grayscale-filter.svg#grayscale);filter: gray;-webkit-filter: grayscale(1);} -.conversationLeft .userLink, .conversationLeft.userLink, .conversationLeft p > span {text-decoration: line-through;} -.sidebar fieldset.conversationQuota > div {text-align: center;} -.conversationUsageBar {background-color: #666666;border-radius: 5px;height: 20px;padding: 4px;box-shadow: inset 0 1px 5px rgba(0, 0, 0, .5), 0 1px 0 rgba(255, 255, 255, .5);} -.conversationUsageBar > span {border-radius: 3px;color: transparent;display: block;height: 100%;box-shadow: inset 0 1px 0 rgba(255, 255, 255, .5);background-color: #a5df41;background-image: -webkit-linear-gradient(#a5df41,#4ca916);background-image: linear-gradient(#a5df41,#4ca916);} -.conversationUsageBar.yellow > span {background-color: #fecf23;background-image: -webkit-linear-gradient(#fecf23,#fd9215);background-image: linear-gradient(#fecf23,#fd9215);} -.conversationUsageBar.red > span {background-color: #f0a3a3;background-image: -webkit-linear-gradient(#f0a3a3,#f42323);background-image: linear-gradient(#f0a3a3,#f42323);} -@media only screen and (max-width: 800px) { -.conversationList thead {display: none;} -.conversationList tbody .columnMark, .conversationList tbody .columnReplies, .conversationList tbody .columnParticipants, .conversationList tbody .columnLastPost, .conversationList tbody .conversationParticipantSummary, .conversationList tbody .columnSubject .statusDisplay {display: none;} -} -@media only screen and (max-width: 1239px) { -.conversationList thead .columnParticipants, .conversationList tbody .columnParticipants {display: none;} -} -.wbbBoardList .wbbDepth2.wbbBoardContainer > .wbbBoard {padding-left: 43px;} -.wbbBoardList .wbbDepth2.wbbCategory > header {padding-left: 43px;} -.wbbBoardList .wbbDepth3.wbbBoardContainer > .wbbBoard {padding-left: 79px;} -.wbbBoardList .wbbDepth3.wbbCategory > header {padding-left: 79px;} -.wbbBoardList .wbbCategory .wbbDepth2.wbbBoardContainer > .wbbBoard {padding-left: 7px;} -.wbbBoardList .wbbCategory .wbbDepth3.wbbBoardContainer > .wbbBoard {padding-left: 43px;} -.wbbBoardList .tabularBox:not(.wbbDepth1) {border-width: 1px 0 0;} -.wbbBoardList .wbbStats {left: 49%;margin-top: 0;position: absolute;top: 14px;width: 16%;} -.wbbBoardList .wbbStats > dl > dt {line-height: 1.28;width: 48%;} -.wbbBoardList .wbbStats > dl > dd {font-weight: normal;font-size: .85rem;width: 50%;} -.wbbBoardList .wbbLastPost {left: 66%;margin-top: 0;position: absolute;top: 14px;width: 34%;} -.wbbBoardList .wbbLastPost > div > div > p {overflow: hidden;text-overflow: ellipsis;width: 98%;white-space: nowrap;word-wrap: normal;} -.wbbBoardList .wbbLastPost > div > div > p > .badge {font-size: .85rem;max-width: 33%;overflow: hidden;text-overflow: ellipsis;top: -1px;} -.wbbBoardList .wbbLastPost > div > div > small {display: block;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;word-wrap: normal;} -.wbbBoardList .wbbLastPost > div > div > small time {color: #808080;} -.wbbBoardList .wbbSubBoards {margin-top: 7px;} -.wbbBoardList .wbbSubBoards li {display: inline-block;} -.wbbBoardList .wbbSubBoards li > span.icon {position: relative;top: 2px;} -.wbbBoardList .wbbSubBoards + .wbbUsersOnline {margin-top: 0;} -.wbbBoardList .wbbUsersOnline {margin-top: 7px;} -.wbbBoardList .wbbUsersOnline > span.icon {position: relative;top: 1px;} -.wbbBoardList .wbbBoardContainer {position: relative;} -.wbbBoardList .wbbDepth1 {margin-top: 14px;} -.wbbBoardList .wbbBoard {min-height: 44px;padding: 7px;padding-right: 51%;-webkit-transition-property: background;transition-property: background;-webkit-transition-duration: .1s;transition-duration: .1s;-webkit-transition-timing-function: linear;transition-timing-function: linear;} -.wbbBoardList .wbbBoard:hover {background-color: #d8e7f5;} -.wbbBoardList .wbbBoardNode1 {background-color: #fcfdfe;} -.wbbBoardList .wbbBoardNode2 {background-color: #f1f5fa;} -.wbbBoardList .wbbBoard > div > .containerHeadline > h3 {font-weight: normal;} -.wbbBoardList .new > div > .containerHeadline > h3, .wbbBoardList .wbbSubBoards li.new a {font-weight: bold;} -.wbbBoardList .wbbCollapsibleCategory .collapsibleButton {display: inline-block;margin-right: 7px;} -.wbbBoardList .wbbCollapsibleCategory > header > small {display: inline-block;margin-left: 23px;} -.wbbBoardList .icon {color: #336699;} -@media only screen and (max-width: 800px) { -.wbbBoardList .wbbBoard {padding-right: 7px;} -.wbbBoardList .wbbBoard > div {margin-left: 0;} -.wbbBoardList .wbbBoard > div > .containerHeadline > h3 > a {display: inline-block;width: 88%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;word-wrap: normal;} -.wbbBoardList .wbbCategory > header > h2 {overflow: hidden;text-overflow: ellipsis;white-space: nowrap;word-wrap: normal;} -.wbbBoardList .wbbCategory > header > h2 > a {display: inline-block;width: 100%;} -.wbbBoardList .wbbBoardDescription, .wbbBoardList .wbbSubBoards, .wbbBoardList .wbbStats, .wbbBoardList .wbbUsersOnline, .wbbBoardList .collapsibleButton, .wbbBoardList .wbbBoard > span.icon {display: none !important;} -.wbbBoardList .wbbLastPost {position: static;width: auto;} -.wbbBoardList .wbbCollapsibleCategory > header > small {margin-left: 0;} -} -@media only screen and (min-width: 641px) and (max-width: 800px) { -.wbbBoardList .wbbBoard {padding: 7px 14px;} -} -@media only screen and (min-width: 801px) and (max-width: 1239px) { -.wbbBoardList .wbbBoard {padding-right: 56%;} -.wbbBoardList .wbbStats {display: none !important;} -.wbbBoardList .wbbLastPost {left: 55%;width: 45%;} -} -.wbbBoardListReduced .wbbBoardContainer > div {padding: 7px;} -.wbbBoardListReduced .wbbDepth2.wbbBoardContainer > div {padding-left: 28px;} -.wbbBoardListReduced .wbbDepth2.wbbCategory > header {padding-left: 28px;} -.wbbBoardListReduced .wbbDepth3.wbbBoardContainer > div {padding-left: 56px;} -.wbbBoardListReduced .wbbDepth3.wbbCategory > header {padding-left: 56px;} -.wbbBoardListReduced .wbbCategory .wbbDepth2.wbbBoardContainer > div {padding-left: 7px;} -.wbbBoardListReduced .wbbCategory .wbbDepth3.wbbBoardContainer > div {padding-left: 28px;} -#tplBoard .wbbThreadList tr.wbbThreadSticky + tr:not(.wbbThreadSticky):not(.wbbThreadAnnouncement) > td, #tplBoard .wbbThreadList tr.wbbThreadAnnouncement + tr:not(.wbbThreadSticky):not(.wbbThreadAnnouncement) > td {border-top: 1px solid #cccccc;} -@media only screen and (max-width: 800px) { -.wbbThreadList thead {display: none;} -.wbbThreadList tbody .columnMark, .wbbThreadList tbody .columnReplies, .wbbThreadList tbody .columnLikes, .wbbThreadList tbody .columnViews, .wbbThreadList tbody .columnLastPost, .wbbThreadList tbody .columnSubject .statusDisplay {display: none;} -#tplBoard .boxHeadline > p {display: none;} -} -@media only screen and (max-width: 1239px) { -.wbbThreadList thead .columnViews, .wbbThreadList tbody .columnViews {display: none;} -} -@media only screen and (min-width: 641px) and (max-width: 800px) { -.wbbThreadList tbody .columnAvatar {padding-left: 14px;} -.wbbThreadList tbody .columnSubject {padding-right: 14px;} -} -@media only screen and (max-width: 800px) { -#tplThread .contentNavigation > nav:not(.pageNavigation) .button:not(.buttonPrimary):not(.jsThreadInlineEditor) {display: none;} -} -.wbbSimilarThreadList .box24 > div > p {font-weight: bold;} -.wbbSimilarThreadList .box24 > div > small > time {color: #808080;} -.wbbInlineSimilarThreadList {margin: 7px 0;} -.wbbPostPreview .labelList {margin-bottom: 7px;} -.wbbMarkAsDone.icon-check {color: #009900;} -.wbbMarkAsDone.icon-check-empty {color: #cc0000;} -body, .tabularBox, .dialogTitlebar {background-image: url(../images/blueTemptation/blueTemptationHeader.png);background-repeat: repeat-x;} +.buttonList.thirdPartyLogin {text-align: center;} +.thirdPartyLoginButton {border-radius: 3px;border: 1px solid rgba(255,255,255,0.1);color: #fff;display: inline-block;font-size: 0;} +.thirdPartyLoginButton:hover {color: #fff;text-decoration: none;} +.thirdPartyLoginButton > .icon {border-right: 1px solid rgba(0,0,0,0.1);color: #fff;text-shadow: none;padding: 4px 6px;} +.thirdPartyLoginButton > span:not(.icon) {font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;font-size: 1rem;padding: 4px 12px;} +.thirdPartyLoginButton.googleLoginButton {background-color: #dd4b39;} +.thirdPartyLoginButton.googleLoginButton:hover {background-color: #ca3523;} +.thirdPartyLoginButton.facebookLoginButton {background-color: #3b5998;} +.thirdPartyLoginButton.facebookLoginButton:hover {background-color: #30487b;} +.thirdPartyLoginButton.twitterLoginButton {background-color: #55acee;} +.thirdPartyLoginButton.twitterLoginButton:hover {background-color: #309aea;} +.thirdPartyLoginButton.githubLoginButton {background-color: #444444;} +.thirdPartyLoginButton.githubLoginButton:hover {background-color: #303030;} +.userNotificationItemList > .notificationItem.groupedNotificationItem > div > .framed > span.fa-users:before {position: relative;top: 3px;} +.userNotificationItemList > .notificationItem.notificationUnconfirmed {position: relative;} +.userNotificationItemList > .notificationItem.notificationUnconfirmed > div > .details {padding-right: 37px;} +.userNotificationItemList > .notificationItem.notificationUnconfirmed > .notificationItemMarkAsConfirmed {opacity: .6;position: absolute;right: 21px;top: 50%;transform: translateY(-50%);-ms-transform: translateY(-50%);-webkit-transform: translateY(-50%);-webkit-transition-property: opacity;transition-property: opacity;-webkit-transition-duration: .3s;transition-duration: .3s;-webkit-transition-timing-function: linear;transition-timing-function: linear;} +.userNotificationItemList > .notificationItem.notificationUnconfirmed:hover > .notificationItemMarkAsConfirmed {opacity: 1;} +.userNotificationItemList > .notificationItem > div > .details {padding-top: 3px;} +.userNotificationItemList > .notificationItem > div > .details .userLink {font-weight: bold;} +.paidSubscriptionTeaserList {max-height: 74px;overflow: hidden;} +.paidSubscriptionTeaserList > li {float: left;margin-bottom: 7px;padding-right: 7px;white-space: nowrap;width: 300px;word-wrap: normal;} +.paidSubscriptionTeaserList > li .containerHeadline > h3 {text-overflow: ellipsis;overflow: hidden;} +.dashboardBoxRecentActivityHeadline {overflow: visible;position: relative;min-height: 30px;} +.dashboardBoxRecentActivityHeadline > nav.buttonGroupNavigation {position: absolute;right: 4px;top: 2px;} +.mainMenu > ul {background-color: rgba(0,0,0,0.4);} +.mainMenu > ul > li > a {border-width: 0 !important;-webkit-transition-property: color;transition-property: color;-webkit-transition-duration: .3s;transition-duration: .3s;-webkit-transition-timing-function: ease;transition-timing-function: ease;text-shadow: 0 -1px 0 rgba(0,0,0,0.8);} +.mainMenu > ul > li > a:hover {color: #ffffff;} +.mainMenu > ul > li.active > a {background-color: #e4eef8;background-image: -webkit-linear-gradient(#ffffff,#e4eef8);background-image: linear-gradient(#ffffff,#e4eef8);} +.mainMenu > ul > li:hover {color: #336699;} @media all and (min-width: 801px) { .mainMenu {margin: 14px 9px 0;} -.mainMenu > ul {background-color: rgba(0,0,0,0.4);border-radius: 5px 5px 0 0;} -.mainMenu > ul > li > a {border-width: 0 !important;color: #488ed4;position: relative;-webkit-transition-property: color;transition-property: color;-webkit-transition-duration: .3s;transition-duration: .3s;-webkit-transition-timing-function: ease;transition-timing-function: ease;text-shadow: 0 -1px 0 rgba(0,0,0,0.8);} -.mainMenu > ul > li > a:hover {color: #ffffff;} -.mainMenu > ul > li.active > a {border-radius: 5px 5px 0 0;background-color: #e4eef8;background-image: -webkit-linear-gradient(#ffffff,#e4eef8);background-image: linear-gradient(#ffffff,#e4eef8);} -.mainMenu > ul > li.active > a:after {border-bottom-left-radius: 6px;border-width: 0 0 1px 1px;bottom: 0;content: "";height: 7px;position: absolute;right: -7px;width: 7px;box-shadow: -2px 2px 0 0 #e4eef8;} -.mainMenu > ul > li.active > a:before {border-bottom-right-radius: 6px;border-width: 0 1px 1px 0;bottom: 0;content: "";height: 7px;left: -7px;position: absolute;width: 7px;box-shadow: 2px 2px 0 0 #e4eef8;} -.mainMenu > ul > li.active > a:hover {color: #336699;} +.mainMenu > ul {border-radius: 5px 5px 0 0;} +.mainMenu > ul > li.active > a {border-radius: 5px 5px 0 0;position: relative;} +.mainMenu > ul > li.active > a::after {border-bottom-left-radius: 6px;border-width: 0 0 1px 1px;bottom: 0;content: "";height: 7px;position: absolute;right: -7px;width: 7px;box-shadow: -2px 2px 0 0 #e4eef8;} +.mainMenu > ul > li.active > a::before {border-bottom-right-radius: 6px;border-width: 0 1px 1px 0;bottom: 0;content: "";height: 7px;left: -7px;position: absolute;width: 7px;box-shadow: 2px 2px 0 0 #e4eef8;} +html[dir='rtl'] .mainMenu > ul > li.active > a::after {box-shadow: 2px 2px 0 0 #e4eef8;} +html[dir='rtl'] .mainMenu > ul > li.active > a::before {box-shadow: -2px 2px 0 0 #e4eef8;} } @media all and (min-width: 801px) { .navigation {border-color: #b8d3ed;} @@ -1826,13 +2332,13 @@ button, input[type='reset'], input[type='submit'], input[type='button'], .button @media only screen and (min-width: 801px) { .breadcrumbs {background-color: #ffffff;border: 1px solid #cccccc;border-radius: 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 {border-radius: 4px 0 0 4px;padding-left: 9px;} +.breadcrumbs > ul:hover > li {max-width: 100%;} } .userPanel {border-bottom: 1px solid rgba(0,0,0,0.1);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 {box-shadow: 0 0 0 0 transparent;} @@ -1874,13 +2380,17 @@ button, input[type='reset'], input[type='submit'], input[type='button'], .button .containerList.doubleColumned > li:nth-child(even):last-child {border-bottom-right-radius: 5px;} .containerList.doubleColumned > li:nth-child(odd):last-child, .containerList.doubleColumned > li:nth-child(odd):nth-last-child(2) {border-bottom-left-radius: 5px;} } +@media all and (min-width: 801px) { .tabMenu {padding: 0 10px;} .tabMenu > ul {border-top-left-radius: 6px;border-top-right-radius: 6px;} .tabMenu > ul > li.ui-state-active > a {border-top-right-radius: 6px;border-top-left-radius: 6px;} -.tabMenu > ul > li.ui-state-active > a:before {border: 1px solid #cccccc;border-bottom-right-radius: 6px;border-width: 0 1px 1px 0;bottom: -1px;clip: rect(0,6px,6px,0);content: " ";height: 5px;left: -6px;position: absolute;width: 5px;box-shadow: 2px 1px 0 0 #fcfdfe;} -.tabMenu > ul > li.ui-state-active > a:after {border: 1px solid #cccccc;border-bottom-left-radius: 6px;border-width: 0 0 1px 1px;bottom: -1px;clip: rect(0,6px,6px,0);content: " ";height: 5px;position: absolute;right: -6px;width: 5px;box-shadow: -2px 1px 0 0 #fcfdfe;} +.tabMenu > ul > li.ui-state-active > a::before {border: 1px solid #cccccc;border-bottom-right-radius: 6px;border-width: 0 1px 1px 0;bottom: -1px;clip: rect(0,6px,6px,0);content: " ";height: 5px;left: -6px;position: absolute;width: 5px;box-shadow: 2px 1px 0 0 #fcfdfe;} +.tabMenu > ul > li.ui-state-active > a::after {border: 1px solid #cccccc;border-bottom-left-radius: 6px;border-width: 0 0 1px 1px;bottom: -1px;clip: rect(0,6px,6px,0);content: " ";height: 5px;position: absolute;right: -6px;width: 5px;box-shadow: -2px 1px 0 0 #fcfdfe;} +html[dir='rtl'] .tabMenu > ul > li.ui-state-active > a::before {box-shadow: -2px 1px 0 0 #fcfdfe;} +html[dir='rtl'] .tabMenu > ul > li.ui-state-active > a::after {box-shadow: 2px 1px 0 0 #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] {border-color: #999999 #cccccc #e6e6e6;box-shadow: inset 0 1px 5px 0 rgba(0,0,0,0.1);-webkit-transition-property: background-color, border, box-shadow;transition-property: background-color, border, box-shadow;-webkit-transition-duration: .2s;transition-duration: .2s;-webkit-transition-timing-function: linear;transition-timing-function: linear;} -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']:focusinput[type='url']:focus, input[type='password']:focus, textarea:focus, select[multiple]:focus {box-shadow: 0 0 5px rgba(255,170,34,0.5) , inset 0 1px 5px rgba(0, 0, 0, .1);} +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 {box-shadow: 0 0 5px rgba(255,170,34,0.5) , inset 0 1px 5px rgba(0, 0, 0, .1);} .formError input[type='text'], .formError input[type='search'], .formError input[type='email'], .formError input[type='number'], .formError input[type='url'], .formError input[type='password'], .formError textarea {background-color: #ffffff;border-color: #c95145;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, .formError input[type='text']:focus, .formError input[type='search']:hover, .formError input[type='search']:focus, .formError input[type='email']:hover, .formError input[type='email']:focus, .formError input[type='number']:hover, .formError input[type='number']:focus, .formError input[type='url']:hover, .formError input[type='url']:focus, .formError input[type='password']:hover, .formError input[type='password']:focus, .formError textarea:hover, .formError textarea:focus {background-color: #fff9f4;} .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: #ffffff;border-color: #74a446;box-shadow: 0 0 5px rgba(116,164,70,0.5) , inset 0 1px 5px rgba(0, 0, 0, .1);} @@ -1901,8 +2411,10 @@ input[type='text']:active, input[type='search']:active, input[type='date']:activ .wbbBoardList .wbbLastPost > div {background-color: #ffffff;border-radius: 6px;padding: 7px;margin-right: 7px;box-shadow: inset 0 1px 1px rgba(0, 0, 0, .1);} } @media only screen and (min-width: 801px) { -.messageList .messageGroupStarter > .message.messageSidebarOrientationLeft:before {border-top-left-radius: 6px;content: "";display: block;height: 128px;left: 0;position: absolute;top: 0;width: 128px;background-image: -webkit-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%);} -.messageList .messageGroupStarter > .message.messageSidebarOrientationRight:before {border-top-right-radius: 6px;content: "";display: block;height: 128px;right: 0;position: absolute;top: 0;width: 128px;background-image: -webkit-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%);} +.messageList .messageGroupStarter > .message.messageSidebarOrientationLeft::before {border-top-left-radius: 6px;content: "";display: block;height: 128px;left: 0;position: absolute;top: 0;width: 128px;background-image: -webkit-linear-gradient(135deg, rgba(255, 255, 255, .85) 0%, rgba(255, 255, 255, 0) 40%);background-image: linear-gradient(135deg, rgba(255, 255, 255, .85) 0%, rgba(255, 255, 255, 0) 40%);} +.messageList .messageGroupStarter > .message.messageSidebarOrientationRight::before {border-top-right-radius: 6px;content: "";display: block;height: 128px;right: 0;position: absolute;top: 0;width: 128px;background-image: -webkit-linear-gradient(225deg, rgba(255, 255, 255, .85) 0%, rgba(255, 255, 255, 0) 40%);background-image: linear-gradient(225deg, rgba(255, 255, 255, .85) 0%, rgba(255, 255, 255, 0) 40%);} +html[dir='rtl'] .messageList .messageGroupStarter > .message.messageSidebarOrientationLeft::before {background-image: -webkit-linear-gradient(225deg, rgba(255, 255, 255, .85) 0%, rgba(255, 255, 255, 0) 40%);background-image: linear-gradient(225deg, rgba(255, 255, 255, .85) 0%, rgba(255, 255, 255, 0) 40%);} +html[dir='rtl'] .messageList .messageGroupStarter > .message.messageSidebarOrientationRight::before {background-image: -webkit-linear-gradient(135deg, rgba(255, 255, 255, .85) 0%, rgba(255, 255, 255, 0) 40%);background-image: linear-gradient(135deg, rgba(255, 255, 255, .85) 0%, rgba(255, 255, 255, 0) 40%);} } .attachmentThumbnail {box-shadow: 0 1px 1px 0 rgba(0,0,0,0.2);-webkit-transition-property: box-shadow;transition-property: box-shadow;-webkit-transition-duration: .1s;transition-duration: .1s;-webkit-transition-timing-function: linear;transition-timing-function: linear;} .attachmentThumbnail:hover {box-shadow: 0 0 20px 0 #ffaa22;} -- 2.20.1