web/wp-content/themes/thematic/library/styles/typography.css
changeset 1 0d28b7c10758
equal deleted inserted replaced
0:0d9a58d2c515 1:0d28b7c10758
       
     1 /* -------------------------------------------------------------- 
       
     2    
       
     3    Set default typography based on Blueprint
       
     4    
       
     5    http://code.google.com/p/blueprintcss/
       
     6      
       
     7 -------------------------------------------------------------- */   
       
     8 
       
     9 body, input, textarea {
       
    10     color:#000;    
       
    11     font: 12px Arial,sans-serif;
       
    12     line-height:18px;
       
    13 }
       
    14 
       
    15 /* Headings
       
    16 -------------------------------------------------------------- */
       
    17 
       
    18 h1,h2,h3,h4,h5,h6 { 
       
    19 	font-weight:normal;
       
    20 	clear:both;
       
    21 }
       
    22 
       
    23 /* Text elements
       
    24 -------------------------------------------------------------- */
       
    25 
       
    26 p {
       
    27     margin-bottom:18px;
       
    28 }
       
    29 ul {
       
    30 	margin: 0 0 18px 2.5em;
       
    31 }
       
    32 ol {
       
    33 	margin: 0 0 18px 2.5em;
       
    34 }
       
    35 ul {
       
    36 	list-style:disc;
       
    37 }
       
    38 ol {
       
    39 	list-style-type: decimal;
       
    40 }
       
    41 ol ol {
       
    42 	list-style:upper-alpha;
       
    43 }
       
    44 ol ol ol {
       
    45 	list-style:lower-roman;
       
    46 }
       
    47 ol ol ol ol {
       
    48 	list-style:lower-alpha;
       
    49 }
       
    50 ul ul, ol ol, ul ol, ol ul {
       
    51 	margin-bottom:0;
       
    52 }
       
    53 dl	{
       
    54     margin:0 1.5em;
       
    55 }
       
    56 dt {
       
    57     font-weight:bold;
       
    58 }
       
    59 dd {
       
    60 	margin-bottom:18px;
       
    61 }
       
    62 strong {
       
    63 	font-weight: bold;
       
    64 }
       
    65 cite, em, i {
       
    66 	font-style: italic;
       
    67 }
       
    68 blockquote {
       
    69 	margin: 0 3em;
       
    70 }
       
    71 blockquote em, blockquote i, blockquote cite {
       
    72 	font-style:normal;
       
    73 }
       
    74 pre {
       
    75 	font:11px Monaco, monospace;
       
    76 	line-height:18px;
       
    77 	margin-bottom:18px;
       
    78 }
       
    79 code {
       
    80 	font:11px Monaco, monospace;
       
    81 }
       
    82 abbr, acronym {
       
    83   border-bottom:1px dotted #333;
       
    84   cursor: help;
       
    85 }
       
    86 ins {
       
    87 	text-decoration:none;
       
    88 }
       
    89 sup,
       
    90 sub {
       
    91 	height: 0;
       
    92 	line-height: 1;
       
    93 	vertical-align: baseline;
       
    94 	position: relative;
       
    95 	
       
    96 }
       
    97 sup {
       
    98 	bottom: 1ex;
       
    99 }
       
   100 sub {
       
   101 	top: .5ex;
       
   102 }
       
   103 
       
   104 /* Pullquotes
       
   105 -------------------------------------------------------------- */
       
   106 
       
   107 blockquote.left {
       
   108 	float: left;
       
   109 	margin-left:0;
       
   110 	margin-right:20px;
       
   111 	text-align: right;
       
   112 	width: 33%;
       
   113 }
       
   114 blockquote.right {
       
   115 	float: right;
       
   116 	margin-left:20px;
       
   117 	margin-right:0;
       
   118 	text-align: left;
       
   119 	width: 33%;
       
   120 }
       
   121 
       
   122 /*
       
   123 
       
   124 Adapt the following for use in your Child Themes when using
       
   125 different font-sizes and line-heights
       
   126 
       
   127 body, input, textarea {
       
   128     font: --px Arial,sans-serif;
       
   129     line-height:--px;
       
   130 }
       
   131 p, ul, ol, dd, pre {
       
   132     margin-bottom:--px;
       
   133 }
       
   134 pre, code {
       
   135 	font:--px Monaco, monospace;
       
   136 	line-height:--px;
       
   137 }
       
   138 
       
   139 All other styles can be overridden--or ignored!--in Child Theme stylesheets
       
   140 
       
   141 */