Web   ·   Wiki   ·   Activities   ·   Blog   ·   Lists   ·   Chat   ·   Meeting   ·   Bugs   ·   Git   ·   Translate   ·   Archive   ·   People   ·   Donate
summaryrefslogtreecommitdiffstats
path: root/site/app/webroot/css/screen.css
diff options
context:
space:
mode:
Diffstat (limited to 'site/app/webroot/css/screen.css')
-rw-r--r--site/app/webroot/css/screen.css45
1 files changed, 44 insertions, 1 deletions
diff --git a/site/app/webroot/css/screen.css b/site/app/webroot/css/screen.css
index 62c4080..e20ff6e 100644
--- a/site/app/webroot/css/screen.css
+++ b/site/app/webroot/css/screen.css
@@ -4,6 +4,7 @@ Created by Craig Cook - focalcurve.com
on November 20, 2007
-----------------------------------------------------------------------------*/
+
/*** =Reset defaults ***/
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
@@ -84,7 +85,7 @@ h4#moz a { display: block; height: 44px; width: 100px; padding-left: 10px;}
/* =User nav */
#nav-user { max-width: 900px; min-width: 770px;}
.html-ltr #nav-user { margin: -1.75em auto 0; padding: 0 50px;}
-.html-rtl #nav-user { margin: -1.75em auto 0; padding: 0 0 0 50px;}
+.html-rtl #nav-user { margin: 0em auto 0; padding: 0 0 0 50px;}
#nav-user li { display: inline;}
.html-ltr #nav-user li { padding-left: 1em; margin-right: .5em; }
@@ -385,6 +386,46 @@ form.asclosed {display: none;}
#addon-summary .rating { position: absolute; left: 20px; top: 180px; width: 200px; }
#addon-summary .stats { position: absolute; left: 20px; top: 180px; width: 200px; margin-top: 3.5em; }
+#addon-summary .link-sharing { position: absolute; left: 105px; /*padding-left: 25px; border-left: 1px solid #cecece;*/ top: 180px; font-size: 0.7em; }
+#addon-summary .link-sharing .badge { }
+#addon-summary .link-sharing .badge .button { display: block;color: #062445; background: #7cc11c url("../img/sprite.png?20081210") -800px -730px no-repeat; }
+#addon-summary .link-sharing .badge .button a { display: block; padding: 0 8px 8px 0; background: transparent url(../img/installbtn-edges.png) no-repeat scroll right bottom; }
+#addon-summary .link-sharing .badge .button a span { display: block; text-align: center; font-weight: bold; padding: 2px 0 0 2px; background: transparent url(../img/installbtn-edges-list.png) no-repeat scroll left top; }
+
+#addon-summary .link-sharing .share-button { padding: 0; margin: 0 }
+#addon-summary .link-sharing .share-button:after, .install-container:after {content:".";clear:both;display:block;visibility:hidden;height:0;overflow:hidden;}
+#addon-summary .link-sharing .share-button a { float: left; cursor: pointer; max-width: 290px; text-decoration: none; }
+#addon-summary .link-sharing .share-button a * { display: block; float: left; position: relative; }
+#addon-summary .link-sharing .share-button a span { padding: 0 0 0 6px; }
+#addon-summary .link-sharing .share-button a span span { padding: 0 0 8px 0; }
+#addon-summary .link-sharing .share-button a span span span { left: -6px; padding: 0 0 0 0; }
+#addon-summary .link-sharing .share-button a span span span strong { width: 90px; text-align: center; right: -6px; padding: 0 18px 0 6px; }
+#addon-summary .link-sharing .share-button a span span span strong img {padding: 0 6px 0 0;}
+
+#addon-summary .link-sharing .share-button a { color: #062445; background: #7cc11c url("../img/sprite.png?20081210") -800px -730px no-repeat; }
+#addon-summary .link-sharing .share-button a span { background: transparent url("../img/installbtn-edges.png") left bottom no-repeat; }
+#addon-summary .link-sharing .share-button a span span { background: transparent url("../img/installbtn-edges.png") right bottom no-repeat; }
+#addon-summary .link-sharing .share-button a span span span { background: transparent url("../img/installbtn-edges.png") left top no-repeat; }
+#addon-summary .link-sharing .share-button a span span span strong { background: transparent url("../img/installbtn-edges.png") right top no-repeat; }
+
+#addon-summary .link-sharing .share-button a:hover, .install-button a:focus, .install-button a:active { color: #0a3b73; background-color: #9dd34c; background-position: -800px -860px; }
+
+#addon-summary .link-sharing .badge .counter { display: block; position: relative; padding-right: 4px; text-align: center; top: -4px; }
+
+#addon-summary .link-sharing .choices { display: none; position: absolute; z-index: 999; left: -120px; top: 12px; width: 360px; background: transparent url(../img/box-pointer-top.png) center top no-repeat; padding-top: 12px; }
+#addon-summary .link-sharing .choices div { margin: 0; padding: 1em; background-color: #f8f8f8; border: 1px solid #657b86; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; }
+#addon-summary .link-sharing .choices ul { list-style: none; margin: 0; }
+#addon-summary .link-sharing .choices ul li { width: 50%; float: left; }
+#addon-summary .link-sharing .choices ul li p { padding: 0.25em; margin: 0 0.25em 0 0 }
+#addon-summary .link-sharing .choices ul li p a { font-weight: bold; display:block; height: 20px; text-decoration: none; padding-left: 22px; background: transparent url(../img/favicons/digg.gif) left top no-repeat }
+#addon-summary .link-sharing .choices ul li.digg p a { background-image: url(../img/favicons/digg.gif); }
+#addon-summary .link-sharing .choices ul li.facebook p a { background-image: url(../img/favicons/facebook.gif); }
+#addon-summary .link-sharing .choices ul li.delicious p a { background-image: url(../img/favicons/delicious.gif); }
+#addon-summary .link-sharing .choices ul li.myspace p a { background-image: url(../img/favicons/myspace.gif); }
+#addon-summary .link-sharing .choices ul li.friendfeed p a { background-image: url(../img/favicons/friendfeed.gif); }
+#addon-summary .link-sharing .choices ul li.reddit p a { background-image: url(../img/favicons/reddit.gif); }
+
+
.addon-cats { margin-left: 0; }
.addon-cats li { display: inline; padding-left: 1em; margin-right: .5em; }
.addon-cats li:first-child { padding-left: 0; }
@@ -906,6 +947,8 @@ form.asclosed {display: none;}
background-color: #000;
}
+
+
/* Background iframe styling for IE6. Prevents ActiveX bleed-through (<select> form elements, etc.) */
* iframe.jqm {
position: absolute;