Replaced wrong file
authorLuzifr <szekely@woltlab.com>
Thu, 15 Mar 2012 14:05:11 +0000 (15:05 +0100)
committerLuzifr <szekely@woltlab.com>
Thu, 15 Mar 2012 14:05:11 +0000 (15:05 +0100)
wcfsetup/install/files/style/message.css [deleted file]
wcfsetup/install/files/style/message.less [new file with mode: 0755]

diff --git a/wcfsetup/install/files/style/message.css b/wcfsetup/install/files/style/message.css
deleted file mode 100755 (executable)
index fa252bb..0000000
+++ /dev/null
@@ -1,895 +0,0 @@
-/**
- * Message Styles  
- *
- * @author             Harald Szekely 
- * @copyright  2011 WoltLab GmbH 
- */
-
-/* ############## Article ############## */
-
-/* Globals */
-
-.wcf-message {
-       border: 1px solid #bcd;
-       background-color: #d8e7f5;
-       margin-top: 15px;
-       position: relative;
-       
-       -webkit-box-shadow: 0 3px 7px #eee;
-       -moz-box-shadow: 0 3px 7px #eee;
-       -ms-box-shadow: 0 3px 7px #eee;
-       -o-box-shadow: 0 3px 7px #eee;
-       box-shadow: 0 3px 7px #eee;
-}
-
-.wcf-message:after {
-       content: '';
-       display: block;
-       clear: both;
-}
-
-/* Message Deleted */
-
-.wcf-message.deleted {
-       opacity: .5;
-}
-
-/* Special */
-
-.wcf-messageRed {
-       border-color: #c00;
-       background-color: #fee;
-}
-
-
-
-/* -- -- -- -- Message Content -- -- -- -- -- */
-
-/* Globals */
-
-.wcf-message .wcf-messageContent {
-       border-radius: 5px;
-       background-color: #fcfdfe;
-}
-
-li:nth-child(2n+1) .wcf-message .wcf-messageContent {
-       /* Auto-colorer for every 2nd message */
-       background-color: #f3f7fb;
-}
-
-/* Orientation */
-
-@media screen and (min-width: 480px) {
-       
-       .wcf-message.left .wcf-messageContent {
-               border-left: 1px solid #bcd;
-               margin: 0 0 0 211px;
-       }
-
-       .wcf-message.right .wcf-messageContent {
-               border-right: 1px solid #bcd;
-               margin: 0 211px 0 0;
-       }
-       
-}
-
-@media screen and (max-width: 480px) {
-       
-       .wcf-message .wcf-messageContent {
-               border-top: 1px solid #bcd;
-               margin: 0;
-       }
-
-}
-
-
-
-/* Message Header */
-
-.wcf-message .wcf-messageContent header {
-       position: relative;
-}
-
-@media screen and (min-width: 480px) {
-       
-       .wcf-message .wcf-messageContent header {
-               padding: 20px 20px 5px;
-       }
-       
-}
-
-@media screen and (max-width: 480px) {
-       
-       .wcf-message .wcf-messageContent header {
-               padding: 10px 20px 0;
-       }
-
-}
-
-
-
-/* Message Header Contents */
-
-.wcf-message .wcf-messageContent header time {
-       font-size: 85%;
-       color: #999;
-       margin-top: 7px;
-}
-
-.wcf-message .wcf-messageContent header .wcf-likesDisplay {
-       margin-top: 1px;
-       margin-left: 5px;
-       display: inline-block;
-}
-
-.wcf-message .wcf-messageContent header .wcf-likesDisplay .wcf-badge {
-       font-size: 76%;
-       margin-left: 0;
-       top: 0;
-}
-
-.wcf-message .wcf-messageContent header .wcf-messageTitle {
-       font-weight: bold;
-       color: #999;
-       text-shadow: 0 1px 1px rgba(255, 255, 255, 1);
-}
-
-@media screen and (min-width: 480px) {
-       
-       .wcf-message .wcf-messageContent header .wcf-messageTitle {
-               font-size: 130%;
-               padding: 13px 0 0;
-       }
-
-}
-
-@media screen and (max-width: 480px) {
-       
-       .wcf-message .wcf-messageContent header .wcf-messageTitle {
-               font-size: 170%;
-               padding: 7px 0 0;
-       }
-
-}
-
-.wcf-message header .wcf-messageCounter {
-       font-size: 90%;
-       font-weight: bold;
-       float: right;
-       margin-left: 7px;
-}
-
-.wcf-message header .wcf-messageCounter a {
-       padding: 2px 5px;
-}
-
-
-
-/* -- -- -- -- Message Pointer -- -- -- -- -- */
-
-/* Level 1 - Globals */
-
-.wcf-message header > .pointer {
-       display: block !important;
-       position: absolute;
-       width: 0;
-       height: 0;
-       z-index: 100;
-}
-
-/* Level 2 - Globals */
-
-.wcf-message header > .pointer > span {
-       display: block;
-       position: absolute;
-       width: 0;
-       height: 0;
-}
-
-@media screen and (min-width: 480px) {
-       
-       /* Level 1 - Globals */
-       
-       .wcf-message header > .pointer {
-               border-width: 20px;
-               top: 35px;
-       }
-       
-       /* Level 1 - Left-Right */
-       
-       .wcf-message.left header > .pointer {
-               border-style: solid solid solid none;
-               border-color: transparent #bcd transparent transparent;
-               left: -20px;
-       }
-       
-       .wcf-message.right header > .pointer {
-               border-style: solid none solid solid;
-               border-color: transparent transparent transparent #bcd;
-               right: -20px;
-       }
-       
-       /* Level 2 - Globals */
-       
-       .wcf-message header > .pointer > span {
-               border-width: 20px;
-               top: -20px;
-       }
-       
-       /* Level 2 - Left-Right */
-       
-       .wcf-message.left header > .pointer > span {
-               border-style: solid solid solid none;
-               border-color: transparent #fcfdfe transparent transparent;
-               left: 1px;
-       }
-       
-       .wcf-message.right header > .pointer > span {
-               border-style: solid none solid solid;
-               border-color: transparent transparent transparent #fcfdfe;
-               right: 1px;
-       }
-       
-       li:nth-child(2n+1) .wcf-message.left header > .pointer > span {
-               /* Auto-colorer for every 2nd message-left */
-               border-right-color: #f3f7fb;
-       }
-       
-       li:nth-child(2n+1) .wcf-message.right header > .pointer > span {
-               /* Auto-colorer for every 2nd message-right arrow */
-               border-left-color: #f3f7fb;
-       }
-       
-}
-
-@media screen and (max-width: 480px) {
-       
-       /* Level 1 - Globals */
-       
-       .wcf-message header > .pointer {
-               border-width: 10px;
-               top: -10px;
-       }
-       
-       /* Level 1 - Left-Right */
-       
-       .wcf-message header > .pointer {
-               border-style: none solid solid solid;
-               border-color: transparent transparent #bcd transparent;
-               left: 47%;
-       }
-       
-       /* Level 2 - Globals */
-       
-       .wcf-message header > .pointer > span {
-               border-width: 10px;
-               top: 1px;
-       }
-       
-       /* Level 2 - Left-Right */
-       
-       .wcf-message header > .pointer > span {
-               border-style: none solid solid solid;
-               border-color: transparent transparent #fcfdfe transparent;
-               left: -10px;            
-       }
-       
-       li:nth-child(2n+1) .wcf-message header > .pointer > span {
-               /* Auto-colorer for every 2nd message arrow */
-               border-bottom-color: #f3f7fb;
-       }
-       
-}
-
-
-
-/* -- -- -- -- Message Content -- -- -- -- -- */
-
-/* Message Body */
-
-.wcf-message .wcf-messageBody {
-       color: #666;
-       display: block;
-       position: relative;
-}
-
-@media screen and (min-width: 480px) {
-       
-       .wcf-message .wcf-messageBody {
-               font-size: 90%;
-               line-height: 1.75;
-               padding: 10px 20px 1px;
-       }
-       
-}
-
-@media screen and (max-width: 480px) {
-       
-       .wcf-message .wcf-messageBody {
-               font-size: 120%;
-               line-height: 1.9;
-               padding: 5px 20px 1px;
-       }
-       
-}
-
-.wcf-message .wcf-messageBody:after {
-       content: '';
-       display: block;
-       clear: both;
-}
-
-.wcf-message .wcf-messageBody > div {
-       border-top: 1px dotted #ccc;
-       padding: 10px 0;
-       display: block;
-       overflow: hidden;
-}
-
-.wcf-message .wcf-messageBody .wcf-signature {
-       overflow: hidden;
-}
-
-@media screen and (min-width: 480px) {
-       
-       .wcf-message .wcf-messageBody .wcf-signature {
-               padding: 10px 0 20px;
-       }
-       
-}
-
-@media screen and (max-width: 480px) {
-       
-       .wcf-message .wcf-messageBody .wcf-signature {
-               padding: 5px 0;
-       }
-       
-}
-
-
-
-/* -- -- -- -- Message Sidebar -- -- -- -- -- */
-
-/* Globals */
-
-.wcf-message .wcf-messageSidebar {
-       font-size: 90%;
-       line-height: 1.3;
-       position: relative;
-}
-       
-@media screen and (min-width: 480px) {
-       
-       .wcf-message .wcf-messageSidebar {
-               text-align: center;
-               margin-bottom: -1px;
-               padding: 10px 20px 20px;
-               /* Width toggle */
-               width: 170px;
-       }
-}
-
-@media screen and (max-width: 480px) {
-       
-       .wcf-message .wcf-messageSidebar {
-               text-align: left;
-               padding: 5px 0 10px;
-               width: 100%;
-       }
-       
-}
-
-.wcf-message .wcf-messageSidebar:after {
-       content: '';
-       display: block;
-       clear: both;
-}
-
-/* Orientation */
-
-@media screen and (min-width: 480px) {
-       
-       .wcf-message.left .wcf-messageSidebar {
-               float: left;
-       }
-       
-       .wcf-message.right .wcf-messageSidebar {
-               float: right;
-       }
-       
-}
-
-@media screen and (max-width: 480px) {
-       
-       .wcf-message .wcf-messageSidebar {
-               float: none;
-       }
-       
-}
-
-
-
-/* Message Sidebar Header */
-
-.wcf-message .wcf-messageSidebar header .wcf-username,
-.wcf-message .wcf-messageSidebar header .wcf-username a {
-       font-size: 110%;
-       font-weight: bold;
-       text-decoration: none;
-       text-shadow: 0 1px 1px rgba(255, 255, 255, 1);
-       color: #369;
-       padding: 1px 3px;
-}
-
-/* Message Sidebar Contents */
-
-.wcf-message .wcf-messageSidebar a {
-       color: #369;
-}
-
-.wcf-message .wcf-messageSidebar a:hover {
-       color: #036;
-}
-
-.wcf-message .wcf-messageSidebar .userTitle .wcf-badge {
-       font-size: 95%;
-       color: rgba(255, 255, 255, 1);
-       border-radius: 13px;
-       background-color: #369;
-       margin-top: 3px;
-       padding: 0 10px;
-       display: inline-block;
-       
-       -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 1);
-       -moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 1);
-       -ms-box-shadow: 0 1px 0 rgba(255, 255, 255, 1);
-       -o-box-shadow: 0 1px 0 rgba(255, 255, 255, 1);
-       box-shadow: 0 1px 0 rgba(255, 255, 255, 1);
-}
-
-.wcf-message .wcf-messageSidebar .userRank {
-       font-size: 95%;
-       color: rgba(255, 255, 255, 1);
-       margin: 3px 0 0;
-       padding: 0 0 7px;
-       display: block;
-}
-
-.wcf-message .wcf-messageSidebar .wcf-userAvatar {
-       margin: 7px 0 0;
-       padding: 0 0 7px;
-       display: block;
-}
-
-.wcf-message .wcf-messageSidebar .wcf-userAvatar img {
-       border: none;
-       padding: 0;
-}
-
-.wcf-message .wcf-messageSidebar .userCredits {
-       font-size: 95%;
-       color: #369;
-       margin: 7px 0 0;
-       padding: 0 0 7px;
-       display: block;
-}
-
-.wcf-message .wcf-messageSidebar .userCredits p,
-.wcf-message .wcf-messageSidebar .userCredits a {
-       color: #369;
-}
-
-.wcf-message .wcf-messageSidebar .userStatus,
-.wcf-message .wcf-messageSidebar .userContacts {
-       color: #369;
-       margin: 7px 0 0;
-       display: block;
-}
-
-.wcf-message .wcf-messageSidebar .userStatus ul,
-.wcf-message .wcf-messageSidebar .userContact ul {
-       list-style-type: none;
-}
-
-.wcf-message .wcf-messageSidebar .userStatus ul li,
-.wcf-message .wcf-messageSidebar .userContact ul li {
-       display: inline;
-}
-
-.wcf-message .wcf-messageSidebar .userStatus ul li a,
-.wcf-message .wcf-messageSidebar .userContact ul li a {
-       text-align: left;
-       text-decoration: none;
-       margin: 0 -3px;
-       padding: 1px 3px 0;
-       display: inline-block;
-       
-       -webkit-transition: background-color .2s linear;
-       -moz-transition: background-color .2s linear;
-       -ms-transition: background-color .2s linear;
-       -o-transition: background-color .2s linear;
-       transition: background-color .2s linear;
-}
-
-.wcf-message .wcf-messageSidebar .userStatus ul li a:hover,
-.wcf-message .wcf-messageSidebar .userContacts ul li a:hover {
-       border-radius: 7px;
-       background-color: #bcd;
-       
-       -webkit-box-shadow: 0 1px 7px #eee;
-       -moz-box-shadow: 0 1px 7px #eee;
-       -ms-box-shadow: 0 1px 7px #eee;
-       -o-box-shadow: 0 1px 7px #eee;
-       box-shadow: 0 1px 7px #eee;
-}
-
-.wcf-message .wcf-messageSidebar .userStatus ul li a span,
-.wcf-message .wcf-messageSidebar .userContact ul li a span {
-       display: block;
-       position: absolute;
-       left: -9000px;
-       top: -9000px;
-}
-@media screen and (min-width: 480px) {
-       
-       /* Message Sidebar Dividers only when sidebar not on top */
-       .wcf-message.dividers .wcf-userAvatar,
-       .wcf-message.dividers .userRank,
-       .wcf-message.dividers .userCredits,
-       .wcf-message.dividers .userStatus  {
-               border-bottom: 1px dotted #bcd;
-       }
-       
-       .wcf-message.dividers .wcf-messageSidebar div:last-child {
-               border: 0;
-       }
-       
-       .wcf-message .wcf-messageSidebar > div > header,
-       .wcf-message .wcf-messageSidebar > div > div {
-               vertical-align: top;
-       }
-       
-}
-
-@media screen and (max-width: 480px), screen and (max-device-width: 480px) {
-       
-       .wcf-message .wcf-messageSidebar {
-               display: table !important;
-               border-collapse: separate;
-               width: 100%;
-       }
-       
-       .wcf-message .wcf-messageSidebar > div {
-               display: table-row !important;
-       }
-       
-       .wcf-message .wcf-messageSidebar > div > header,
-       .wcf-message .wcf-messageSidebar > div > div {
-               padding: 10px !important;
-               display: table-cell !important;
-               vertical-align: top;
-               width: 25%;
-       }
-       
-       .wcf-message .wcf-messageSidebar header {
-               min-width: 25%;
-       }
-       
-       .wcf-message .wcf-messageSidebar header .wcf-username,
-       .wcf-message .wcf-messageSidebar header .wcf-username a {
-               font-size: 130%;
-               padding: 3px;
-       }
-       
-       .wcf-message .wcf-messageSidebar .wcf-userAvatar img {
-               height: auto;
-               width: 50%;
-               min-width: 50px;
-       }
-       
-       .wcf-message .wcf-messageSidebar .userCredits {
-               font-size: 75%;
-       }
-       
-}
-
-
-
-/* -- -- -- -- Thread Starter Badge -- -- -- -- -- */
-
-/* Globals */
-
-.wcf-message .wcf-messageSidebar .userStatus .wbb-threadStarter {
-       border: 1px solid #ccc;
-       background-color: rgba(255, 255, 255, 1);
-       display: block !important;
-       position: absolute;
-}
-
-@media screen and (min-width: 480px) {
-       
-       .wcf-message.left .wcf-messageSidebar .userStatus .wbb-threadStarter {
-               top: -3px;
-               left: 15px;
-               width: 16px;
-               height: 15px;
-       }
-       
-       .wcf-message.right .wcf-messageSidebar .userStatus .wbb-threadStarter {
-               top: -3px;
-               right: 15px;
-               width: 16px;
-               height: 15px;
-       }
-       
-}
-
-@media screen and (max-width: 480px) {
-       
-       .wcf-message .wcf-messageSidebar .userStatus .wbb-threadStarter {
-               top: -3px;
-               left: 47%;
-               width: 16px;
-               height: 15px;
-       }
-       
-}
-
-/* Level 1 - Globals */
-
-.wcf-message .wcf-messageSidebar .wbb-threadStarter > .pointer {
-       display: block !important;
-       position: absolute;
-       width: 0;
-       height: 0;
-       z-index: 100;
-}
-
-/* Level 2 - Globals */
-
-.wcf-message .wcf-messageSidebar .wbb-threadStarter > .pointer > span {
-       display: block;
-       position: absolute;
-       width: 0;
-       height: 0;
-}
-
-.wcf-message .wcf-messageSidebar .wbb-threadStarter > .pointer > span img {
-       position: absolute;
-}
-
-@media screen and (min-width: 480px), screen and (min-device-width: 480px) {
-       
-       /* Level 1 - Globals */
-       
-       .wcf-message .wcf-messageSidebar .wbb-threadStarter > .pointer {
-               border-width: 9px;
-               top: 15px;
-       }
-       
-       /* Level 1 - Left-Right */
-       
-       .wcf-message.left .wcf-messageSidebar .wbb-threadStarter > .pointer {
-               border-style: none solid solid solid;
-               border-color: #ccc #ccc transparent #ccc;
-               left: -1px;
-       }
-       
-       .wcf-message.right .wcf-messageSidebar .wbb-threadStarter > .pointer {
-               border-style: none solid solid solid;
-               border-color: #ccc #ccc transparent #ccc;
-               left: -1px;
-       }
-       
-       /* Level 2 - Globals */
-       
-       .wcf-message .wcf-messageSidebar .wbb-threadStarter > .pointer > span {
-               border-width: 8px;
-               top: -1px;
-       }
-       
-       /* Level 2 - Left-Right */
-       
-       .wcf-message.left .wcf-messageSidebar .wbb-threadStarter > .pointer > span {
-               border-style: none solid solid solid;
-               border-color: #fff #fff transparent #fff;
-               left: -8px;
-       }
-       
-       .wcf-message.right .wcf-messageSidebar .wbb-threadStarter > .pointer > span {
-               border-style: none solid solid solid;
-               border-color: #fff #fff transparent #fff;
-               right: -8px;
-       }
-       
-       .wcf-message .wcf-messageSidebar .wbb-threadStarter > .pointer > span img {
-               top: -13px;
-               left: -8px;
-       }
-       
-}
-
-@media screen and (max-width: 480px), screen and (max-device-width: 480px) {
-       
-       /* Level 1 - Globals */
-       
-       .wcf-message .wcf-messageSidebar .wbb-threadStarter  > .pointer {
-               border-width: 9px;
-               top: 15px;
-       }
-       
-       /* Level 1 - Left-Right */
-       
-       .wcf-message .wcf-messageSidebar .wbb-threadStarter  > .pointer {
-               border-style: none solid solid solid;
-               border-color: #ccc #ccc transparent #ccc;
-               left: -1px;
-       }
-       
-       /* Level 2 - Globals */
-       
-       .wcf-message .wcf-messageSidebar .wbb-threadStarter  > .pointer > span {
-               border-width: 8px;
-               top: -1px;
-       }
-       
-       /* Level 2 - Left-Right */
-       
-       .wcf-message .wcf-messageSidebar .wbb-threadStarter  > .pointer > span {
-               border-style: none solid solid solid;
-               border-color: #fff #fff transparent #fff;
-               left: -8px;             
-       }
-       
-       .wcf-message .wcf-messageSidebar .wbb-threadStarter > .pointer > span img {
-               top: -15px;
-               left: -8px;
-       }
-       
-}
-
-
-
-/* -- -- -- -- Message Footer -- -- -- -- -- */
-
-/* Footer */
-
-.wcf-message .wcf-messageFooter {
-       font-size: 100%;
-       line-height: 1;
-       position: relative;
-}
-
-.wcf-message .wcf-messageFooter:after {
-       content: '';
-       display: block;
-       clear: both;
-}
-
-/* Message Footer Signature */
-
-.wcf-message .wcf-messageSignature {
-       color: #999;
-       border-top: 1px dotted #ccc;
-       display: block;
-}
-
-/* Message Footer Navi */
-
-.wcf-message .wcf-messageFooter nav {
-       /* General toggle switch for nav-bar orientation (options: left|center|right) */
-       text-align: right;
-       position: absolute;
-}
-
-@media screen and (min-width: 480px) {
-               
-       .wcf-message .wcf-messageSignature {
-               margin: 10px 0 0;
-               padding: 10px 0;
-       }
-               
-       .wcf-message .wcf-messageFooter nav {
-               right: -20px;
-               bottom: -1px;
-               opacity: 0;
-               
-               -webkit-transition: opacity .1s linear;
-               -moz-transition: opacity .1s linear;
-               -ms-transition: opacity .1s linear;
-               -o-transition: opacity .1s linear;
-               transition: opacity .1s linear;
-       }
-       
-       .wcf-message:hover .wcf-messageFooter nav {
-               opacity: 1;
-       }
-
-}
-
-@media screen and (max-width: 480px) {
-               
-       .wcf-message .wcf-messageSignature {
-               margin: 5px 0 0;
-               padding: 0;
-       }
-               
-       .wcf-message .wcf-messageFooter nav {
-               font-size: 125%;
-               right: -20px;
-               bottom: -1px;
-               opacity: 1;
-       }
-               
-       .wcf-message .wcf-messageFooter nav .wcf-smallButtons > li {
-               margin-left: -7px;
-       }
-               
-       .wcf-message .wcf-messageFooter nav .wcf-smallButtons > li > a {
-               padding: 5px 8px;
-       }
-               
-       .wcf-message .wcf-messageFooter nav .wcf-smallButtons > li > a > img {
-               width: 24px;
-               height: 24px;
-       }
-               
-       .wcf-message .wcf-messageFooter nav .wcf-smallButtons > li > a > span {
-               position: absolute;
-               left: -9000px;
-               top: -9000px;
-       }
-       
-}
-
-/* ToDo: Reduced Messages */
-
-.wcf-messageReduced .messageCredits {
-       display: table-cell;
-       width: 25%;
-}
-
-.wcf-messageReduced .wcf-messageCredits > .wcf-userAvatar {
-       float: left;
-}
-
-.wcf-messageReduced .wcf-messageCredits > div {
-       padding-left: 50px;
-       position: relative;
-}
-
-.wcf-messageReduced .wcf-messageFooter > .wcf-breadcrumbs {
-       position: relative;
-       bottom: 10px;
-       left: 0;
-       opacity: 1;
-}
-
-
-
-/* ToDo: CK-Editor */
-
-.cke_skin_kama {
-       /* Removes the fat border around the editor, should better be moved into the wcf-stylesheet */
-       padding: 0 !important;
-}
-
-/* ToDo: Message Tabs */
-
-/* Smilies */
-
-.wcf-smiliesContent {
-       /* none */
-       text-align: center;
-}
-
-.wcf-smiliesContent li {
-       display: inline-block;
-       margin: 2px;
-       cursor: pointer;
-}
-
-
-
-
-/* -- -- -- -- -- EOF -- -- -- -- -- */
diff --git a/wcfsetup/install/files/style/message.less b/wcfsetup/install/files/style/message.less
new file mode 100755 (executable)
index 0000000..fa252bb
--- /dev/null
@@ -0,0 +1,895 @@
+/**
+ * Message Styles  
+ *
+ * @author             Harald Szekely 
+ * @copyright  2011 WoltLab GmbH 
+ */
+
+/* ############## Article ############## */
+
+/* Globals */
+
+.wcf-message {
+       border: 1px solid #bcd;
+       background-color: #d8e7f5;
+       margin-top: 15px;
+       position: relative;
+       
+       -webkit-box-shadow: 0 3px 7px #eee;
+       -moz-box-shadow: 0 3px 7px #eee;
+       -ms-box-shadow: 0 3px 7px #eee;
+       -o-box-shadow: 0 3px 7px #eee;
+       box-shadow: 0 3px 7px #eee;
+}
+
+.wcf-message:after {
+       content: '';
+       display: block;
+       clear: both;
+}
+
+/* Message Deleted */
+
+.wcf-message.deleted {
+       opacity: .5;
+}
+
+/* Special */
+
+.wcf-messageRed {
+       border-color: #c00;
+       background-color: #fee;
+}
+
+
+
+/* -- -- -- -- Message Content -- -- -- -- -- */
+
+/* Globals */
+
+.wcf-message .wcf-messageContent {
+       border-radius: 5px;
+       background-color: #fcfdfe;
+}
+
+li:nth-child(2n+1) .wcf-message .wcf-messageContent {
+       /* Auto-colorer for every 2nd message */
+       background-color: #f3f7fb;
+}
+
+/* Orientation */
+
+@media screen and (min-width: 480px) {
+       
+       .wcf-message.left .wcf-messageContent {
+               border-left: 1px solid #bcd;
+               margin: 0 0 0 211px;
+       }
+
+       .wcf-message.right .wcf-messageContent {
+               border-right: 1px solid #bcd;
+               margin: 0 211px 0 0;
+       }
+       
+}
+
+@media screen and (max-width: 480px) {
+       
+       .wcf-message .wcf-messageContent {
+               border-top: 1px solid #bcd;
+               margin: 0;
+       }
+
+}
+
+
+
+/* Message Header */
+
+.wcf-message .wcf-messageContent header {
+       position: relative;
+}
+
+@media screen and (min-width: 480px) {
+       
+       .wcf-message .wcf-messageContent header {
+               padding: 20px 20px 5px;
+       }
+       
+}
+
+@media screen and (max-width: 480px) {
+       
+       .wcf-message .wcf-messageContent header {
+               padding: 10px 20px 0;
+       }
+
+}
+
+
+
+/* Message Header Contents */
+
+.wcf-message .wcf-messageContent header time {
+       font-size: 85%;
+       color: #999;
+       margin-top: 7px;
+}
+
+.wcf-message .wcf-messageContent header .wcf-likesDisplay {
+       margin-top: 1px;
+       margin-left: 5px;
+       display: inline-block;
+}
+
+.wcf-message .wcf-messageContent header .wcf-likesDisplay .wcf-badge {
+       font-size: 76%;
+       margin-left: 0;
+       top: 0;
+}
+
+.wcf-message .wcf-messageContent header .wcf-messageTitle {
+       font-weight: bold;
+       color: #999;
+       text-shadow: 0 1px 1px rgba(255, 255, 255, 1);
+}
+
+@media screen and (min-width: 480px) {
+       
+       .wcf-message .wcf-messageContent header .wcf-messageTitle {
+               font-size: 130%;
+               padding: 13px 0 0;
+       }
+
+}
+
+@media screen and (max-width: 480px) {
+       
+       .wcf-message .wcf-messageContent header .wcf-messageTitle {
+               font-size: 170%;
+               padding: 7px 0 0;
+       }
+
+}
+
+.wcf-message header .wcf-messageCounter {
+       font-size: 90%;
+       font-weight: bold;
+       float: right;
+       margin-left: 7px;
+}
+
+.wcf-message header .wcf-messageCounter a {
+       padding: 2px 5px;
+}
+
+
+
+/* -- -- -- -- Message Pointer -- -- -- -- -- */
+
+/* Level 1 - Globals */
+
+.wcf-message header > .pointer {
+       display: block !important;
+       position: absolute;
+       width: 0;
+       height: 0;
+       z-index: 100;
+}
+
+/* Level 2 - Globals */
+
+.wcf-message header > .pointer > span {
+       display: block;
+       position: absolute;
+       width: 0;
+       height: 0;
+}
+
+@media screen and (min-width: 480px) {
+       
+       /* Level 1 - Globals */
+       
+       .wcf-message header > .pointer {
+               border-width: 20px;
+               top: 35px;
+       }
+       
+       /* Level 1 - Left-Right */
+       
+       .wcf-message.left header > .pointer {
+               border-style: solid solid solid none;
+               border-color: transparent #bcd transparent transparent;
+               left: -20px;
+       }
+       
+       .wcf-message.right header > .pointer {
+               border-style: solid none solid solid;
+               border-color: transparent transparent transparent #bcd;
+               right: -20px;
+       }
+       
+       /* Level 2 - Globals */
+       
+       .wcf-message header > .pointer > span {
+               border-width: 20px;
+               top: -20px;
+       }
+       
+       /* Level 2 - Left-Right */
+       
+       .wcf-message.left header > .pointer > span {
+               border-style: solid solid solid none;
+               border-color: transparent #fcfdfe transparent transparent;
+               left: 1px;
+       }
+       
+       .wcf-message.right header > .pointer > span {
+               border-style: solid none solid solid;
+               border-color: transparent transparent transparent #fcfdfe;
+               right: 1px;
+       }
+       
+       li:nth-child(2n+1) .wcf-message.left header > .pointer > span {
+               /* Auto-colorer for every 2nd message-left */
+               border-right-color: #f3f7fb;
+       }
+       
+       li:nth-child(2n+1) .wcf-message.right header > .pointer > span {
+               /* Auto-colorer for every 2nd message-right arrow */
+               border-left-color: #f3f7fb;
+       }
+       
+}
+
+@media screen and (max-width: 480px) {
+       
+       /* Level 1 - Globals */
+       
+       .wcf-message header > .pointer {
+               border-width: 10px;
+               top: -10px;
+       }
+       
+       /* Level 1 - Left-Right */
+       
+       .wcf-message header > .pointer {
+               border-style: none solid solid solid;
+               border-color: transparent transparent #bcd transparent;
+               left: 47%;
+       }
+       
+       /* Level 2 - Globals */
+       
+       .wcf-message header > .pointer > span {
+               border-width: 10px;
+               top: 1px;
+       }
+       
+       /* Level 2 - Left-Right */
+       
+       .wcf-message header > .pointer > span {
+               border-style: none solid solid solid;
+               border-color: transparent transparent #fcfdfe transparent;
+               left: -10px;            
+       }
+       
+       li:nth-child(2n+1) .wcf-message header > .pointer > span {
+               /* Auto-colorer for every 2nd message arrow */
+               border-bottom-color: #f3f7fb;
+       }
+       
+}
+
+
+
+/* -- -- -- -- Message Content -- -- -- -- -- */
+
+/* Message Body */
+
+.wcf-message .wcf-messageBody {
+       color: #666;
+       display: block;
+       position: relative;
+}
+
+@media screen and (min-width: 480px) {
+       
+       .wcf-message .wcf-messageBody {
+               font-size: 90%;
+               line-height: 1.75;
+               padding: 10px 20px 1px;
+       }
+       
+}
+
+@media screen and (max-width: 480px) {
+       
+       .wcf-message .wcf-messageBody {
+               font-size: 120%;
+               line-height: 1.9;
+               padding: 5px 20px 1px;
+       }
+       
+}
+
+.wcf-message .wcf-messageBody:after {
+       content: '';
+       display: block;
+       clear: both;
+}
+
+.wcf-message .wcf-messageBody > div {
+       border-top: 1px dotted #ccc;
+       padding: 10px 0;
+       display: block;
+       overflow: hidden;
+}
+
+.wcf-message .wcf-messageBody .wcf-signature {
+       overflow: hidden;
+}
+
+@media screen and (min-width: 480px) {
+       
+       .wcf-message .wcf-messageBody .wcf-signature {
+               padding: 10px 0 20px;
+       }
+       
+}
+
+@media screen and (max-width: 480px) {
+       
+       .wcf-message .wcf-messageBody .wcf-signature {
+               padding: 5px 0;
+       }
+       
+}
+
+
+
+/* -- -- -- -- Message Sidebar -- -- -- -- -- */
+
+/* Globals */
+
+.wcf-message .wcf-messageSidebar {
+       font-size: 90%;
+       line-height: 1.3;
+       position: relative;
+}
+       
+@media screen and (min-width: 480px) {
+       
+       .wcf-message .wcf-messageSidebar {
+               text-align: center;
+               margin-bottom: -1px;
+               padding: 10px 20px 20px;
+               /* Width toggle */
+               width: 170px;
+       }
+}
+
+@media screen and (max-width: 480px) {
+       
+       .wcf-message .wcf-messageSidebar {
+               text-align: left;
+               padding: 5px 0 10px;
+               width: 100%;
+       }
+       
+}
+
+.wcf-message .wcf-messageSidebar:after {
+       content: '';
+       display: block;
+       clear: both;
+}
+
+/* Orientation */
+
+@media screen and (min-width: 480px) {
+       
+       .wcf-message.left .wcf-messageSidebar {
+               float: left;
+       }
+       
+       .wcf-message.right .wcf-messageSidebar {
+               float: right;
+       }
+       
+}
+
+@media screen and (max-width: 480px) {
+       
+       .wcf-message .wcf-messageSidebar {
+               float: none;
+       }
+       
+}
+
+
+
+/* Message Sidebar Header */
+
+.wcf-message .wcf-messageSidebar header .wcf-username,
+.wcf-message .wcf-messageSidebar header .wcf-username a {
+       font-size: 110%;
+       font-weight: bold;
+       text-decoration: none;
+       text-shadow: 0 1px 1px rgba(255, 255, 255, 1);
+       color: #369;
+       padding: 1px 3px;
+}
+
+/* Message Sidebar Contents */
+
+.wcf-message .wcf-messageSidebar a {
+       color: #369;
+}
+
+.wcf-message .wcf-messageSidebar a:hover {
+       color: #036;
+}
+
+.wcf-message .wcf-messageSidebar .userTitle .wcf-badge {
+       font-size: 95%;
+       color: rgba(255, 255, 255, 1);
+       border-radius: 13px;
+       background-color: #369;
+       margin-top: 3px;
+       padding: 0 10px;
+       display: inline-block;
+       
+       -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 1);
+       -moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 1);
+       -ms-box-shadow: 0 1px 0 rgba(255, 255, 255, 1);
+       -o-box-shadow: 0 1px 0 rgba(255, 255, 255, 1);
+       box-shadow: 0 1px 0 rgba(255, 255, 255, 1);
+}
+
+.wcf-message .wcf-messageSidebar .userRank {
+       font-size: 95%;
+       color: rgba(255, 255, 255, 1);
+       margin: 3px 0 0;
+       padding: 0 0 7px;
+       display: block;
+}
+
+.wcf-message .wcf-messageSidebar .wcf-userAvatar {
+       margin: 7px 0 0;
+       padding: 0 0 7px;
+       display: block;
+}
+
+.wcf-message .wcf-messageSidebar .wcf-userAvatar img {
+       border: none;
+       padding: 0;
+}
+
+.wcf-message .wcf-messageSidebar .userCredits {
+       font-size: 95%;
+       color: #369;
+       margin: 7px 0 0;
+       padding: 0 0 7px;
+       display: block;
+}
+
+.wcf-message .wcf-messageSidebar .userCredits p,
+.wcf-message .wcf-messageSidebar .userCredits a {
+       color: #369;
+}
+
+.wcf-message .wcf-messageSidebar .userStatus,
+.wcf-message .wcf-messageSidebar .userContacts {
+       color: #369;
+       margin: 7px 0 0;
+       display: block;
+}
+
+.wcf-message .wcf-messageSidebar .userStatus ul,
+.wcf-message .wcf-messageSidebar .userContact ul {
+       list-style-type: none;
+}
+
+.wcf-message .wcf-messageSidebar .userStatus ul li,
+.wcf-message .wcf-messageSidebar .userContact ul li {
+       display: inline;
+}
+
+.wcf-message .wcf-messageSidebar .userStatus ul li a,
+.wcf-message .wcf-messageSidebar .userContact ul li a {
+       text-align: left;
+       text-decoration: none;
+       margin: 0 -3px;
+       padding: 1px 3px 0;
+       display: inline-block;
+       
+       -webkit-transition: background-color .2s linear;
+       -moz-transition: background-color .2s linear;
+       -ms-transition: background-color .2s linear;
+       -o-transition: background-color .2s linear;
+       transition: background-color .2s linear;
+}
+
+.wcf-message .wcf-messageSidebar .userStatus ul li a:hover,
+.wcf-message .wcf-messageSidebar .userContacts ul li a:hover {
+       border-radius: 7px;
+       background-color: #bcd;
+       
+       -webkit-box-shadow: 0 1px 7px #eee;
+       -moz-box-shadow: 0 1px 7px #eee;
+       -ms-box-shadow: 0 1px 7px #eee;
+       -o-box-shadow: 0 1px 7px #eee;
+       box-shadow: 0 1px 7px #eee;
+}
+
+.wcf-message .wcf-messageSidebar .userStatus ul li a span,
+.wcf-message .wcf-messageSidebar .userContact ul li a span {
+       display: block;
+       position: absolute;
+       left: -9000px;
+       top: -9000px;
+}
+@media screen and (min-width: 480px) {
+       
+       /* Message Sidebar Dividers only when sidebar not on top */
+       .wcf-message.dividers .wcf-userAvatar,
+       .wcf-message.dividers .userRank,
+       .wcf-message.dividers .userCredits,
+       .wcf-message.dividers .userStatus  {
+               border-bottom: 1px dotted #bcd;
+       }
+       
+       .wcf-message.dividers .wcf-messageSidebar div:last-child {
+               border: 0;
+       }
+       
+       .wcf-message .wcf-messageSidebar > div > header,
+       .wcf-message .wcf-messageSidebar > div > div {
+               vertical-align: top;
+       }
+       
+}
+
+@media screen and (max-width: 480px), screen and (max-device-width: 480px) {
+       
+       .wcf-message .wcf-messageSidebar {
+               display: table !important;
+               border-collapse: separate;
+               width: 100%;
+       }
+       
+       .wcf-message .wcf-messageSidebar > div {
+               display: table-row !important;
+       }
+       
+       .wcf-message .wcf-messageSidebar > div > header,
+       .wcf-message .wcf-messageSidebar > div > div {
+               padding: 10px !important;
+               display: table-cell !important;
+               vertical-align: top;
+               width: 25%;
+       }
+       
+       .wcf-message .wcf-messageSidebar header {
+               min-width: 25%;
+       }
+       
+       .wcf-message .wcf-messageSidebar header .wcf-username,
+       .wcf-message .wcf-messageSidebar header .wcf-username a {
+               font-size: 130%;
+               padding: 3px;
+       }
+       
+       .wcf-message .wcf-messageSidebar .wcf-userAvatar img {
+               height: auto;
+               width: 50%;
+               min-width: 50px;
+       }
+       
+       .wcf-message .wcf-messageSidebar .userCredits {
+               font-size: 75%;
+       }
+       
+}
+
+
+
+/* -- -- -- -- Thread Starter Badge -- -- -- -- -- */
+
+/* Globals */
+
+.wcf-message .wcf-messageSidebar .userStatus .wbb-threadStarter {
+       border: 1px solid #ccc;
+       background-color: rgba(255, 255, 255, 1);
+       display: block !important;
+       position: absolute;
+}
+
+@media screen and (min-width: 480px) {
+       
+       .wcf-message.left .wcf-messageSidebar .userStatus .wbb-threadStarter {
+               top: -3px;
+               left: 15px;
+               width: 16px;
+               height: 15px;
+       }
+       
+       .wcf-message.right .wcf-messageSidebar .userStatus .wbb-threadStarter {
+               top: -3px;
+               right: 15px;
+               width: 16px;
+               height: 15px;
+       }
+       
+}
+
+@media screen and (max-width: 480px) {
+       
+       .wcf-message .wcf-messageSidebar .userStatus .wbb-threadStarter {
+               top: -3px;
+               left: 47%;
+               width: 16px;
+               height: 15px;
+       }
+       
+}
+
+/* Level 1 - Globals */
+
+.wcf-message .wcf-messageSidebar .wbb-threadStarter > .pointer {
+       display: block !important;
+       position: absolute;
+       width: 0;
+       height: 0;
+       z-index: 100;
+}
+
+/* Level 2 - Globals */
+
+.wcf-message .wcf-messageSidebar .wbb-threadStarter > .pointer > span {
+       display: block;
+       position: absolute;
+       width: 0;
+       height: 0;
+}
+
+.wcf-message .wcf-messageSidebar .wbb-threadStarter > .pointer > span img {
+       position: absolute;
+}
+
+@media screen and (min-width: 480px), screen and (min-device-width: 480px) {
+       
+       /* Level 1 - Globals */
+       
+       .wcf-message .wcf-messageSidebar .wbb-threadStarter > .pointer {
+               border-width: 9px;
+               top: 15px;
+       }
+       
+       /* Level 1 - Left-Right */
+       
+       .wcf-message.left .wcf-messageSidebar .wbb-threadStarter > .pointer {
+               border-style: none solid solid solid;
+               border-color: #ccc #ccc transparent #ccc;
+               left: -1px;
+       }
+       
+       .wcf-message.right .wcf-messageSidebar .wbb-threadStarter > .pointer {
+               border-style: none solid solid solid;
+               border-color: #ccc #ccc transparent #ccc;
+               left: -1px;
+       }
+       
+       /* Level 2 - Globals */
+       
+       .wcf-message .wcf-messageSidebar .wbb-threadStarter > .pointer > span {
+               border-width: 8px;
+               top: -1px;
+       }
+       
+       /* Level 2 - Left-Right */
+       
+       .wcf-message.left .wcf-messageSidebar .wbb-threadStarter > .pointer > span {
+               border-style: none solid solid solid;
+               border-color: #fff #fff transparent #fff;
+               left: -8px;
+       }
+       
+       .wcf-message.right .wcf-messageSidebar .wbb-threadStarter > .pointer > span {
+               border-style: none solid solid solid;
+               border-color: #fff #fff transparent #fff;
+               right: -8px;
+       }
+       
+       .wcf-message .wcf-messageSidebar .wbb-threadStarter > .pointer > span img {
+               top: -13px;
+               left: -8px;
+       }
+       
+}
+
+@media screen and (max-width: 480px), screen and (max-device-width: 480px) {
+       
+       /* Level 1 - Globals */
+       
+       .wcf-message .wcf-messageSidebar .wbb-threadStarter  > .pointer {
+               border-width: 9px;
+               top: 15px;
+       }
+       
+       /* Level 1 - Left-Right */
+       
+       .wcf-message .wcf-messageSidebar .wbb-threadStarter  > .pointer {
+               border-style: none solid solid solid;
+               border-color: #ccc #ccc transparent #ccc;
+               left: -1px;
+       }
+       
+       /* Level 2 - Globals */
+       
+       .wcf-message .wcf-messageSidebar .wbb-threadStarter  > .pointer > span {
+               border-width: 8px;
+               top: -1px;
+       }
+       
+       /* Level 2 - Left-Right */
+       
+       .wcf-message .wcf-messageSidebar .wbb-threadStarter  > .pointer > span {
+               border-style: none solid solid solid;
+               border-color: #fff #fff transparent #fff;
+               left: -8px;             
+       }
+       
+       .wcf-message .wcf-messageSidebar .wbb-threadStarter > .pointer > span img {
+               top: -15px;
+               left: -8px;
+       }
+       
+}
+
+
+
+/* -- -- -- -- Message Footer -- -- -- -- -- */
+
+/* Footer */
+
+.wcf-message .wcf-messageFooter {
+       font-size: 100%;
+       line-height: 1;
+       position: relative;
+}
+
+.wcf-message .wcf-messageFooter:after {
+       content: '';
+       display: block;
+       clear: both;
+}
+
+/* Message Footer Signature */
+
+.wcf-message .wcf-messageSignature {
+       color: #999;
+       border-top: 1px dotted #ccc;
+       display: block;
+}
+
+/* Message Footer Navi */
+
+.wcf-message .wcf-messageFooter nav {
+       /* General toggle switch for nav-bar orientation (options: left|center|right) */
+       text-align: right;
+       position: absolute;
+}
+
+@media screen and (min-width: 480px) {
+               
+       .wcf-message .wcf-messageSignature {
+               margin: 10px 0 0;
+               padding: 10px 0;
+       }
+               
+       .wcf-message .wcf-messageFooter nav {
+               right: -20px;
+               bottom: -1px;
+               opacity: 0;
+               
+               -webkit-transition: opacity .1s linear;
+               -moz-transition: opacity .1s linear;
+               -ms-transition: opacity .1s linear;
+               -o-transition: opacity .1s linear;
+               transition: opacity .1s linear;
+       }
+       
+       .wcf-message:hover .wcf-messageFooter nav {
+               opacity: 1;
+       }
+
+}
+
+@media screen and (max-width: 480px) {
+               
+       .wcf-message .wcf-messageSignature {
+               margin: 5px 0 0;
+               padding: 0;
+       }
+               
+       .wcf-message .wcf-messageFooter nav {
+               font-size: 125%;
+               right: -20px;
+               bottom: -1px;
+               opacity: 1;
+       }
+               
+       .wcf-message .wcf-messageFooter nav .wcf-smallButtons > li {
+               margin-left: -7px;
+       }
+               
+       .wcf-message .wcf-messageFooter nav .wcf-smallButtons > li > a {
+               padding: 5px 8px;
+       }
+               
+       .wcf-message .wcf-messageFooter nav .wcf-smallButtons > li > a > img {
+               width: 24px;
+               height: 24px;
+       }
+               
+       .wcf-message .wcf-messageFooter nav .wcf-smallButtons > li > a > span {
+               position: absolute;
+               left: -9000px;
+               top: -9000px;
+       }
+       
+}
+
+/* ToDo: Reduced Messages */
+
+.wcf-messageReduced .messageCredits {
+       display: table-cell;
+       width: 25%;
+}
+
+.wcf-messageReduced .wcf-messageCredits > .wcf-userAvatar {
+       float: left;
+}
+
+.wcf-messageReduced .wcf-messageCredits > div {
+       padding-left: 50px;
+       position: relative;
+}
+
+.wcf-messageReduced .wcf-messageFooter > .wcf-breadcrumbs {
+       position: relative;
+       bottom: 10px;
+       left: 0;
+       opacity: 1;
+}
+
+
+
+/* ToDo: CK-Editor */
+
+.cke_skin_kama {
+       /* Removes the fat border around the editor, should better be moved into the wcf-stylesheet */
+       padding: 0 !important;
+}
+
+/* ToDo: Message Tabs */
+
+/* Smilies */
+
+.wcf-smiliesContent {
+       /* none */
+       text-align: center;
+}
+
+.wcf-smiliesContent li {
+       display: inline-block;
+       margin: 2px;
+       cursor: pointer;
+}
+
+
+
+
+/* -- -- -- -- -- EOF -- -- -- -- -- */