Elgg: views/default/css/elements/typography.php Source File

00001 <?php
00008 ?>
00009 
00010 /* ***************************************
00011     Typography
00012 *************************************** */
00013 body {
00014     font-size: 80%;
00015     line-height: 1.4em;
00016     font-family: "Lucida Grande", Arial, Tahoma, Verdana, sans-serif;
00017 }
00018 
00019 a {
00020     color: #4690D6;
00021 }
00022 
00023 a:hover,
00024 a.selected { <?php //@todo remove .selected ?>
00025     color: #555555;
00026     text-decoration: underline;
00027 }
00028 
00029 p {
00030     margin-bottom: 15px;
00031 }
00032 
00033 p:last-child {
00034     margin-bottom: 0;
00035 }
00036 
00037 pre, code {
00038     font-family: Monaco, "Courier New", Courier, monospace;
00039     font-size: 12px;
00040     
00041     background:#EBF5FF;
00042     color:#000000;
00043     overflow:auto;
00044 
00045     overflow-x: auto; /* Use horizontal scroller if needed; for Firefox 2, not needed in Firefox 3 */
00046 
00047     white-space: pre-wrap;
00048     word-wrap: break-word; /* IE 5.5-7 */
00049     
00050 }
00051 
00052 pre {
00053     padding:3px 15px;
00054     margin:0px 0 15px 0;
00055     line-height:1.3em;
00056 }
00057 
00058 code {
00059     padding:2px 3px;
00060 }
00061 
00062 .elgg-monospace {
00063     font-family: Monaco, "Courier New", Courier, monospace;
00064 }
00065 
00066 blockquote {
00067     line-height: 1.3em;
00068     padding:3px 15px;
00069     margin:0px 0 15px 0;
00070     background:#EBF5FF;
00071     border:none;
00072     
00073     -webkit-border-radius: 4px;
00074     -moz-border-radius: 4px;
00075     border-radius: 4px;
00076 }
00077 
00078 h1, h2, h3, h4, h5, h6 {
00079     font-weight: bold;
00080     color: #0054A7;
00081 }
00082 
00083 h1 { font-size: 1.8em; }
00084 h2 { font-size: 1.5em; line-height: 1.1em; padding-bottom:5px}
00085 h3 { font-size: 1.2em; }
00086 h4 { font-size: 1.0em; }
00087 h5 { font-size: 0.9em; }
00088 h6 { font-size: 0.8em; }
00089 
00090 .elgg-heading-site, .elgg-heading-site:hover {
00091     font-size: 2em;
00092     line-height: 1.4em;
00093     color: white;
00094     font-style: italic;
00095     font-family: Georgia, times, serif;
00096     text-shadow: 1px 2px 4px #333333;
00097     text-decoration: none;
00098 }
00099 
00100 .elgg-heading-main {
00101     float: left;
00102     max-width: 530px;
00103     margin-right: 10px;
00104 }
00105 .elgg-heading-basic {
00106     color: #0054A7;
00107     font-size: 1.2em;
00108     font-weight: bold;
00109 }
00110 
00111 .elgg-subtext {
00112     color: #666666;
00113     font-size: 85%;
00114     line-height: 1.2em;
00115     font-style: italic;
00116 }
00117 
00118 .elgg-text-help {
00119     display: block;
00120     font-size: 85%;
00121     font-style: italic;
00122 }
00123 
00124 .elgg-quiet {
00125     color: #666;
00126 }
00127 
00128 .elgg-loud {
00129     color: #0054A7;
00130 }
00131 
00132 /* ***************************************
00133     USER INPUT DISPLAY RESET
00134 *************************************** */
00135 .elgg-output {
00136     margin-top: 10px;
00137 }
00138 
00139 .elgg-output dt { font-weight: bold }
00140 .elgg-output dd { margin: 0 0 1em 1em }
00141 
00142 .elgg-output ul, .elgg-output ol {
00143     margin: 0 1.5em 1.5em 0;
00144     padding-left: 1.5em;
00145 }
00146 .elgg-output ul {
00147     list-style-type: disc;
00148 }
00149 .elgg-output ol {
00150     list-style-type: decimal;
00151 }
00152 .elgg-output table {
00153     border: 1px solid #ccc;
00154 }
00155 .elgg-output table td {
00156     border: 1px solid #ccc;
00157     padding: 3px 5px;
00158 }
00159 .elgg-output img {
00160     max-width: 100%;
00161     height: auto;
00162 }