はてなにベースとなるCSS「base.css」がある。
これを先に読み込んでから、各テンプレートのCSSを読み込むという形式になっている。
以下ソースコード貼り付け(メモ)・・・長すぎる
/* AMAZON */ div.hatena-asin-recommend { margin: 4px 10px 4px 10px; padding: 5px 4px; width: 96%; text-align: left; } div.hatena-asin-recommend a { text-decoration: none; border: none; } div.hatena-asin-recommend-item-1 { float: left; width: 49%; } div.hatena-asin-recommend-item-2 { float: right; width: 49%; } div.hatena-asin-recommend-foot { clear: both; } div.hatena-asin-recommend-image { float: left; } div.hatena-asin-recommend-image img { border: none; } div.hatena-asin-recommend-info { margin-left: 65px; min-height: 65px; line-height: 115%; } div.hatena-asin-recommend-title { margin-left: 24px; font-size: 11px; font-weight: bold; } div.hatena-asin-recommend-description { margin-top: 4px; margin-left: 10px; font-size: 11px; font-weight: normal; } div.hatena-asin-recommend-title img { float: left; margin-left: -24px; vertical-align:middle; } /* COMMON */ h1 a { text-decoration: none; } h1 img { border: 0; } div.body { clear: both; } /* PROFILE */ img.hatena-id-icon{ vertical-align:middle; margin-right:2px; border:none; } img.hatena-id-image{ border:none; } /* KEYWORDCLOUD */ ul.keywordcloud li { display: inline; color:gray; } a.keywordcloud0 { font-size: 80%; } a.keywordcloud1 { font-size: 100%; } a.keywordcloud2 { font-size: 120%; } a.keywordcloud3 { font-size: 140%; } a.keywordcloud4 { font-size: 160%; } a.keywordcloud5 { font-size: 180%; } a.keywordcloud6 { font-size: 200%; } a.keywordcloud7 { font-size: 220%; } a.keywordcloud8 { font-size: 240%; } a.keywordcloud9 { font-size: 260%; } a.keywordcloud10 { font-size: 280%; } a.keywordcloud0,a.keywordcloud1,a.keywordcloud2, a.keywordcloud3,a.keywordcloud4,a.keywordcloud5, a.keywordcloud6,a.keywordcloud7,a.keywordcloud8, a.keywordcloud9,a.keywordcloud10 { text-decoration: none; } /* TOPIC TREE */ ul.topic-tree-leaf { margin-top: 0.2em; margin-bottom: 1em; } div.description { border: #5279e7 1px solid; padding: 5px; font-size: 90%; color: #333333; line-height:135%; } span.topic-tree-timestamp{ font-size:80%; color:#666; margin-left:5px; } a.topic-tree-username{ margin-left:5px; font-size:90%; } /* contents */ div.contents { border: 1px solid #aaa; background-color: #EEE; font-size: 90%; width:200px; float: right; padding:10px } div.contents h3 { text-align: center; margin:0; padding:0; } div.contents ul { margin-left: 15px; padding-left: 0; text-align: left; } div.contents ul ul { margin: 0 0 0 1em; } div.contents ul ul ul { margin: 0 0 0 1em; } /* SCREENSHOT */ a.screenshot img{ border:1px solid #999; } /* SUPERPRE SYNTAX HIGHLIGHT */ .synSpecial { color: #c000c0; } .synType { color: #008000; } .synComment { color: #0000c0; } .synPreProc { color: #c000c0; } .synIdentifier { color: #008080; } .synConstant { color: #c00000; } .synStatement { color: #804000; } /* TOPIC TREE MODULE */ ul.hatena-topictree { list-style-type: none; margin:0; padding:0; } ul.hatena-topictree li ul { margin-bottom:10; } ul.hatena-topictree li ul, ul.hatena-topictree li ul li ul, ul.hatena-topictree li ul li ul li ul, ul.hatena-topictree li ul li ul li ul li ul { list-style-type: none; margin-left:1em; padding-left:0; } /* bookmark count */ a.bookmark-icon img { border: none; } a.bookmark-count { text-decoration: none; border: none; } a.bookmark-count img { text-decoration: none; border: none; } /* GROUP CALENDAR & MODULE */ div.group-calendar { text-align: center; } table.group-calendar { width: 90%; margin: 0 auto; } table.group-calendar th { width: 14%; border: #5279e7 1px solid; padding: 5px; text-align: center; background-color: #edf1fd; font-weight: bold; font-size: 90%; } table.group-calendar td { height: 3em; border: 1px solid #5279e7; padding: 0; vertical-align: top; } table.group-calendar td.pagerprev, table.group-calendar td.pagernext, table.group-calendar td.pagertoday { border: none; height: 0.5em; } table.group-calendar td.pagerprev a, table.group-calendar td.pagernext a, table.group-calendar td.pagertoday a { margin: 0 0.5em; font-size: 80%; } table.group-calendar td.pagernext { text-align: right; } table.group-calendar td.pagertoday { text-align: center; } table.group-calendar td.today { background-color: #ffffcc; } table.group-calendar td h2 { background-color: #edf1fd; color: #000000; font-size: 80%; border-bottom: 1px solid #5279e7; padding: 0 1px; margin: 0; width: auto; _width: 100%; } table.group-calendar th.calendar-sunday { background-color: #ffcccc; color: red; } table.group-calendar th.calendar-saturday { background-color: #ccccff; color: blue; } table.group-calendar td h2.sunday { background-color: #ffcccc; } table.group-calendar td h2.holiday { background-color: #ffcccc; } table.group-calendar td h2.saturday { background-color: #ccccff; } table.group-calendar td h2 span.date { color: #000000; font-style: normal; } table.group-calendar div.day { text-align: left; padding: 2px 1px; font-size: 80%; } table.group-calendar h3 { font-weight: normal; } table.group-calendar h3 span.sanchor { margin-right: 0.1em; }