webcit/epic/themes/preview/github.css

   1 html { padding:0 10px; }
   2
   3 body {
   4   margin:0;
   5   padding:0;
   6   background:#fff;
   7 }
   8
   9 #epiceditor-wrapper{
  10         background:white;
  11 }
  12
  13 #epiceditor-preview{
  14         padding-top:10px;
  15         padding-bottom:10px;
  16         font-family: Helvetica,arial,freesans,clean,sans-serif;
  17         font-size:13px;
  18         line-height:1.6;
  19 }
  20
  21 #epiceditor-preview>*:first-child{
  22         margin-top:0!important;
  23 }
  24
  25 #epiceditor-preview>*:last-child{
  26         margin-bottom:0!important;
  27 }
  28
  29 #epiceditor-preview a{
  30         color:#4183C4;
  31         text-decoration:none;
  32 }
  33
  34 #epiceditor-preview a:hover{
  35         text-decoration:underline;
  36 }
  37
  38 #epiceditor-preview h1,
  39 #epiceditor-preview h2,
  40 #epiceditor-preview h3,
  41 #epiceditor-preview h4,
  42 #epiceditor-preview h5,
  43 #epiceditor-preview h6{
  44         margin:20px 0 10px;
  45         padding:0;
  46         font-weight:bold;
  47         -webkit-font-smoothing:antialiased;
  48 }
  49
  50 #epiceditor-preview h1 tt,
  51 #epiceditor-preview h1 code,
  52 #epiceditor-preview h2 tt,
  53 #epiceditor-preview h2 code,
  54 #epiceditor-preview h3 tt,
  55 #epiceditor-preview h3 code,
  56 #epiceditor-preview h4 tt,
  57 #epiceditor-preview h4 code,
  58 #epiceditor-preview h5 tt,
  59 #epiceditor-preview h5 code,
  60 #epiceditor-preview h6 tt,
  61 #epiceditor-preview h6 code{
  62         font-size:inherit;
  63 }
  64
  65 #epiceditor-preview h1{
  66         font-size:28px;
  67         color:#000;
  68 }
  69
  70 #epiceditor-preview h2{
  71         font-size:24px;
  72         border-bottom:1px solid #ccc;
  73         color:#000;
  74 }
  75
  76 #epiceditor-preview h3{
  77         font-size:18px;
  78 }
  79
  80 #epiceditor-preview h4{
  81         font-size:16px;
  82 }
  83
  84 #epiceditor-preview h5{
  85         font-size:14px;
  86 }
  87
  88 #epiceditor-preview h6{
  89         color:#777;
  90         font-size:14px;
  91 }
  92
  93 #epiceditor-preview p,
  94 #epiceditor-preview blockquote,
  95 #epiceditor-preview ul,
  96 #epiceditor-preview ol,
  97 #epiceditor-preview dl,
  98 #epiceditor-preview li,
  99 #epiceditor-preview table,
 100 #epiceditor-preview pre{
 101         margin:15px 0;
 102 }
 103
 104 #epiceditor-preview hr{
 105         background:transparent url('../../images/modules/pulls/dirty-shade.png') repeat-x 0 0;
 106         border:0 none;
 107         color:#ccc;
 108         height:4px;
 109         padding:0;
 110 }
 111
 112 #epiceditor-preview>h2:first-child,
 113 #epiceditor-preview>h1:first-child,
 114 #epiceditor-preview>h1:first-child+h2,
 115 #epiceditor-preview>h3:first-child,
 116 #epiceditor-preview>h4:first-child,
 117 #epiceditor-preview>h5:first-child,
 118 #epiceditor-preview>h6:first-child{
 119         margin-top:0;
 120         padding-top:0;
 121 }
 122
 123 #epiceditor-preview h1+p,
 124 #epiceditor-preview h2+p,
 125 #epiceditor-preview h3+p,
 126 #epiceditor-preview h4+p,
 127 #epiceditor-preview h5+p,
 128 #epiceditor-preview h6+p{
 129         margin-top:0;
 130 }
 131
 132 #epiceditor-preview li p.first{
 133         display:inline-block;
 134 }
 135
 136 #epiceditor-preview ul,
 137 #epiceditor-preview ol{
 138         padding-left:30px;
 139 }
 140
 141 #epiceditor-preview ul li>:first-child,
 142 #epiceditor-preview ol li>:first-child{
 143         margin-top:0;
 144 }
 145
 146 #epiceditor-preview ul li>:last-child,
 147 #epiceditor-preview ol li>:last-child{
 148         margin-bottom:0;
 149 }
 150
 151 #epiceditor-preview dl{
 152         padding:0;
 153 }
 154
 155 #epiceditor-preview dl dt{
 156         font-size:14px;
 157         font-weight:bold;
 158         font-style:italic;
 159         padding:0;
 160         margin:15px 0 5px;
 161 }
 162
 163 #epiceditor-preview dl dt:first-child{
 164         padding:0;
 165 }
 166
 167 #epiceditor-preview dl dt>:first-child{
 168         margin-top:0;
 169 }
 170
 171 #epiceditor-preview dl dt>:last-child{
 172         margin-bottom:0;
 173 }
 174
 175 #epiceditor-preview dl dd{
 176         margin:0 0 15px;
 177         padding:0 15px;
 178 }
 179
 180 #epiceditor-preview dl dd>:first-child{
 181         margin-top:0;
 182 }
 183
 184 #epiceditor-preview dl dd>:last-child{
 185         margin-bottom:0;
 186 }
 187
 188 #epiceditor-preview blockquote{
 189         border-left:4px solid #DDD;
 190         padding:0 15px;
 191         color:#777;
 192 }
 193
 194 #epiceditor-preview blockquote>:first-child{
 195         margin-top:0;
 196 }
 197
 198 #epiceditor-preview blockquote>:last-child{
 199         margin-bottom:0;
 200 }
 201
 202 #epiceditor-preview table{
 203         padding:0;
 204         border-collapse: collapse;
 205         border-spacing: 0;
 206         font-size: 100%;
 207         font: inherit;
 208 }
 209
 210 #epiceditor-preview table tr{
 211         border-top:1px solid #ccc;
 212         background-color:#fff;
 213         margin:0;
 214         padding:0;
 215 }
 216
 217 #epiceditor-preview table tr:nth-child(2n){
 218         background-color:#f8f8f8;
 219 }
 220
 221 #epiceditor-preview table tr th{
 222         font-weight:bold;
 223 }
 224
 225 #epiceditor-preview table tr th,
 226 #epiceditor-preview table tr td{
 227         border:1px solid #ccc;
 228         text-align:left;
 229         margin:0;
 230         padding:6px 13px;
 231 }
 232
 233 #epiceditor-preview table tr th>:first-child,
 234 #epiceditor-preview table tr td>:first-child{
 235         margin-top:0;
 236 }
 237
 238 #epiceditor-preview table tr th>:last-child,
 239 #epiceditor-preview table tr td>:last-child{
 240         margin-bottom:0;
 241 }
 242
 243 #epiceditor-preview img{
 244         max-width:100%;
 245 }
 246
 247 #epiceditor-preview span.frame{
 248         display:block;
 249         overflow:hidden;
 250 }
 251
 252 #epiceditor-preview span.frame>span{
 253         border:1px solid #ddd;
 254         display:block;
 255         float:left;
 256         overflow:hidden;
 257         margin:13px 0 0;
 258         padding:7px;
 259         width:auto;
 260 }
 261
 262 #epiceditor-preview span.frame span img{
 263         display:block;
 264         float:left;
 265 }
 266
 267 #epiceditor-preview span.frame span span{
 268         clear:both;
 269         color:#333;
 270         display:block;
 271         padding:5px 0 0;
 272 }
 273
 274 #epiceditor-preview span.align-center{
 275         display:block;
 276         overflow:hidden;
 277         clear:both;
 278 }
 279
 280 #epiceditor-preview span.align-center>span{
 281         display:block;
 282         overflow:hidden;
 283         margin:13px auto 0;
 284         text-align:center;
 285 }
 286
 287 #epiceditor-preview span.align-center span img{
 288         margin:0 auto;
 289         text-align:center;
 290 }
 291
 292 #epiceditor-preview span.align-right{
 293         display:block;
 294         overflow:hidden;
 295         clear:both;
 296 }
 297
 298 #epiceditor-preview span.align-right>span{
 299         display:block;
 300         overflow:hidden;
 301         margin:13px 0 0;
 302         text-align:right;
 303 }
 304
 305 #epiceditor-preview span.align-right span img{
 306         margin:0;
 307         text-align:right;
 308 }
 309
 310 #epiceditor-preview span.float-left{
 311         display:block;
 312         margin-right:13px;
 313         overflow:hidden;
 314         float:left;
 315 }
 316
 317 #epiceditor-preview span.float-left span{
 318         margin:13px 0 0;
 319 }
 320
 321 #epiceditor-preview span.float-right{
 322         display:block;
 323         margin-left:13px;
 324         overflow:hidden;
 325         float:right;
 326 }
 327
 328 #epiceditor-preview span.float-right>span{
 329         display:block;
 330         overflow:hidden;
 331         margin:13px auto 0;
 332         text-align:right;
 333 }
 334
 335 #epiceditor-preview code,
 336 #epiceditor-preview tt{
 337         margin:0 2px;
 338         padding:0 5px;
 339         white-space:nowrap;
 340         border:1px solid #eaeaea;
 341         background-color:#f8f8f8;
 342         border-radius:3px;
 343 }
 344
 345 #epiceditor-preview pre>code{
 346         margin:0;
 347         padding:0;
 348         white-space:pre;
 349         border:none;
 350         background:transparent;
 351 }
 352
 353 #epiceditor-preview .highlight pre,
 354 #epiceditor-preview pre{
 355         background-color:#f8f8f8;
 356         border:1px solid #ccc;
 357         font-size:13px;
 358         line-height:19px;
 359         overflow:auto;
 360         padding:6px 10px;
 361         border-radius:3px;
 362 }
 363
 364 #epiceditor-preview pre code,
 365 #epiceditor-preview pre tt{
 366         background-color:transparent;
 367         border:none;
 368 }