data/templates/own_templates/2019722.tpl

   1 /* tie komentare este niesu akoze naozaj [= vlastne aj toto css je taka provizooria; bo by som chcel zmenit system selektorov [aj v kode] */
   2
   3 /* pasteka */
   4 body {
   5         color: #6DAE42;
   6         text-decoration: none;
   7         margin: 0;
   8         background-color: black;
   9         scrollbar-shadow-color: #6DAE42;
  10         scrollbar-highlight-color: #6DAE42;
  11         scrollbar-3dlight-color: #6DAE42;
  12         scrollbar-base-color: black;
  13         scrollbar-darkshadow-color: #6DAE42;
  14         scrollbar-track-color: black;
  15         scrollbar-arrow-color: black;
  16         font: 8pt Tahoma,sans-serif;
  17 }
  18
  19 inframe {
  20         width: 90%;
  21         height: 230px;
  22 }
  23
  24 td {
  25         wordwrap: break-word;
  26         font: 8pt Tahoma,sans-serif;
  27 }
  28
  29
  30 /* header [momentalne vypnute fixnutie] */
  31 .t1 {
  32         position: relative;
  33         margin: 0;
  34         text-align: center;
  35         background-color: #000;
  36         top: 0%;
  37         width: 100%;
  38         height: 20px;
  39         right: 0;
  40         left: 0;
  41 }
  42
  43 .t2 {
  44         height: 20px;
  45 }
  46
  47 /* obsah nody */
  48
  49 #topic {
  50         width: 662px;
  51         padding: 2px;
  52         display: table;
  53 }
  54
  55
  56 a {
  57         color: white;
  58         text-decoration: none;
  59         font: 8pt Tahoma,sans-serif;
  60 }
  61
  62 a:hover {
  63         color: red;
  64         text-decoration: none;
  65         font: 8pt Tahoma,sans-serif;
  66 }
  67
  68 a.mail {
  69         color: red;
  70         font-weight: bold;
  71         text-align: center;
  72         text-decoration: none;
  73         font: 8pt Tahoma,sans-serif;
  74 }
  75
  76 a.mail:hover {
  77         color: white;
  78         text-decoration: none;
  79         font-weight: bold;
  80         text-align: center;
  81         font: 8pt Tahoma,sans-serif;
  82 }
  83
  84
  85 .bordered {
  86         border: 2px solid  #6DAE42;
  87 }
  88
  89 .bordered2 {
  90         border-left: solid 1pt #6DAE42;
  91         border-right: solid 1pt #6DAE42;
  92         border-bottom: solid 1pt #6DAE42;
  93 }
  94
  95
  96
  97 .header {
  98         background-color: #333;
  99         border-bottom: solid 1px #6DAE42;
 100         height: 100%;
 101         width: 100%;
 102         vertical-align: top;
 103         align: left;
 104         padding: 0pt;
 105 }
 106
 107 .header input {
 108   margin:0;
 109   padding:0;
 110   width: 8pt;
 111   height: 8pt;
 112   background: #444;   /* len opera */
 113   border: 1px solid #000;   /* len opera */
 114   color: #000;
 115   opacity: 0.8;
 116 }
 117
 118 .important {
 119         font-weight: bold;
 120         text-align: center;
 121 }
 122
 123 .most_important {
 124   font-weight: bold;
 125   color: red;
 126   size:70%;
 127 }
 128
 129 .important_y { color: red; display: block; font-size: 2em; margin: .67em 0 }
 130 .important_n { color: green; display: block; font-size: 2em; margin: .67em 0 }
 131
 132 /* userlisty a podobny sajrajt ----------------------------------------- */
 133
 134 .active_user_img {
 135         float: left;
 136         width: 50px;
 137         margin: 0 3px 3px 0;
 138         _margin-bottom:0;
 139 }
 140
 141 .active_user_img img { margin:0; padding:0; width: 50px; height:50px; border:0; }
 142
 143 .active_users .active_user_name {
 144         text-align: center;
 145 }
 146
 147 .node_userlist {
 148         width: 666px;
 149         text-align: center;
 150         margin-bottom: 10px;
 151         position: relative;
 152 }
 153
 154 .node_userlist img {
 155         width: 50px;
 156         height: 50px;
 157         border: 0;
 158         margin: 0 3px 3px 0;
 159 }
 160
 161 /* thread -------------------------------------------------------------- */
 162
 163 #th_root {
 164 margin:0;
 165 padding:0;
 166 }
 167
 168 #th_root li {
 169   list-style-type:none;
 170   border-left: 1px dotted #444;
 171   padding-left:2pt;
 172   margin-top: 5pt;
 173 }
 174
 175 #th_root > li {
 176 border-bottom: 1px dotted #333;
 177 }
 178
 179 .th_cnt {
 180   margin:0;
 181   padding:0;
 182   border-bottom: 1px dotted #444;
 183 }
 184
 185
 186 a.vector {
 187   font-size: 6pt;
 188 }
 189
 190 a.vector:hover {
 191   font-size: 6pt;
 192 }
 193
 194 .th_cnt .bordered {
 195   margin:0;
 196   padding: 2px;
 197   border: 2px solid #6dae42;
 198   background: #000;
 199 }
 200
 201
 202
 203 .th_header {
 204   margin:0;
 205   padding:0.2em;
 206   background: #333;
 207 }
 208
 209 .th_header input {
 210   margin:0;
 211   padding:0;
 212   width: 8pt;
 213   height: 8pt;
 214   background: #444;   /* len opera */
 215   border: 1px solid #000;   /* len opera */
 216   color: #000;
 217   opacity: 0.8;
 218 }
 219
 220 .th_header input:hover {
 221   background: #000;
 222   color: #6dae42;
 223   border: 1px solid;
 224   opacity: 1;
 225 }
 226
 227 .th_header div {
 228   margin:0;
 229 }
 230
 231 .th_content {
 232   margin:0;
 233   padding:0;
 234 }
 235
 236 .th_content img {
 237   max-width: 560px; /* loliik[=  */
 238 }
 239
 240 /* form ---------------------------------------------------------------- */
 241 input {
 242         color: white;
 243         background-color: black;
 244         vertical-align: middle;
 245         border: solid 1px #6DAE42;
 246         height: 18px;
 247         font: 8pt Tahoma,sans-serif;
 248 }
 249
 250
 251 input.small {
 252         color: white;
 253         background-color: transparent;
 254         width: 50px;
 255         vertical-align: middle;
 256         border: solid 1px #6DAE42;
 257         height: 18px;
 258         font: 8pt Tahoma,sans-serif;
 259 }
 260
 261 select {
 262         color: white;
 263         background-color: black;
 264         vertical-align: middle;
 265         border: solid 1px #6DAE42;
 266         height: 18px;
 267         font: 8pt Tahoma,sans-serif;
 268 }
 269
 270 textarea {
 271         width: 666px;
 272         height: 123px;
 273         background-color: transparent;
 274         border: 1px solid #6DAE42;
 275         color: white;
 276 }
 277
 278 textarea.node_content {
 279         width: 800px;
 280         height: 666px;
 281         background-color: transparent;
 282         color: white;
 283 }
 284
 285 textarea.small {
 286         width: 90%;
 287         height: 42px;
 288         background-color: transparent;
 289         overflow: hidden;
 290         font-color: white;
 291         color: white;
 292 }
 293
 294 .controls { margin-top:3px;  }
 295 .controls input { margin-right: 2px; }
 296
 297 .toolbar { margin: 2px 0;}
 298 .toolbar input { margin-right: 2px; }
 299
 300 .add_put { margin-top: 3px; }
 301
 302
 303 /* mejl ---------------------------------------------------------------- */
 304
 305 #mail_form { margin-bottom:10px }
 306 #mail_form .controls { margin-top:2px; }
 307 .message .header { padding:0.2em }
 308
 309
 310 /* friend hilight [zatim len v blogs] ---------------------------------- */
 311 .hilight {
 312         background-color: #222;
 313 }
 314 .hilight .header {
 315         background-color: #555;
 316 }
 317
 318
 319 /* user panel ---------------------------------------------------------- */
 320 #panel {
 321         position: absolute;
 322         top: 0px;
 323         left: 0px;
 324         display: none;
 325         z-index: 23;
 326         color: #FFF;
 327         background: #000;
 328         border: 1px solid #6DAE42;
 329         padding: 2px;
 330         margin: 0;
 331 }
 332 #panel .panel_btn {
 333         border: 0;
 334         color: #FFF;
 335         background: transparent;
 336         margin: 0;
 337         padding: 1px 0 1px 0;
 338 }
 339 #panel .panel_btn:hover {
 340         color: #F00;
 341 }
 342 #panel form {
 343         padding: 0;
 344         margin: 0;
 345 }