From a927a78b4b0571dbdbd850a7b192bdb434e16061 Mon Sep 17 00:00:00 2001 From: jordan Date: Sun, 3 Jul 2011 01:41:38 +0000 Subject: [PATCH] OSQA-277, making the subscribe button more prominent git-svn-id: http://svn.osqa.net/svnroot/osqa/trunk@1100 0cfe37f9-358a-4d5e-be75-b63607b5c754 --- forum/skins/default/media/style/style.css | 42 +++++++++++++++++++++++ 1 file changed, 42 insertions(+) diff --git a/forum/skins/default/media/style/style.css b/forum/skins/default/media/style/style.css index 9927bf8..e20a51e 100644 --- a/forum/skins/default/media/style/style.css +++ b/forum/skins/default/media/style/style.css @@ -1807,6 +1807,48 @@ div#subscription_list { /*float:left;*/ } +.subscription_switch { + display: inline-block; + zoom: 1; /* zoom and *display = ie7 hack for display:inline-block */ + *display: inline; + vertical-align: baseline; + margin: 0 2px; + outline: none; + cursor: pointer; + text-align: center; + text-decoration: none; + font: 11px Arial, Helvetica, sans-serif; + padding: .2em 1em .275em; + text-shadow: 0 1px 1px rgba(0,0,0,.3); + -webkit-border-radius: .5em; + -moz-border-radius: .5em; + border-radius: .5em; + -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2); + -moz-box-shadow: 0 1px 2px rgba(0,0,0,.2); + box-shadow: 0 1px 2px rgba(0,0,0,.2); + color: #101010 !important; + border: solid 1px #b7b7b7; + background: #fff; + background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ededed)); + background: -moz-linear-gradient(top, #fff, #ededed); + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ededed'); +} +.subscription_switch:hover { + text-decoration: none; + background: #ededed; + background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#dcdcdc)); + background: -moz-linear-gradient(top, #fff, #dcdcdc); + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#dcdcdc'); + color: #101010 !important; +} +.subscription_switch:active { + position: relative; + top: 1px; + background: -webkit-gradient(linear, left top, left bottom, from(#ededed), to(#fff)); + background: -moz-linear-gradient(top, #ededed, #fff); + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#ffffff'); +} + div.subscription_summary { border-top: 2px dotted #CCCCCE; overflow: hidden; -- 2.39.5