skins/ckeditor/samples/assets/outputxhtml/outputxhtml.css

   1 /*
   2  * Copyright (c) 2003-2014, CKSource - Frederico Knabben. All rights reserved.
   3  * For licensing, see LICENSE.md or http://ckeditor.com/license
   4  *
   5  * Styles used by the XHTML 1.1 sample page (xhtml.html).
   6  */
   7
   8 /**
   9  * Basic definitions for the editing area.
  10  */
  11 body
  12 {
  13         font-family: Arial, Verdana, sans-serif;
  14         font-size: 80%;
  15         color: #000000;
  16         background-color: #ffffff;
  17         padding: 5px;
  18         margin: 0px;
  19 }
  20
  21 /**
  22  * Core styles.
  23  */
  24
  25 .Bold
  26 {
  27         font-weight: bold;
  28 }
  29
  30 .Italic
  31 {
  32         font-style: italic;
  33 }
  34
  35 .Underline
  36 {
  37         text-decoration: underline;
  38 }
  39
  40 .StrikeThrough
  41 {
  42         text-decoration: line-through;
  43 }
  44
  45 .Subscript
  46 {
  47         vertical-align: sub;
  48         font-size: smaller;
  49 }
  50
  51 .Superscript
  52 {
  53         vertical-align: super;
  54         font-size: smaller;
  55 }
  56
  57 /**
  58  * Font faces.
  59  */
  60
  61 .FontComic
  62 {
  63         font-family: 'Comic Sans MS';
  64 }
  65
  66 .FontCourier
  67 {
  68         font-family: 'Courier New';
  69 }
  70
  71 .FontTimes
  72 {
  73         font-family: 'Times New Roman';
  74 }
  75
  76 /**
  77  * Font sizes.
  78  */
  79
  80 .FontSmaller
  81 {
  82         font-size: smaller;
  83 }
  84
  85 .FontLarger
  86 {
  87         font-size: larger;
  88 }
  89
  90 .FontSmall
  91 {
  92         font-size: 8pt;
  93 }
  94
  95 .FontBig
  96 {
  97         font-size: 14pt;
  98 }
  99
 100 .FontDouble
 101 {
 102         font-size: 200%;
 103 }
 104
 105 /**
 106  * Font colors.
 107  */
 108 .FontColor1
 109 {
 110         color: #ff9900;
 111 }
 112
 113 .FontColor2
 114 {
 115         color: #0066cc;
 116 }
 117
 118 .FontColor3
 119 {
 120         color: #ff0000;
 121 }
 122
 123 .FontColor1BG
 124 {
 125         background-color: #ff9900;
 126 }
 127
 128 .FontColor2BG
 129 {
 130         background-color: #0066cc;
 131 }
 132
 133 .FontColor3BG
 134 {
 135         background-color: #ff0000;
 136 }
 137
 138 /**
 139  * Indentation.
 140  */
 141
 142 .Indent1
 143 {
 144         margin-left: 40px;
 145 }
 146
 147 .Indent2
 148 {
 149         margin-left: 80px;
 150 }
 151
 152 .Indent3
 153 {
 154         margin-left: 120px;
 155 }
 156
 157 /**
 158  * Alignment.
 159  */
 160
 161 .JustifyLeft
 162 {
 163         text-align: left;
 164 }
 165
 166 .JustifyRight
 167 {
 168         text-align: right;
 169 }
 170
 171 .JustifyCenter
 172 {
 173         text-align: center;
 174 }
 175
 176 .JustifyFull
 177 {
 178         text-align: justify;
 179 }
 180
 181 /**
 182  * Other.
 183  */
 184
 185 code
 186 {
 187         font-family: courier, monospace;
 188         background-color: #eeeeee;
 189         padding-left: 1px;
 190         padding-right: 1px;
 191         border: #c0c0c0 1px solid;
 192 }
 193
 194 kbd
 195 {
 196         padding: 0px 1px 0px 1px;
 197         border-width: 1px 2px 2px 1px;
 198         border-style: solid;
 199 }
 200
 201 blockquote
 202 {
 203         color: #808080;
 204 }