diff options
| -rw-r--r-- | style-fonts.css | 13 | ||||
| -rwxr-xr-x | style.css | 24 |
2 files changed, 29 insertions, 8 deletions
diff --git a/style-fonts.css b/style-fonts.css new file mode 100644 index 0000000..43fa341 --- /dev/null +++ b/style-fonts.css @@ -0,0 +1,13 @@ + +@font-face{ + font-family:"Lucida Grande"; + src:url(/fonts/lucida_grande_regular-webfont.woff2) format('woff2'), + url(/fonts/lucida_grande_regular-webfont.woff) format('woff'); + font-weight:normal;font-style:normal;} + +@font-face{ + font-family:"Lucida Grande"; + src:url(/fonts/lucida_grande_bold-webfont.woff2) format('woff2'), + url(/fonts/lucida_grande_bold-webfont.woff) format('woff'); + font-weight:bold;font-style:normal;} + @@ -35,9 +35,14 @@ * 1.1.3.2.1 Column * 1.1.3.2.2 Clear * - * Normal font size: 14px w/ line-height 1.4. Note: 16px=1em is browser/css default. + * Normal font size: 14px w/ line-height 1.4. + * Note: 14px = 0.875em = 10.5pt = 3.6898mm = 0.1453inch (1 point = 1pt = 1/72in (cala) = 0.3528 mm) + * Note: 16px (1em) is browser/css default. + * Note: Wiki also uses 14px (0.875em) */ -body {padding:0; margin:0; color:#111111; background: #ffffff; font-family: arial, verdana, helvetica, sans-serif; font-size:14px; line-height:1.4;} +@import url("/style-fonts.css"); + +body {padding:0; margin:0; color:#111111; background: #ffffff; font-family: "Lucida Grande", "Lucida Sans", Verdana, sans-serif; font-weight:normal; font-style:normal; font-size:14px; line-height:1.4;} a {color:#111111; border-style:none; padding: 2px; text-decoration: underline; text-decoration-style: dotted} a:hover {color:#000000; background-color: #c9e2ff; border-radius: 5px 10px; padding: 2px; } @@ -49,14 +54,14 @@ a:hover {color:#000000; background-color: #c9e2ff; border-radius: 5px 10px; padd #header {height:90px; min-width:800px; display:block; } #logo { height:80px; font-size:40px; padding:16px 0 0 16px; display:inline-block;} #logo a { text-decoration:none; } -#logo img { margin-top: -10px; border-style:none; } +#logo img { margin: -10px 0 0 5px; border-style:none; } #slogan {float:right; font-size:18px; color:#444444; padding:0 8px 0 0; position: absolute; top:62px; right:0; display:inline-block; } */ /** Allow slogan to be invisible to the right space via min-width:560px */ #header {height:90px; min-width:560px; display:block; } #logo { height:80px; font-size:40px; padding:16px 0 0 16px; display:inline-block;} #logo a { text-decoration:none; } -#logo img { margin-top: -10px; border-style:none; } +#logo img { margin: -10px 0 0 5px; border-style:none; } #slogan {float:right; font-size:18px; color:#444444; padding:62px 8px 0 0; right:0; display:inline-block; } /*webside theme colors*/ @@ -78,6 +83,9 @@ a:hover {color:#000000; background-color: #c9e2ff; border-radius: 5px 10px; padd .fill {margin-right:0 !important;} .centered {margin-left: auto; margin-right: auto; text-align: center;} .clear {clear: both; padding: 16px 0 0 0} +.clearcentered {clear: both; padding: 16px 0 0 0; margin-left: auto; margin-right: auto; text-align: center;} +.codetight {float: left; font-family: monospace; font-size:12px; line-height:normal; text-align: left; display: block; white-space: pre;} +.code {float: left; font-family: monospace; font-size:13px; line-height:normal; text-align: left; display: block; white-space: pre;} .column {float: left; padding: 0 16px 16px 8px; } .splash {margin-left: auto; margin-right: auto; font-size:22px; } @@ -89,10 +97,10 @@ a:hover {color:#000000; background-color: #c9e2ff; border-radius: 5px 10px; padd #text {margin-right:225px; padding:10px 25px 25px 25px; min-width:350px; } #text img { padding: 5px; } -#text h1 {font-size:22px; font-weight:normal; margin:20px 0 10px 0;} -#text h2 {font-size:19px; font-weight:normal; margin:20px 0 10px 0;} -#text h3 {font-size:16px; font-weight:normal; margin:18px 0 10px 0;} -#text h4 {font-size:14px; font-weight:normal; margin:18px 0 10px 0;} +#text h1 {font-size:20px; font-weight:normal; margin:18px 0 10px 0;} +#text h2 {font-size:18px; font-weight:normal; margin:16px 0 10px 0;} +#text h3 {font-size:16px; font-weight:normal; margin:14px 0 10px 0;} +#text h4 {font-size:14px; font-weight:bold; margin:14px 0 10px 0;} #text ul { padding: 0.3em 0em 0.3em 1em; } #text ul li { background:url(images/bullet.gif) 0em 0.3em no-repeat; padding-left: 0.8em; list-style: none; } |