projects.mako.cc - selectricity-live/blob - public/stylesheets/embed.css

   1 @charset "utf-8";\r
   2 /* CSS Document */\r
   3 \r
   4 /*****************************************************************************************\r
   5  *\r
   6  * "Reset Reloaded"\r
   7  * Thanks to Eric Meyer\r
   8  * http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/\r
   9  *\r
  10  */\r
  11 \r
  12 html, body, div, span, applet, object, iframe,\r
  13 h1, h2, h3, h4, h5, h6, p, blockquote, pre,\r
  14 a, abbr, acronym, address, big, cite, code,\r
  15 del, dfn, em, font, img, ins, kbd, q, s, samp,\r
  16 small, strike, strong, sub, sup, tt, var,\r
  17 dl, dt, dd, fieldset, form, label, legend,\r
  18 table, caption, tbody, tfoot, thead, tr, th, td {\r
  19         margin: 0;\r
  20         padding: 0;\r
  21         border: 0;\r
  22         outline: 0;\r
  23         font-weight: inherit;\r
  24         font-style: inherit;\r
  25         font-size: 100%; \r
  26         font-family: inherit;\r
  27         vertical-align: baseline;\r
  28 }\r
  29 \r
  30 strong, h2, h3 {\r
  31     font-weight: bold;\r
  32 }\r
  33 \r
  34 body {\r
  35         line-height: 1;\r
  36         color: black;\r
  37         background: white;\r
  38 }\r
  39 \r
  40 /* tables still need 'cellspacing="0"' in the markup */\r
  41 table {\r
  42         border-collapse: separate;\r
  43         border-spacing: 0;\r
  44 }\r
  45 \r
  46 caption, th, td {\r
  47         text-align: left;\r
  48         font-weight: normal;\r
  49 }\r
  50 \r
  51 blockquote:before, blockquote:after,\r
  52 q:before, q:after {\r
  53         content: "";\r
  54 }\r
  55 \r
  56 blockquote, q {\r
  57         quotes: "" "";\r
  58 }\r
  59 \r
  60 \r
  61 \r
  62 \r
  63 \r
  64 /* GENERIC *****************************************************************************/\r
  65 \r
  66 body {\r
  67         font-family: helvetica,verdana;\r
  68         font-size: 11px;\r
  69         color: white;\r
  70 }\r
  71 \r
  72 a {\r
  73         color: inherit;\r
  74         text-decoration: none;\r
  75 }\r
  76 \r
  77 .submit_vote_button {\r
  78         cursor: pointer;\r
  79 }\r
  80 \r
  81 \r
  82 #header {\r
  83     width: 330px;\r
  84     height: 53px;\r
  85         background: transparent url(/images/embed_basic_bg.png) top left no-repeat;\r
  86         margin: 0px;\r
  87         padding: 0px;\r
  88         overflow: hidden;\r
  89 }\r
  90 \r
  91 #header h2 {\r
  92     font-size: 25px;\r
  93     margin: 12px 0px 12px 7px;\r
  94     color: #FFF;\r
  95     font-weight: normal;\r
  96 }\r
  97 #header_icon {\r
  98     display: float;\r
  99     float: right;\r
 100 }\r
 101 \r
 102 \r
 103 /* VOTING ******************************************************************************/\r
 104 \r
 105 #voting-box {\r
 106         width: 330px;\r
 107         margin: 0px;\r
 108         padding: 0px;\r
 109         overflow: hidden;\r
 110 }\r
 111 \r
 112 ul {\r
 113         margin: 0 0 0 40px;\r
 114         padding: 0 0 0 0px;\r
 115         list-style: none;\r
 116 }\r
 117 \r
 118 .ranking {\r
 119         margin: 0px;\r
 120         height: 53px;\r
 121     overflow: hidden !important;\r
 122 }\r
 123 \r
 124 .ranking img {\r
 125         margin: 0 0 0 0;\r
 126         padding: 0 0 0 0;\r
 127         float: left;\r
 128         clear: left;\r
 129 }\r
 130 \r
 131 .ranking-info {\r
 132         margin-left: 70px;\r
 133         width: 202px;\r
 134         height: 23px;\r
 135         padding: 11px 6px 13px 6px;\r
 136         color: #666666;\r
 137         line-height: 1.2em;\r
 138         border: 3px solid transparent;\r
 139 }\r
 140 \r
 141 .ranking-info a {\r
 142         font-weight: bold;\r
 143         color: #666666;\r
 144 }\r
 145 \r
 146 #voting-bottom {\r
 147         color: #464646;\r
 148     position: absolute;\r
 149     width: 330px;\r
 150         height:53px;\r
 151 }\r
 152 \r
 153 #container {\r
 154         margin: 0 auto 0 auto;\r
 155         width: 90%;\r
 156 }\r
 157 \r
 158 #voting-bottom h2, #results-bottom h2 {\r
 159         padding-top: 20px;\r
 160         height: 0px;\r
 161         width: 119px;\r
 162         overflow: hidden;\r
 163         float: left;\r
 164         margin-top: 16px;\r
 165 }\r
 166 \r
 167 #voting-bottom p, #results-bottom p {\r
 168         float: left;\r
 169         width: 160px;\r
 170         margin-top: 12px;\r
 171         margin-left: 10px;\r
 172         line-height: 1.3em;\r
 173 }\r
 174 \r
 175 \r
 176 #voting-bottom h2 {\r
 177         background: transparent url(/images/embed_voting_submitvote.png);\r
 178 }\r
 179 \r
 180 #results-bottom h2 {\r
 181         background: transparent url(/images/embed_results_changevote.png);\r
 182 }\r
 183 \r
 184 \r
 185 \r
 186 \r
 187 \r
 188 \r
 189 \r
 190 \r
 191 \r
 192 \r
 193 \r
 194 \r
 195 \r
 196 \r
 197 \r
 198 \r
 199 \r
 200 \r