CSS_perlma
/*
ơޤϡTADA Tadashi Ρruby-lang.css: tDiary theme for ruby-lang.org.פ١ˡYamamoto Dan Ѥ˲줿Сջ wifky ˲¤ΤǤϡTADAᡢYamamotoᡢξˤޤ礻ջޤǤꤤޤ
ʲʸ
.css: Hiki theme for Rubyist Magazine.
Ρruby-lang.css: tDiary theme for ruby-lang.org.פ١˺ޤ ꥸʥơԤΤ˴դޤ
You can redistribute it and/or modify it under the same term as Ruby.
Copyright 2004 (C) by TADA Tadashi <sho@spc.gr.jp> Copyright 2004 (C) by Yamamoto Dan <dan@dgames.jp>
CSS
- / .centering,big{ font-size:200%; }
body { margin-top: 0px; margin-left: 0.4em; color: #000; background-color: #fff; }
div.adminmenu { text-align: right; margin-top: 0.3em; padding-right: 0.5em; font-size: 10px; }
div.adminmenu br { display: none; }
span.adminmenu { color: #ffffff; border-style: solid; border-width: 0px 1px 1px 0px; padding: 1px; }
.adminmenu a { color : #666666 ; text-decoration:none; } .adminmenu a:visited{ color : #666666 ; } .adminmenu a:hover { color : #000088 ; text-decoration:none; }
h1 { /* margin-top: 128px; */ margin-bottom: 0.4em; margin-right: 0em; margin-left: 0.4em; /* font-size: 100%;*/ text-align: right; color: #888; }
div.day a { color: #0000ee; background-color: transparent; }
div.day a:visited { color: #000095; background-color: transparent; }
div.day a:hover { color: #ff6835; background-color: transparent; }
div.day h3 a { text-decoration:none; } div.day h4 a { text-decoration:none; }
div.referer, div.refererlist, div.day div.form { font-size: small; margin-left: 3em; border-style: solid; border-color: #a11; border-width: 1px; margin-bottom: 0.5em; padding: 0.5em; }
div.day div.field { display: inline; margin-right: 1em; }
img.icon { float: right; margin-left: 0.5em; border: none; }
img.amazon { float: right; margin-left: 0.5em; border: none; }
img.right { float: right; margin-left: 0.5em; border: none; }
img.ext { border: none; }
div.comment { font-size: x-small; } span.commentator { font-weight:bold; }
/* main */ div.main { /* background-image: url(perlish_logo.png); background-repeat: no-repeat; */ background-position: 0px 44px; margin-top: 0px; margin-left: 150px; margin-right: 0.6em; padding: 0.0em; padding-top: 0em; padding-left: 0em; /* max-width: 40em; */ min-width: 480px; }
div.day hr { width: 96%; color: #888; background-color: transparent; }
div.day hr.sep { display: none; margin: 0px; }
div.day h2 { margin-top: 0.8em; margin-bottom: 0.8em; font-size: 110%; padding-left: 0.6em; padding-top: 0.2em; padding-bottom: 0.2em; color: #ffffff; background-color: #000000; }
div.day p img { margin: 0.2em; margin-right: 0.8em; margin-bottom: 0.8em; float : left; }
div.day p em img { margin: 0.2em; margin-right: 0.8em; margin-bottom: 0.8em; float : none; }
div.day p strong img { margin: 0px; padding: 0px; float : none; clear : both; }
div.day dt img { margin: 0.6em; float : left; }
div.day dd img { margin: 0.2em; margin-right: 0.8em; margin-left: 0.6em; margin-bottom: 0.6em; float : right; }
div.day dl { clear : none; }
div.day div.day,h2,h3,h4,h5,h6 hr { clear : both; }
div.day h2 a:link, div.main h2 a:visited { color: #ffffff; background-color: transparent; text-decoration: none; }
div.day h2 span.title { }
div.day div.day { margin-right: 0em; font-size: 90%; }
div.day div.section { margin-left: 1em; }
div.day span.readmore { font-size: 80%; }
div.day div.lm { margin-top: 0em; margin-bottom: 1em; margin-right: 1em; text-align: right; font-size: 75%; }
span.lm { border-style: dashed; border-color: #336688; border-width: 1px 0px 0px 0px; }
div.day h3 { font-size: 110%; border-color: #336688; border-width: 0px 0px 1px 0px; border-style: solid; }
div.day h4 { margin-left: 0.6em; border-color: #336688; border-width: 0px 0px 1px 0px; border-style: dashed; font-size: 100%; }
div.day h5,h6 { margin: 0.0em; padding: 0.4em 1em; font-size: 100%; }
div.day p { margin-top: 0px; margin-bottom: 0.5em; margin-left: 1em; line-height: 1.5; }
/* div.day div.body div.section p { text-indent: 1em; }
- / div.day li { line-height: 1.5; }
div.day ul, div.main dl { margin-top: 0.2em; margin-left: 3em; padding-left: 0em; }
div.day dt { margin-top: 0.5em; font-weight: bold; }
div.day dd { margin-left: 2em; line-height: 140%; }
div.day pre { border-style: solid; border-width: 1px; border-color: #888; margin-left: 2em; padding: 4px; clear : both; }
div.day blockquote { /* font-style: italic;*/ border-style: solid; border-width: 1px; color: #333333; border-color: #888888; background-color: #f0f0f0; padding: 8px; padding-top: 8px; padding-bottom: 0px; clear : both; }
div.day table { margin: 1em; border-collapse: collapse; }
div.day td { padding: 2px; padding-left: 0.6em; padding-right: 0.6em; border: thin solid #888; }
div.form { clear: right; }
span.corres { font-size: 80%; font-weight: lighter; }
div.day span.footnote a { /* vertical-align: super;*/ font-size: x-small; text-decoration: none; }
div.day p.footnote { font-size: 80%; }
div.day p.footnote a { text-decoration: none; }
/* sidebar */ div.sidebar { background-color: #336688; /* background-image: url(perlish_sidebar.png); background-repeat: no-repeat; */ position: absolute; top: 0em; left: 0px; width: 150px; /* padding-top: 164px; */ padding-bottom: 5em; color: #fee; word-break: break-all; }
div.sidebar h4 { font-size: small; padding-right: 8px; margin-bottom: 0.2em; margin-top: 1em; margin-left: 6px; }
div.sidebar h5 { font-size: small; padding-right: 8px; margin-bottom: 0.2em; margin-top: 1em; margin-left: 6px; }
div.sidebar div.menu { font-size: small; font-weight: bold; padding-left: 4px; }
div.sidebar ul { margin-top: 0em; margin-left: 0em; padding-left: 10px; padding-right: 8px; }
div.sidebar li{ font-size: x-small; list-style-type: none; margin: 6px 0px; line-height: 100%; }
div.sidebar dt,div.sidebar dd{ line-height: 100%; font-size: x-small; }
div.sidebar hr { color: #fff; background-color: transparent; width: 80%; margin-bottom: 1em; }
div.sidebar p { margin: 0px; padding: 0px; font-size: x-small; }
div.sidebar form { margin-top: 0em; margin-left: 0.5em; margin-right: 4px; padding-right: 8px; font-size: x-small; line-height: 110%; }
div.sidebar a { color: #ffffff; background-color: transparent; text-decoration: none; } div.sidebar a:visited { color: #ffffff; background-color: transparent; text-decoration: none; } div.sidebar a:hover { color: #ffffff; background-color: transparent; text-decoration: none; }
div.sidebar img { margin-left: 8px; border-style: none; }
div.sidebar img.rubynokai { margin-left: 8px; border-style: none; }
div.sidebar img.rubima_logo { position: absolute; top: 49px; left: 0px; margin-left: 0px; border-style: none; }
/* rightbar */
div.footer { font-size: 90%; text-decoration: none; text-align: right; margin-right: 1em; margin-bottom: 1em; padding-top: 36px; clear: both; }
/* for printer
- / @media print { div.adminmenu { display: none; } /* div.main { margin-left: 1em; margin-right: 1em; }
- / div.main { margin-left: 0.6em; max-width: 100%; min-width: 100%; } div.main h2 { color: #000; background-color: #fff;
font-size: 150%; text-align: left; padding: 0.2em; margin: 0.5em 0; border-left: 15px solid #336688; border-bottom: 2px solid #336688; } div.sidebar { display: none; } }
/* for attach_html */ .html_linenumber { color : #aaa; } .html_webtemplate { color : #00a; } .html_erb { color : #339933; } .html_tag { color : #a50; } .html_tag_block { color : #a00; } .html_comment { color : #0a0; }
/* hide sanchor */ div.day span.sanchor { /* display: none;*/ }
/* for Perlish */ .section h1 a:hover { color : #ff6835; } .section h2 a { color : #FFF; } .section h2 a:hover { color : #FFF; } .section h3 a { color : #000; text-decoration:none; } .section h3 a:link { color : #000; text-decoration:none; } .section h3 a:visited { color : #000; text-decoration:none; } .section h3 a:hover { color : #000; } .section h4 a { color : #000; text-decoration:none; } .section h4 a:link { color : #000; text-decoration:none; } .section h4 a:visited { color : #000; text-decoration:none; } .section h4 a:hover { color : #000; }
.section h3 a.wikipage { color : #00F; } .section h3 a.wikipage:visited { color : #50A; } .section h3 a.wikipage:hover { color : #F80; text-decoration:none; }
div.day h2 { color: #ffffff; background-color: #336688; }
div.sidebar a:hover { color: #ff6835; }
th { white-space: nowrap; border: thin solid #888; }
h2 #p0 { font-size: 150%; }
h3 sup.fn a:link { color: #00f; } h3 sup.fn a:visited { color: #50f; } h4 sup.fn a:link { color: #00f; } h4 sup.fn a:visited { color: #50f; }
|