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         height: 317px;\r
 108         background: transparent url(/images/embed_voting_bg.png) top left no-repeat;\r
 109         margin: 0px;\r
 110         padding: 0px;\r
 111         overflow: hidden;\r
 112 }\r
 113 \r
 114 ul {\r
 115         margin: 0 0 0 40px;\r
 116         padding: 0 0 0 0;\r
 117         list-style: none;\r
 118 }\r
 119 \r
 120 .ranking {\r
 121         margin: 0px;\r
 122         height: 53px;\r
 123     overflow: hidden !important;\r
 124 }\r
 125 \r
 126 .ranking img {\r
 127         margin: 0 0 0 0;\r
 128         padding: 0 0 0 0;\r
 129         float: left;\r
 130         clear: left;\r
 131 }\r
 132 \r
 133 .ranking-info {\r
 134         margin-left: 70px;\r
 135         width: 202px;\r
 136         height: 23px;\r
 137         padding: 11px 6px 13px 6px;\r
 138         color: #666666;\r
 139         line-height: 1.2em;\r
 140         border: 3px solid transparent;\r
 141 }\r
 142 \r
 143 .ranking-info a {\r
 144         font-weight: bold;\r
 145         color: #666666;\r
 146 }\r
 147 \r
 148 #voting-bottom {\r
 149         color: #464646;\r
 150     position: absolute;\r
 151     top: 318px;\r
 152     width: 330px;\r
 153 }\r
 154 \r
 155 #container {\r
 156         margin: 0 auto 0 auto;\r
 157         width: 90%;\r
 158 }\r
 159 \r
 160 #voting-bottom h2, #results-bottom h2 {\r
 161         padding-top: 20px;\r
 162         height: 0px;\r
 163         width: 119px;\r
 164         overflow: hidden;\r
 165         float: left;\r
 166         margin-top: 16px;\r
 167 }\r
 168 \r
 169 #voting-bottom p, #results-bottom p {\r
 170         float: left;\r
 171         width: 160px;\r
 172         margin-top: 12px;\r
 173         margin-left: 10px;\r
 174         line-height: 1.3em;\r
 175 }\r
 176 \r
 177 \r
 178 #voting-bottom h2 {\r
 179         background: transparent url(/images/embed_voting_submitvote.png);\r
 180 }\r
 181 \r
 182 #results-bottom h2 {\r
 183         background: transparent url(/images/embed_results_changevote.png);\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
 201 \r
 202 \r