Changeset 12645 for extensions/floOS/OS_glass_dark/theme.css

Timestamp:

Nov 18, 2011, 1:15:19 PM (12 years ago)

Author:

flop25

Message:

tipTip.css include in theme.css

File:

• extensions/floOS/OS_glass_dark/theme.css (modified) (1 diff)

extensions/floOS/OS_glass_dark/theme.css

@@ -328 +328 @@
 UL.tabsheet LI.normal_tab:hover { border-color: black; }
 
-/*______________-------------------___________________________---------*/
+/* TipTip CSS - Version 1.2 */
+
+#tiptip_holder {
+        display: none;
+        position: absolute;
+        top: 0;
+        left: 0;
+        z-index: 99999;
+}
+
+#tiptip_holder.tip_top {
+        padding-bottom: 5px;
+}
+
+#tiptip_holder.tip_bottom {
+        padding-top: 5px;
+}
+
+#tiptip_holder.tip_right {
+        padding-left: 5px;
+}
+
+#tiptip_holder.tip_left {
+        padding-right: 5px;
+}
+
+#tiptip_content {
+        font-size: 11px;
+        color: #fff;
+        text-shadow: 0 0 2px #000;
+        padding: 4px 8px;
+        border: 1px solid rgba(255,255,255,0.25);
+        background-color: rgb(25,25,25);
+        background-color: rgba(25,25,25,0.92);
+        background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(transparent), to(#000));
+        border-radius: 3px;
+        -webkit-border-radius: 3px;
+        -moz-border-radius: 3px;
+        box-shadow: 0 0 3px #555;
+        -webkit-box-shadow: 0 0 3px #555;
+        -moz-box-shadow: 0 0 3px #555;
+}
+
+#tiptip_arrow, #tiptip_arrow_inner {
+        position: absolute;
+        border-color: transparent;
+        border-style: solid;
+        border-width: 6px;
+        height: 0;
+        width: 0;
+}
+
+#tiptip_holder.tip_top #tiptip_arrow {
+        border-top-color: #fff;
+        border-top-color: rgba(255,255,255,0.35);
+}
+
+#tiptip_holder.tip_bottom #tiptip_arrow {
+        border-bottom-color: #fff;
+        border-bottom-color: rgba(255,255,255,0.35);
+}
+
+#tiptip_holder.tip_right #tiptip_arrow {
+        border-right-color: #fff;
+        border-right-color: rgba(255,255,255,0.35);
+}
+
+#tiptip_holder.tip_left #tiptip_arrow {
+        border-left-color: #fff;
+        border-left-color: rgba(255,255,255,0.35);
+}
+
+#tiptip_holder.tip_top #tiptip_arrow_inner {
+        margin-top: -7px;
+        margin-left: -6px;
+        border-top-color: rgb(25,25,25);
+        border-top-color: rgba(25,25,25,0.92);
+}
+
+#tiptip_holder.tip_bottom #tiptip_arrow_inner {
+        margin-top: -5px;
+        margin-left: -6px;
+        border-bottom-color: rgb(25,25,25);
+        border-bottom-color: rgba(25,25,25,0.92);
+}
+
+#tiptip_holder.tip_right #tiptip_arrow_inner {
+        margin-top: -6px;
+        margin-left: -5px;
+        border-right-color: rgb(25,25,25);
+        border-right-color: rgba(25,25,25,0.92);
+}
+
+#tiptip_holder.tip_left #tiptip_arrow_inner {
+        margin-top: -6px;
+        margin-left: -7px;
+        border-left-color: rgb(25,25,25);
+        border-left-color: rgba(25,25,25,0.92);
+}
+
+/* Webkit Hacks  */
+@media screen and (-webkit-min-device-pixel-ratio:0) {  
+        #tiptip_content {
+                padding: 4px 8px 5px 8px;
+                background-color: rgba(45,45,45,0.88);
+        }
+        #tiptip_holder.tip_bottom #tiptip_arrow_inner { 
+                border-bottom-color: rgba(45,45,45,0.88);
+        }
+        #tiptip_holder.tip_top #tiptip_arrow_inner { 
+                border-top-color: rgba(20,20,20,0.92);
+        }
+}