@charset "UTF-8"; /*=========================================================================================== Style Name: Bruchlinie Author: Yoruaki URL: http://simpleism.net/ Rule: http://simpleism.net/css/description-rules Opened: 2009/09/24, Modified: 2009/09/24 ===========================================================================================*/ /*=========================================================================================== Structure Module http://www.w3.org/TR/xhtml-modularization/abstract_modules.html#s_structuremodule ===========================================================================================*/ * { margin: 0; padding: 0; } body { margin: 5% auto; width: 75%; color: #333333; background-color: #fafafa; font: normal normal normal 90%/1.5em "Lucida Sans Unicode", "Lucida Grande", sans-serif; letter-spacing: 0.15em; } /*=========================================================================================== Text Module http://www.w3.org/TR/xhtml-modularization/abstract_modules.html#s_textmodule ===========================================================================================*/ address, .date { clear: both; font-style: normal; text-align: right; } blockquote, pre { margin: 1em; padding: 1em; border: 2px dashed #c0c0c0; } .via:before { content: "via: "; } .via { font-size: 80%; text-align: right; padding-top: 2.5%; border-top: 1px solid #c0c0c0; } h1, h2, h3, p, .date + dl, dd, ul, .menu ul, ol, .menu, .date, .permalink, div.category { margin-bottom: 2.5%; } h1, h2, p.category, .menu { letter-spacing: 0.1em; } h2, h3 { color: #666666; } p.category:before { content: "Category: "; } p.category { padding-bottom: 3%; background: transparent url(/img/css/simplestyle2/two-border) repeat-x scroll left bottom; text-align: right; } .menu, .permalink, #entry_and_archives, .date + dl.permalink { padding-bottom: 12px; background: transparent url(/img/css/simplestyle2/three-border) repeat-x scroll left bottom; } dl.permalink:before { content: "Permalink"; } .permalink dt, .article-navi dt, .archives { display: none; } #entry_and_archives { margin-bottom: 1em; } div.category { float: left; width: 50%; } div.search { float: right; width: 50%; } .footer { padding-top: 12px; clear: both; background: transparent url(/img/css/simplestyle2/three-border) repeat-x scroll left top; } /*=========================================================================================== Hypertext Module http://www.w3.org/TR/xhtml-modularization/abstract_modules.html#s_hypertextmodule ===========================================================================================*/ a, a:visited { color: #9a9a9a; text-decoration: none; } .category li a { margin-right: -9999px; } a:hover { color: #c0c0c0; } /*=========================================================================================== List Module http://www.w3.org/TR/xhtml-modularization/abstract_modules.html#s_listmodule ===========================================================================================*/ dt { font-weight: bold; } #entry_and_archives dt, .links dt, .documents dt { font-weight: normal; } .links dd, .documents dd { border-bottom: 1px dashed #333333; } .menu ul { padding: 0; } .footer ul { margin: 2.5% 0; } ul li { margin: 0 0 0.5em 1em; list-style-type: square; } ol li { margin: 0 0 0.5em 1.5em; list-style-type: decimal; } li ul, li ol { margin-top: 0.5em; } .menu li { margin: 0 3em 0 0; display: inline; } div.search li, .footer li { margin: 0; display: inline; } .footer li { margin-right: 1em; } dl.article-navi dd:before { content: "Prev: "; } dl.article-navi dt + dd + dt + dd:before { content: "Next: "; } #s_info + p + p + p + dl dt, #s_info + p + p + p + p + dl dt, #p_info + dl dt { margin-top: 0; float:left; width: 11em; } #s_info + p + p + p + dl dd, #s_info + p + p + p + p + dl dd, #p_info + dl dd { margin-bottom: 2em; margin-left: 11em; border-bottom: 1px dashed #333333; } #s_info + p + p + p + dl dt + dd + dt + dd + dt + dd, #p_info + dl dt + dd + dt + dd + dt + dd + dt + dd + dt + dd + dt + dd + dt + dd + dt + dd { margin-bottom: 0; border: none; } /*=========================================================================================== Edit Module http://www.w3.org/TR/xhtml-modularization/abstract_modules.html#s_editmodule ===========================================================================================*/ ins { text-decoration: none; } /*=========================================================================================== Forms Module http://www.w3.org/TR/xhtml-modularization/abstract_modules.html#s_extformsmodule ===========================================================================================*/ input { padding: 2px; border: 1px solid #c0c0c0; color: #333333; font-family: "Helvetica", "Arial", sans-serif; } .button { padding: 1px; background: #ffffff url(/img/css/simplestyle2/button-back) repeat-x scroll left bottom; } /*=========================================================================================== Tables Module http://www.w3.org/TR/xhtml-modularization/abstract_modules.html#s_tablemodule ===========================================================================================*/ table { margin: 1em; border-collapse: collapse; border: 2px solid #c0c0c0; } td, th { padding: 0.5em; border: 1px solid #c0c0c0; } th { background-color: #f5f5f5; } /*=========================================================================================== Image Module http://www.w3.org/TR/xhtml-modularization/abstract_modules.html#s_imagemodule ===========================================================================================*/ img { border: 0; } .photo { margin : 0 0.5em 0.5em 0; border: 7px solid #eeeeee; float: left; } .links img { margin-right: 0.5em; } /*=========================================================================================== Ruby Annotation Module http://www.w3.org/TR/2001/REC-ruby-20010531/#abstract-def ===========================================================================================*/ ruby rt, ruby rp { font-size: 80%; } ruby rp { margin: 0px 0.25em; font-size: 85%; } /*=========================================================================================== Appendix CSS hack for Internet Explorers. ===========================================================================================*/ /*===== for IE7 ===========================================================================*/ *:first-child + html .permalink dt, *:first-child + html .date + dl dt { display: block; } *:first-child + html ol li{ margin-left: 2em; } *:first-child + html div.category { margin-bottom: 0; } *:first-child + html .category li { margin-left: 0; color: #ffffff; cursor: default; } *:first-child + html .category li a { margin-right: 0; } *:first-child + html input { padding: 3px; } *:first-child + html .button { padding: 1px; } /*===== for IE6 ===========================================================================*/ * html body { margin: 5% 12.5% 5% 12.5%; } * html .menu { padding: 2.5% 0 4% 0; background: transparent url(/img/css/simplestyle2/three-border) repeat-x scroll left bottom; } * html h2 { margin-top: 3%; } * html .contents h2 { margin-bottom: 0.5em; } * html h3 { margin-bottom: 2.5%; } * html p { margin-bottom: 1em; } * html .archives { display: none; } * html div.category, * html div.search { width: 45%; } * html .permalink, * html #entry_and_archives, * html .article-navi { padding-bottom: 2.5%; background: transparent url(/img/css/simplestyle2/three-border) repeat-x scroll left bottom; } * html #entry_and_archives dt, * html .info h2, * html .info ul { margin-top: 1em; } * html .article li, * html .contents li { margin-left: 2.5em; } * html .category { padding-bottom: 1em; } * html .category li { margin-left: 0; color: #ffffff; cursor: default; } * html .category li a { margin-right: 0; } * html dd { margin-bottom: 1em; } * html input { padding: 0.25em; height: 2em; }