git.roojs.org Git - pagedown/blob - demo/browser/demo.css

   1 body
   2 {
   3         background-color: White;
   4     font-family: sans-serif;
   5 }
   6
   7 .wmd-panel
   8 {
   9         margin-left: 25%;
  10         margin-right: 25%;
  11         width: 50%;
  12         min-width: 500px;
  13 }
  14
  15 .wmd-button-bar
  16 {
  17         width: 100%;
  18         background-color: Silver;
  19 }
  20
  21 .wmd-input
  22 {
  23         height: 300px;
  24         width: 100%;
  25         background-color: Gainsboro;
  26         border: 1px solid DarkGray;
  27 }
  28
  29 .wmd-preview
  30 {
  31         background-color: #c0e0ff;
  32 }
  33
  34 .wmd-button-row
  35 {
  36         position: relative;
  37         margin-left: 5px;
  38         margin-right: 5px;
  39         margin-bottom: 5px;
  40         margin-top: 10px;
  41         padding: 0px;
  42         height: 20px;
  43 }
  44
  45 .wmd-spacer
  46 {
  47         width: 1px;
  48         height: 20px;
  49         margin-left: 14px;
  50
  51         position: absolute;
  52         background-color: Silver;
  53         display: inline-block;
  54         list-style: none;
  55 }
  56
  57 .wmd-button {
  58     width: 20px;
  59     height: 20px;
  60     padding-left: 2px;
  61     padding-right: 3px;
  62     position: absolute;
  63     display: inline-block;
  64     list-style: none;
  65     cursor: pointer;
  66 }
  67
  68 .wmd-button > span {
  69     background-image: url(../../wmd-buttons.png);
  70     background-repeat: no-repeat;
  71     background-position: 0px 0px;
  72     width: 20px;
  73     height: 20px;
  74     display: inline-block;
  75 }
  76
  77 .wmd-spacer1
  78 {
  79     left: 50px;
  80 }
  81 .wmd-spacer2
  82 {
  83     left: 175px;
  84 }
  85 .wmd-spacer3
  86 {
  87     left: 300px;
  88 }
  89
  90
  91
  92
  93 .wmd-prompt-background
  94 {
  95         background-color: Black;
  96 }
  97
  98 .wmd-prompt-dialog
  99 {
 100         border: 1px solid #999999;
 101         background-color: #F5F5F5;
 102 }
 103
 104 .wmd-prompt-dialog > div {
 105         font-size: 0.8em;
 106         font-family: arial, helvetica, sans-serif;
 107 }
 108
 109
 110 .wmd-prompt-dialog > form > input[type="text"] {
 111         border: 1px solid #999999;
 112         color: black;
 113 }
 114
 115 .wmd-prompt-dialog > form > input[type="button"]{
 116         border: 1px solid #888888;
 117         font-family: trebuchet MS, helvetica, sans-serif;
 118         font-size: 0.8em;
 119         font-weight: bold;
 120 }