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 p.position {\r
 113         color: #000000;\r
 114         font-size:32px;\r
 115         font-family:'arial';\r
 116         position:absolute;\r
 117 }\r
 118 \r
 119 ul {\r
 120         margin: 0 0 0 40px;\r
 121         padding: 0 0 0 0px;\r
 122         list-style: none;\r
 123 }\r
 124 \r
 125 .ranking {\r
 126         margin: 0px;\r
 127         height: 53px;\r
 128         position:relative;\r
 129     overflow: hidden !important;\r
 130 }\r
 131 \r
 132 .ranking img {\r
 133         margin: 0 0 0 0;\r
 134         padding: 0 0 0 0;\r
 135         float: left;\r
 136         clear: left;\r
 137 }\r
 138 \r
 139 .ranking-info {\r
 140         margin-left: 70px;\r
 141         width: 202px;\r
 142         height: 23px;\r
 143         padding: 11px 6px 13px 6px;\r
 144         color: #666666;\r
 145         line-height: 1.2em;\r
 146         border: 3px solid transparent;\r
 147 }\r
 148 \r
 149 .ranking-info a {\r
 150         font-weight: bold;\r
 151         color: #666666;\r
 152 }\r
 153 \r
 154 #voting-bottom {\r
 155         color: #464646;\r
 156     position: absolute;\r
 157     width: 330px;\r
 158         height:53px;\r
 159 }\r
 160 \r
 161 #results-bottom {\r
 162         position: absolute;\r
 163         width: 330px;\r
 164         height:53px;\r
 165 }\r
 166 \r
 167 #container {\r
 168         margin: 0 auto 0 auto;\r
 169         width: 90%;\r
 170 }\r
 171 \r
 172 #voting-bottom h2, #results-bottom h2 {\r
 173         padding-top: 20px;\r
 174         height: 0px;\r
 175         width: 119px;\r
 176         overflow: hidden;\r
 177         float: left;\r
 178         margin-top: 16px;\r
 179 }\r
 180 \r
 181 #voting-bottom p, #results-bottom p {\r
 182         float: left;\r
 183         width: 160px;\r
 184         margin-top: 12px;\r
 185         margin-left: 10px;\r
 186         line-height: 1.3em;\r
 187 }\r
 188 \r
 189 \r
 190 #voting-bottom h2 {\r
 191         background: transparent url(/images/embed_voting_submitvote.png);\r
 192 }\r
 193 \r
 194 #results-bottom h2 {\r
 195         background: transparent url(/images/embed_results_changevote.png);\r
 196 }\r
 197 \r
 198 \r
 199 \r
 200 \r
 201 \r
 202 \r
 203 \r
 204 \r
 205 \r
 206 \r
 207 \r
 208 \r
 209 \r
 210 \r
 211 \r
 212 \r
 213 \r
 214 \r