data/css/yotsuba.css

   1 body {\r
   2         font-family: arial,helvetica,sans-serif;\r
   3         font-size: 10pt;\r
   4         background: #FFFFEE url(../icon/fade.png) top center repeat-x;\r
   5         color: #800000;\r
   6         padding-left: 5px;\r
   7         padding-right: 5px;\r
   8         margin-right: 0px;\r
   9         margin-left: 0px;\r
  10         margin-top: 5px;\r
  11 }\r
  12 \r
  13 td { font-size: 10pt; padding:0; margin:0; }\r
  14 td.reply { border: 1px solid #D9BFB7; border-left: none; border-top: none; padding: 2px; }\r
  15 \r
  16 blockquote { font-size: 10pt; }\r
  17 .doubledash { color: #D9BFB7; }\r
  18 .inputtext {\r
  19         margin: 0;\r
  20         margin-right: 2px; \r
  21         padding: 1px 4px;\r
  22         border: 1px solid #aaa;\r
  23         outline: none;\r
  24         font-family: arial,helvetica,sans-serif; \r
  25         font-size: 10pt;\r
  26 }\r
  27 input.inputtext { height: 1.75em; }\r
  28 td > .inputtext { height: auto; padding-top: 2px; padding-bottom: 3px; }\r
  29 .inputtext:focus { border: 1px solid #ea8; }\r
  30 .logo img { border: 1px solid #800; }\r
  31 .logo b span { font-family: tahoma;  }\r
  32 .logo span { font-size: 28px; letter-spacing: -2px; }\r
  33 hr { border: none; border-top: 1px solid #D9BFB7; height: 0px; }\r
  34 .postblock { border: 1px solid #800; font-size: 10pt; padding: 0px 5px;  }\r
  35 .rules { font-size: 10pt; }\r
  36 .rules a { text-decoration: none; }\r
  37 \r
  38 form a img { margin-top: 3px; }\r
  39 \r
  40 iframe, .rotating { background: #F0E0D6; border-right: 1px solid #D9BFB7; border-bottom: 1px solid #D9BFB7; }\r
  41 \r
  42 .pages { border: none; background:#F0E0D6; border-right: 1px solid #D9BFB7; border-bottom: 1px solid #D9BFB7;  }\r
  43 .pages td { border: none; padding: 1px 5px; }\r
  44 .pages td { color: #b86; }\r
  45 .pages td b { color: #800; }\r
  46 \r
  47 .deletebuttons { text-align: right; }\r
  48 .deletebuttons br { display: none; }\r
  49 \r
  50 a, a:visited {\r
  51         color: #0000EE;\r
  52 }\r
  53 \r
  54 a:hover {\r
  55         color: #DD0000;\r
  56 }\r
  57 \r
  58 a.quotelink {\r
  59         color: #000080;\r
  60 }\r
  61 \r
  62 .logo {\r
  63         clear: both;\r
  64         text-align: center;\r
  65         font-size: 24pt;\r
  66         color: #800000;\r
  67         width: 100%;\r
  68 }\r
  69 \r
  70 form {\r
  71         margin-top: 0px;\r
  72 }\r
  73 \r
  74 .rules {\r
  75         width: 468px;\r
  76         font-size: 10px;\r
  77 }\r
  78 \r
  79 .rules a, .rules a:visited, .rules a:link {\r
  80 }\r
  81 \r
  82 \r
  83 .rules > li {\r
  84         list-style: none;\r
  85 }\r
  86 .rules > li:before { content: "\2022 \20"; }\r
  87 \r
  88 .postblock {\r
  89         background: #EEAA88;\r
  90         color: #800000;\r
  91         font-weight: 800;\r
  92 }\r
  93 \r
  94 .footer {\r
  95         text-align: center;\r
  96         font-size: 12px;\r
  97 }\r
  98 \r
  99 .unkfunc {\r
 100         color: #789922;\r
 101 }\r
 102 \r
 103 .filesize {\r
 104         text-decoration: none;\r
 105 }\r
 106 td .filesize { display: inline; background: none; }\r
 107 \r
 108 .filesize span, span.postername, span.filetitle, span.commentpostername {\r
 109         unicode-bidi: embed;\r
 110 }\r
 111 \r
 112 .filetitle, .replytitle {\r
 113 \r
 114         color: #CC1105;\r
 115         font-weight: 800;\r
 116 }\r
 117 \r
 118 .postername, .commentpostername {\r
 119         color: #117743;\r
 120         font-weight: 800;\r
 121 }\r
 122 \r
 123 .postertrip {\r
 124         background: inherit;\r
 125         color: #228854;\r
 126 }\r
 127 \r
 128 .oldpost {\r
 129         background: inherit;\r
 130         color: #f00000;\r
 131         font-weight: 800;\r
 132 }\r
 133 \r
 134 .omittedposts, .abbr {\r
 135         color: #707070;\r
 136 }\r
 137 \r
 138 .reply {\r
 139         background: #F0E0D6;\r
 140         color: #800000;\r
 141 }\r
 142 \r
 143 .replyhl {\r
 144         background: #F0C0B0;\r
 145         color: #800000;\r
 146 }\r
 147 \r
 148 .doubledash {\r
 149         vertical-align: top;\r
 150         clear: both;\r
 151         float: left;\r
 152 }\r
 153 \r
 154 a.quotejs:active, a.quotejs:link, a.quotejs:visited {\r
 155         color: #800000;\r
 156         text-decoration: none;\r
 157 }\r
 158 \r
 159 a.quotejs:hover {\r
 160         color: #d00;\r
 161 }\r
 162 \r
 163 .tn_thread {\r
 164         width: 200px;\r
 165         height: 100px;\r
 166         margin: 0px 20px 20px 20px;\r
 167         float: left;\r
 168         background: #eed;\r
 169         border: #ea8 1px solid;\r
 170         text-align: center;\r
 171 }\r
 172 \r
 173 .tn_reply {\r
 174         width: 100px;\r
 175         height: 100px;\r
 176         margin: 0px 20px 20px 20px;\r
 177         float: left;\r
 178         background: #eed;\r
 179         border: #ea8 1px solid;\r
 180         text-align: center;\r
 181 }\r
 182 \r
 183 #ad {\r
 184         width: 300px;\r
 185         margin: 0;\r
 186         padding: 0;\r
 187         position: absolute;\r
 188         left: 50%;\r
 189         margin-left:-394px; /* -300 - 10 - (468-300)/2 */\r
 190         font-family: arial,helvetica, sans-serif;\r
 191         font-size: 11px;\r
 192 }\r
 193 \r
 194 #ad div {\r
 195         margin: 0;\r
 196         padding: 0.4em;\r
 197 }\r
 198 \r
 199 #ad div.ad-title, #ad h3, #ad .jltp_foot {\r
 200         text-align:center;\r
 201         padding: 0;\r
 202         margin: 0;\r
 203         background: #EEAA88;\r
 204         color: #800000;\r
 205         font-size: 11px;\r
 206 }\r
 207 \r
 208 #ad div.ad-title a, .bottomAdFoot a, .bottomAdFoot a:hover, #ad .jltp_foot a, #ad h3 a {\r
 209         font-family: arial,helvetica, sans-serif;\r
 210         color: #800000;\r
 211 }\r
 212 \r
 213 #ad div.ad-text a, #ad div.jltp a {\r
 214         font-family: arial,helvetica, sans-serif;\r
 215 }\r
 216 #ad .jltp .itm { padding: 0.2em; }\r
 217 #ad .jltp { \r
 218         overflow:hidden; \r
 219         width: 120px; \r
 220         padding: 0; \r
 221         height: 240px; \r
 222 }\r
 223 #ad .jltp_foot { \r
 224         position:absolute; \r
 225         bottom: 0; \r
 226         height:16px; \r
 227         width:100%; \r
 228         text-align: center; \r
 229 }\r
 230 \r
 231 .adHeadline {\r
 232         font-family: arial,helvetica, sans-serif;\r
 233         font-size: 11px;\r
 234         font-weight: normal;\r
 235 }\r
 236 \r
 237 .adText {\r
 238         font-family: arial,helvetica, sans-serif;\r
 239         font-size: 11px;\r
 240         font-weight: normal;\r
 241         text-decoration: none;\r
 242         color: #800000;\r
 243 }\r
 244 \r
 245 .bottomAdTitle {\r
 246         font-family: arial,helvetica, sans-serif;\r
 247         background: #EEAA88;\r
 248         color: #800000;\r
 249 }\r
 250 \r
 251 #bottomAd {\r
 252         height: 52px;\r
 253         font-size: 11px;\r
 254 }\r
 255 \r
 256 #bottomAdOuter {\r
 257         width: 600px;\r
 258         border: 1px solid #EEAA88;\r
 259         font-size: 11px;\r
 260 }\r
 261 \r
 262 .spoiler a.quotelink, .spoiler .unkfunc {\r
 263         color: inherit;\r
 264 }\r
 265 \r
 266 .exif {\r
 267         display: none;\r
 268         font-family: arial,helvetica, sans-serif;\r
 269         font-size: xx-small;\r
 270 }\r
 271 \r
 272 .exif td {\r
 273         font-family: arial,helvetica, sans-serif;\r
 274         font-size: xx-small;\r
 275 }\r
 276 \r
 277 .exif td b {\r
 278         font-weight: 800;\r
 279         text-decoration: underline;\r
 280         font-size: x-small;\r
 281 }\r
 282 \r
 283 #header {\r
 284         position: absolute;\r
 285         top: 2px;\r
 286         left: 5px;\r
 287         right: 5px;\r
 288 }\r
 289 \r
 290 * html #header {\r
 291         width: 100%;\r
 292 }\r
 293 \r
 294 #navtop, #navbot {\r
 295         left: 0px;\r
 296         float: left;\r
 297 }\r
 298 \r
 299 #navtopr, #navbotr {\r
 300         right: 0px;\r
 301         display: block;\r
 302         float: right;\r
 303         text-align: right;\r
 304 }\r
 305 \r
 306 #header, #navbot, #navbotr { font-size: 9pt; color: #b86; }\r
 307 #header a, #navbot a, #navbotr a, .pages td a  { font-weight: normal; padding: 1px; text-decoration: none; color: #800; }\r
 308 #header a:hover, #navbot a:hover, #navbotr a:hover, .pages td a:hover { color: #d00; }\r
 309 #footer { clear: both; padding-top: 10px; }\r
 310 #footer center font { font-size: 7pt; }\r
 311 .pages td a { color: #00e; }\r
 312 \r
 313 td.replyhl { border: 1px solid #D99F91; border-left: none; border-top: none; padding: 2px; }\r
 314 td.deletebuttons input.checkbox { margin: 1px 2px 1px 2px; }\r
 315 div.logo img { margin: 5px 0px 5px 0px; }\r
 316 \r
 317 <script src="http://www.google-analytics.com/urchin.js" type="text/javascript">\r
 318 </script>\r
 319 <script type="text/javascript">\r
 320 _uacct = "UA-1858022-1";\r
 321 urchinTracker();\r
 322 </script>\r
 323 \r
 324 \r