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