diff options
Diffstat (limited to 'style.css')
| -rwxr-xr-x | style.css | 96 |
1 files changed, 53 insertions, 43 deletions
@@ -14,14 +14,20 @@ * + Menu * | * + Main + * | | + * | + Sidebar + * | | + * | + Text + * | | + * | + Column + * | | + * | + Clear + * | + * + Footer * | - * + Sidebar + * + Footer-Right * | - * + Text - * | - * + Column - * | - * + Clear + * + Footer-Left * * 1. body * 1.1 Container @@ -34,33 +40,37 @@ * 1.1.3.2 Text * 1.1.3.2.1 Column * 1.1.3.2.2 Clear + * 1.1.4 Footer + * 1.1.4.1 Footer-Right + * 1.1.4.2 Footer-Left * * 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) * - * Header Top Margin: 8px - * Header + Text Left Margin: 24px + * Header Top Margin: 8px or 0.5714rem @ 14px + * Header + Text Left Margin: 24px or 1.7143rem @ 14px * Subsequent blocks have zero or collapsable top and left margins, maintaining layout alignment. * Menu may use whole page width. */ @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;} +html {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;} +body {padding:0; margin:0;} -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; } +a {color:#111111; border-style:none; padding: 0.1429rem; text-decoration: underline; text-decoration-style: dotted} +a:hover {color:#000000; background-color: #c9e2ff; border-radius: 0.3572rem 0.7143rem; padding: 0.1429rem; } -#container {padding:0; margin:0; color:#111111; background: #ffffff; min-width:350px;} +#container {width:100%; height:100%; padding:0; margin:0; color:#111111; background: #ffffff; min-width:25rem;} #container img { border-style:none; margin:0; padding:0; } /** Allow slogan to be invisible to the right space via min-width:560px */ -#header {margin:8px 0 0 24px; min-width:560px; display:block; } +#header {margin:0.5714rem 0 0 1.7143rem; min-width:560px; display:block; } #logo { height:80px; font-size:40px; display:inline-block; padding:0} #logo a { text-decoration:none; padding:0; display:block; } #logo img { padding: 0; margin: 0; border-style:none; } -#slogan {float:right; font-size:18px; color:#444444; margin: 55px 8px 0 0; right:0; display:inline-block; } +#slogan {float:right; font-size:1.2857rem; color:#444444; margin: 55px 0.5714rem 0 0; right:0; display:inline-block; } /*webside theme colors*/ #menu {background-color:#c9e2ff; background-image: linear-gradient(#f5f5f5, #c9e2ff, #f5f5f5);} @@ -69,49 +79,49 @@ a:hover {color:#000000; background-color: #c9e2ff; border-radius: 5px 10px; padd #footer {background-color:#c9e2ff;} #footer a:hover {background-color:#3b4d4f; color:#c9e2ff} -#menu {height:40px; margin-top:5px;} +#menu {height:2.8571rem; margin-top:0.3571rem;} #menu ul {margin:0; padding:0;} #menu li {list-style:none; float:left;} -#menu a {float:left; height:20px; padding:10px 20px; font-size:15px; font-weight:bold; text-decoration:none;} +#menu a {float:left; height:1.4286rem; padding:0.7143rem 1.4286rem; font-size:1.0714rem; font-weight:bold; text-decoration:none;} #main {float:left; width:100%; height:100%; padding:0; margin:0;} -#main br {line-height:8px;} +#main br {line-height:0.5714rem;} -.rss {background:url(images/feed-icon-10x10.png) no-repeat scroll 2px 50% !important; padding:0px 0px 0px 15px;} +.rss {background:url(images/feed-icon-10x10.png) no-repeat scroll 0.1429rem 50% !important; padding:0 0 0 1.0714rem;} .fill {margin-right:0 !important;} .centered {margin-left: auto; margin-right: auto; text-align: center;} -.clear {clear: both; margin: 16px 0 0 0} -.clearcentered {clear: both; margin: 16px auto 0 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; margin: 0 24px 16px 0; } -.splash {margin-left: auto; margin-right: auto; font-size:22px; } +.clear {clear: both; margin: 1.1429rem 0 0 0} +.clearcentered {clear: both; margin: 1.1429rem auto 0 auto; text-align: center;} +.codetight {float: left; font-family: monospace; font-size:0.8571rem; line-height:normal; text-align: left; display: block; white-space: pre;} +.code {float: left; font-family: monospace; font-size:0.9286rem; line-height:normal; text-align: left; display: block; white-space: pre;} +.column {float: left; margin: 0 1.7143rem 1.1429rem 0; } +.splash {margin-left: auto; margin-right: auto; font-size:1.5714rem; } -#sidebar {font-size:13px; width:150px; height: auto; float: right; text-align: center; margin:16px 16px 16px 16px; } -#sidebar h3 {font-size:13px; font-weight:bold; font-style:italic; margin:13px 0 5px 0;} +#sidebar {font-size:0.9286rem; width:10.7143rem; height: auto; float: right; text-align: center; margin:1.1429rem 1.1429rem 1.1429rem 1.1429rem; } +#sidebar h3 {font-size:0.9286rem; font-weight:bold; font-style:italic; margin:0.9286rem 0 0.3571rem 0;} #sidebar ul {margin:0; padding:0;} -#sidebar li {list-style:none; padding:1px 0; margin:8px 0;} -#sidebar li a {text-decoration:none; display:block; border: 1px dotted #3b4d4f; border-radius: 8px 18px; } +#sidebar li {list-style:none; padding:1px 0; margin:0.5714rem 0;} +#sidebar li a {text-decoration:none; display:block; border: 1px dotted #3b4d4f; border-radius: 0.5714rem 1.2857rem; } -#text {padding:0; margin:14px 210px 24px 24px; min-width:350px; } -#text img { padding: 5px; } -#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 {padding:0; margin:1rem 15rem 1.7143rem 1.7143rem; min-width:25rem; } +#text img { padding: 0.3571rem; } +#text h1 {font-size:1.4286rem; font-weight:normal; margin:1.2857rem 0 0.7143rem 0;} +#text h2 {font-size:1.2857rem; font-weight:normal; margin:1.1429rem 0 0.7143rem 0;} +#text h3 {font-size:1.1429rem; font-weight:normal; margin:1rem 0 0.7143rem 0;} +#text h4 {font-size:1rem; font-weight:bold; margin:1rem 0 0.7143rem 0;} -#text ul { padding: 0; margin: 8px 0 8px 8px; } -#text ul li { background:url(images/bullet.gif) 0em 0.3em no-repeat; padding-left: 10px; list-style: none; } +#text ul { padding: 0; margin: 0.5714rem 0 0.5714rem 0.5714rem; } +#text ul li { background:url(images/bullet.gif) 0em 0.3em no-repeat; padding-left: 0.7143rem; list-style: none; } #text ul li { background-image:url(images/bullet_child.gif); } -#text ul li { margin-bottom: 7px; } -#text ol { padding: 0; margin: 8px 0 8px 8px; } +#text ul li { margin-bottom: 0.5rem; } +#text ol { padding: 0; margin: 0.5714rem 0 0.5714rem 0.5714rem; } #text ol li { list-style:decimal; background-image:none; padding-left:0em; } -#text ol li { margin-bottom: 7px; } +#text ol li { margin-bottom: 0.5rem; } -#footer {height:40px; font-size:10px; clear:both;} -#footer_left {float:left; margin: 4px 0 0 5px;} -#footer_left img {float: left; margin-right: 5px;} -#footer_right {float:right; margin:14px 30px 0 0;} +#footer {padding:0.2857rem 0 0.2857rem 0; margin:0; width:100%; height:2.8571rem; font-size:0.7143rem; clear:both;} +#footer_right {width:10.7143rem; float:right; text-align: center; margin:0.2857rem 1.1429rem 0 1.1429rem;} +#footer_left {margin: 0.2857rem 15rem 0 0.3571rem;} +#footer_left img {margin-right: 0.3571rem;} td.streams_text { text-align: left; vertical-align: middle; } td.streams_thumbs { width:400px; } |