Fixed tooltips
authorMarcel Werk <burntime@woltlab.com>
Tue, 27 Mar 2012 22:40:05 +0000 (00:40 +0200)
committerMarcel Werk <burntime@woltlab.com>
Tue, 27 Mar 2012 22:40:05 +0000 (00:40 +0200)
wcfsetup/install/files/style/tooltip.less
wcfsetup/install/files/style/variables.less
wcfsetup/install/files/style/wbb.less

index a1812f8ea72d9e24830329e4cb284123ef72b12b..b8e85a28205be52387b582877ff7c277d858e6f9 100644 (file)
@@ -7,37 +7,23 @@
 }
 
 .balloonTooltip {
-       font-size: .85em;
-       color: @wcfTooltipColor;
-       border: 1px solid @wcfTooltipBorderColor;
-       border-radius: @wcfContainerBorderRadius;
        background-color: @wcfTooltipBackgroundColor;
+       border-radius: @wcfContainerBorderRadius;
+       color: @wcfTooltipColor;
+       font-size: .85em;
+       max-width: 300px;
        padding: 5px 10px 7px;
        position: absolute;
-       max-width: 300px;
        z-index: 800;
        
-       .boxShadow(0, 3px, rgba(0, 0, 0, .3), 7px);
+       .boxShadow(0, 3px, rgba(0, 0, 0, .3), 7px); 
        
-       .pointer {      
-               border-width: 0 7px 7px;
+       .pointer {
+               border-color: @wcfTooltipBackgroundColor transparent;
                border-style: solid;
-               border-color: @wcfTooltipBorderColor transparent;
-               display: inline-block !important;
-               width: 0;
-               position: absolute;
-               top: -8px !important;
+               border-width: 0 5px 5px;
                left: 50%;
-               
-               span {  
-                       border-width: 0 5px 5px;
-                       border-style: solid;
-                       border-color: @wcfTooltipBackgroundColor transparent;
-                       display: inline-block;
-                       width: 0;
-                       position: absolute;
-                       top: 2px;
-                       left: -5px;
-               }
+               position: absolute;
+               top: -5px;
        }
 }
\ No newline at end of file
index 7a86ef5dba473a3e6555a992f0c122e411aa356f..11114a2f14d15fa17407d7a21ee4c194d3796090 100644 (file)
@@ -85,5 +85,4 @@
 
 /* tooltip */
 @wcfTooltipBackgroundColor: rgba(0, 0, 0, .8);
-@wcfTooltipBorderColor: transparent;
 @wcfTooltipColor: white;
\ No newline at end of file
index 09930d25184731cd9e4ffe62378f7ec5bedf98bc..d20cb2a76bd6750fb919f75567e7bcf83a89ba77 100644 (file)
        font-size: 120%;
 }
 
+/* ignored boards */
+.wbbIgnoredBoards {
+       .wbbCategory > hgroup label {
+               color: @wcfPageLinkHoverColor;
+       }
+       
+       .wbbBoardContainer {
+               > div {
+                       padding: 7px;
+               }
+               
+               > ul > .wbbBoardContainer {
+                       > div {
+                               padding-left: 28px;
+                       }
+                       
+                       > ul > .wbbBoardContainer > div {
+                               padding-left: 56px;
+                       }
+               }
+       }
+}
+
+
 /* ############## Thread List ############## */
 
 /* Column Avatar */
 
 .wbbThreadPostList > li {
        overflow: hidden;
-}*/
\ No newline at end of file
+}*/
+
+/* ############## Post Preview ############## */
+.wbbPostPreview {
+       background-color: @wcfTooltipBackgroundColor;
+       border-radius: @wcfContainerBorderRadius;
+       color: @wcfTooltipColor;
+       margin-bottom: 10px;
+       max-width: 450px;
+       min-width: 150px;
+       padding: 7px;
+       position: absolute;
+       z-index: 320;
+       
+       .boxShadow(0, 3px, rgba(0, 0, 0, .3), 7px);
+       
+       .pointer {
+               border-color: @wcfTooltipBackgroundColor transparent;
+               border-style: solid;
+               border-width: 9px 9px 0;
+               left: 10%;
+               position: absolute;
+               bottom: -9px;
+       }
+}
+
+.wbbPostPreviewContent {
+       h1 {
+               display: inline-block;
+       }
+       
+       time {
+               font-size: 85%;
+               font-style: italic;
+       }
+       
+       h1, time, p {
+               line-height: 1.5;
+               margin-bottom: 7px;
+       }
+}
\ No newline at end of file