diff options
Diffstat (limited to 'site/app/webroot/css/screen.css')
-rw-r--r-- | site/app/webroot/css/screen.css | 45 |
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; |