/*===================** Colorless Style **===================*/ /***** ***** ***** ***** Basic Elements ****** ***** ***** *****/ /*---------------[ Universal Selector ]---------------*/ * { margin : 0 ; padding : 0 ; box-sizing : border-box ; -moz-box-sizing : border-box ; word-break : break-all ; word-wrap : break-word ; } /*---------------[ Basic Elements ]---------------*/ /*-----[ HTML & BODY ]-----*/ html {} body { padding : 0 2.5% ; font-family : 'Verdana', 'Osaka', 'MS UI Gothic', sans-serif ; font-size : 100% ; } /*-----[ Table -Hatena Table Header- ]-----*/ table {} td {} table table {} td td {} td font {} td a:link font {} td a:visited font {} td a:active font {} td a:hover font {} /*-----[ Hn ]-----*/ h1 { padding : 1.5em 0.2em ; font-size : 2em ; background-repeat : no-repeat ; background-position : right bottom ; background-attachment : scroll ; } h2, h3, h4 { font-size : 1em ; font-weight : normal ; } h2 {} h3 {} h4 {} p { margin : 0.5em 1em ; line-height : 1.5 ; text-indent : 1em ; text-align : justify ; text-justify : inter-ideograph ; } ul { margin : 2em 1em 2em 3em ; } ul li {} ol { margin : 2em 1em 2em 3.5em ; } ol li {} li { line-height : 1.4 ; } dl { margin : 2em ; } dt { margin-bottom : 0.5em ; border-bottom-style : solid ; border-bottom-width : 1px ; } dd { margin : 0 0 1em 3em ; font-size : 0.9em ; } blockquote { margin : 2em ; font-size : 0.9em ; border-style : solid ; border-width : 1px ; } blockquote p {} blockquote ul, blockquote ol, blockquote dl, blockquote pre { margin-top : 1em ; margin-bottom : 1em ; } blockquote ul {} blockquote ol {} blockquote dl {} blockquote pre {} blockquote cite { display : block ; font-style : normal ; text-align : right ; border-top-style : dashed ; border-width : 1px ; } pre { margin : 2em ; padding : 0.2em ; font-size : 0.9em ; border-style : solid ; border-width : 1px ; white-space : -moz-pre-wrap ; white-space : -pre-wrap ; white-space : -o-pre-wrap ; white-space : pre-wrap ; } del { text-decoration : line-through ; } ins { text-decoration : none ; border-bottom-style : solid ; border-bottom-width : 1px ; } form {} input { vertical-align : middle ; } textarea {} img { border : none ; } /*---------------[ Pseudo Elements -Basic- ]---------------*/ a:link { text-decoration : underline ; } a:visited { text-decoration : underline ; } a:active {} a:hover {} /***** ***** ***** ***** Hatena-Diary Classes ***** ***** ***** *****/ /*---------------[ Layout Classes // Huge Box ]---------------*/ /*----------[ Commons ]----------*/ table, div.adminmenu, h1, div.hatena-body, div.main, div.sidebar,div.calendar,div.footer { border-style : solid ; } table { border-width : 0 1px ; } table table { border-width : 0 ; } div.adminmenu, h1, div.hatena-body { border-width : 0 1px 1px 1px ; } /*----------[ Div.hatena-body ]----------*/ div.hatena-body { width : 100% ; position : relative ; top : 0 ; left : 0 ; border : none ; } /*----------[ Div.main ]----------*/ div.main { margin-left : 26% ; margin-right : 0 ; border-width : 0 1px ; } /*----------[ Div.sidebar ]----------*/ div.sidebar { width : 25% ; position : absolute ; top : 0 ; left : 0 ; font-size : 0.8em ; border-width : 0 1px ; } /*----------[ Div.adminmenu ]----------*/ div.adminmenu { padding : 0.5em ; font-size : 0.8em ; text-align : right ; } span.adminmenu {} span.adminmenu a:link, span.adminmenu a:visited { text-decoration : none ; } span.adminmenu a:hover {} /*[ CASE1: Child of div.hatena-body ]*/ div.hatena-body div.adminmenu { margin-left : 26% ; border-width : 0 1px 1px 1px ; } /*[ CASE2: Child of div.main ]*/ div.main div.adminmenu { margin-left : 0 ; border-width : 0 0 1px 0 ; } /*[ CASE3: Child of div.sidebar ]*/ div.sidebar div.adminmenu { margin-left : 0 ; padding : 0 ; text-align : left ; font-size : 1em ; border-width : 0 ; } div.sidebar span.adminmenu { display : block ; border-bottom-style : solid ; border-bottom-width : 1px ; } div.sidebar span.adminmenu a { padding : 0.5em 0.2em ; display : block ; width : auto ; height : auto ; text-decoration : none ; } div.sidebar span.adminmenu a:link, div.sidebar span.adminmenu a:visited {} div.sidebar span.adminmenu a:hover {} /*----------[ Others ]----------*/ div.calendar { padding : 0.2em ; font-size : 0.9em ; text-align : center ; border-width : 0 1px 1px 1px ; position : relative ; top : 0 ; left : 0 ; } div.main div.calendar { border-width : 0 0 1px 0 ; } div.calendar a:link, div.calendar a:visited { text-decoration : none ; } div.calendar a:hover {} div.footer { padding : 0.5em ; font-size : 0.8em ; text-align : right ; border-width : 0 ; } .hatena-description { padding : 0.2em ; font-size : 0.9em ; border-style : solid ; border-width : 0 1px 1px 1px ; border-color : #999 ; background-color : #ddd ; color : #222 ; width : 100% ; } .main .hatena-description, .sidebar .hatena-description { border-width : 0 0 1px 0 ; } .sidebar .hatena-module .hatena-description ul { border-width : 0 ; } /***** ***** ***** Hatena Diary Classes ***** ***** *****/ /*---------------[ Commons ]---------------*/ div.day h2, div.body, div.comment, div.refererlist { font-size : 0.9em ; } div.day, div.day h2 { border-style : solid ; } div.section, div.footnote, div.comment, div.refererlist { margin : 1em ; border-style : solid ; border-width : 1px ; } /*-----[ Keyword ]-----*/ a.keyword:link, a.okeyword:link { text-decoration : none ; border-bottom-style : solid ; border-bottom-width : 1px ; } a.keyword:visited, a.okeyword:visited { text-decoration : none ; border-bottom-style : dashed ; border-bottom-width : 1px ; } /*---------------[ Div.day ]---------------*/ div.day { border-width : 0 1px 1px 1px ; width : 100% ; } .main div.day { border-width : 0 0 1px 0 ; } div.day h2 { padding : 1em 1em 1em 1.5em ; border-width : 0 0 1px 0 ; } div.day h2 a:link, div.day h2 a:visited { text-decoration : none ; } span.date { margin-bottom : 0.75em ; margin-left : -1em ; padding-left : 0.1em ; display : block ; width : 90% ; font-size : 1.5em ; font-weight : 700 ; border-style : solid ; border-width : 1px 1px 1px 0.5em ; } a:link span.date, a:visited span.date {} a:hover span.date {} span.title {} /*----------[ Div.body ]----------*/ div.body {} img.photo { margin : 1em ; float : right ; border-style : solid ; border-width : 1px ; } div.body > img.photo { margin-top : 0 ; } .body table { border : none ; margin : 1em ; font-size : 1em ; } /*----------[ Div.section ]----------*/ div.section { padding : 0 0 1em 0 ; } div.section h3 { margin : 0 0 2em 0 ; padding : 1.5em 0.5em 1.5em 1em ; border-bottom-style : solid ; border-width : 1px ; } div.section h3 a:link, div.section h3 a:visited { text-decoration : none ; } span.sanchor {} a:link span.sanchor, a:visited span.sanchor {} a:hover span.sanchor {} a.sectioncategory:link, a.sectioncategory:visited { text-decoration : underline ; } a.sectioncategory:hover { text-decoration : none ; } span.timestamp { font-size : 0.8em ; } /*----------[ Div.footnote ]----------*/ div.footnote {} p.footnote { margin : 0.5em 1em 0.5em 3em ; font-size : 0.9em ; text-indent : -2em ; } span.footnote {} /*----------[ Div.comment & Div.refererlist ]----------*/ div.comment {} div.commentshort { border-style : solid ; border-width : 1px 0 0 0 ; } div.commentshort p { margin : 0.5em 1em 0.5em 3em ; font-size : 0.9em ; text-indent : 0em ; text-align : left ; } span.canchor {} a.commentator {} div.refererlist {} div.refererlist ul { margin : 0 ; padding : 1.5em 1em ; list-style-type : none ; font-size : 0.9em ; border-top : solid ; border-width : 1px ; } div.caption { margin : 0.2em ; font-size : 0.9em ; } /***** ***** ***** Hatena Module Classes (Inner Sidebar Classes) ***** ***** *****/ /*---------------[ Commons ]---------------*/ form.hatena-searchform, ul.hatena-photo, div.hatena-modulebody ul li { border-bottom-style : solid ; border-bottom-width : 1px ; } form.hatena-searchform, table.calendar, ul.hatena-photo, div.hatena-modulebody ul li a:link, div.hatena-modulebody ul li a:visited {} /*---------------[ Div.hatena-module ]---------------*/ div.hatena-module { width : 100% ; } div.hatena-moduletitle { padding : 1em 0.2em 0.2em 0.2em ; font-size : 1.2em ; font-weight : 600 ; letter-spacing : 0.1em ; border-bottom-style : solid ; border-bottom-width : 1px ; } div.hatena-moduletitle a:link, div.hatena-moduletitle a:visited { text-decoration : none ; } div.hatena-moduletitle a:hover {} div.hatena-modulebody {} div.hatena-modulebody ul { margin : 0 ; list-style-type : none ; } div.hatena-modulebody ul li { line-height : 1,2 ; } div.hatena-modulebody ul li a { padding : 0.4em 0.2em ; display : block ; width : auto ; height : auto ; } div.hatena-modulebody ul li a:link, div.hatena-modulebody ul li a:visited { text-decoration : none ; } div.hatena-modulebody ul li a:hover {} /*---------------[ Searchform Module ]---------------*/ form.hatena-searchform { padding : 1em 0 ; text-align : center ; } input.hatena-searchform { margin : 0 1px ; border-style : solid ; border-width : 1px ; } span.highlight {} /*---------------[ Calendar2photo Module ]---------------*/ table.calendar { font-size : 1em ; border-width : 0 0 1px 0 ; } table.calendar { width : 100% ; } _table.calendar { width : auto ; table-layout : fixed ; } table.calendar td { text-align : center ; border-style : solid ; border-width : 1px ; } td.calendar-prev-month {} td.calendar-current-month {} td.calendar-next-month {} td.calendar-sunday, td.calendar-weekday, td.calendar-saturday { padding-top : 2px ; } td.calendar-sunday {} td.calendar-weekday {} td.calendar-saturday {} td.calendar-day {} table.calendar td img { margin : 0.1em 0 ; vertical-align : middle ; width : 1em ; height : 0.8em ; border-style : solid ; border-width : 1px ; -moz-box-sizing : content-box ; } table.calendar a:link, table.calendar a:visited { padding-top : 0 ; display : block ; text-decoration : none ; height : 100% ; } table.calendar a:hover {} table.calendar a:link img, table.calendar a:visited img {} table.calendar a:hover img {} /*---------------[ Photo Module ]---------------*/ div.hatena-modulebody ul.hatena-photo li, div.hatena-modulebody ul.hatena-photo li a { padding : 0 ; display : inline ; width : auto ; height : auto ; } ul.hatena-photo { padding : 0.5em 1em ; display : block ; text-align : center ; line-height : 1 ; } div.hatena-modulebody ul.hatena-photo li { border-bottom : none ; } div.hatena-modulebody ul.hatena-photo li a:hover { background-color : transparent ; } img.hatena-photo { margin : 0.5em 1px ; vertical-align : top ; border-style : solid ; border-width : 1px ; } a:link img.hatena-photo, a:visited img.hatena-photo {} a:hover img.hatena-photo { } /*---------------[ Section Module ]---------------*/ ul.hatena-section {} /*---------------[ Antenna Module ]---------------*/ ul.hatena-antenna {} /*---------------[ Question Module ]---------------*/ ul.hatena-question {} /*---------------[ Keyword Module ]---------------*/ ul.hatena-keyword {} /*---------------[ Hotkeyword Module ]---------------*/ ul.hatena-hotkeyword {} /*---------------[ Hoturl Module ]---------------*/ ul.hatena-hoturl {} /*---------------[ Hotasin Module ]---------------*/ ul.hatena-hotasin {} /***** ***** ***** Editor's Classes ***** ***** *****/ form div.day h2, div.day form h2 { padding : 1em ; } div.day form h2 { border-bottom-width : 0 ; } div.day form h2 span.date { margin : 0 ; padding : 0 ; display : inline ; width : auto ; border : none ; font-size : 1em ; font-weight : normal ; left : 0 ; vertical-align : middle ; } div.day form h2 input { vertical-align : middle ; margin : 0 ; } div.day form div.body { border-style : solid ; border-width : 1px 0 0 0 ; } div.day form div.body h3 { margin-top : 1em ; padding : 1em ; border-top-style : solid ; border-top-width : 1px ; border-bottom-style : solid ; border-bottom-width : 1px ; } div.day form div.body p { margin : 1em ; text-indent : 0 ; line-height : 1 ; } div.day form div.body blockquote { padding : 0.5em ; } div.day input { margin : 1em ; } div.day form input, div.day form div.body input { margin : 1em ; } div.day form div.body p input, div.day form div.body dd input, div.day form div.body blockquote input, div.day form div.commentshort input, div.day div.commentshort form input, div.day form div.refererlist input { margin : 0 ; } div.day form textarea { margin : 1em 0 0 1em ; } div.day form div.body p textarea, div.day form div.body blockquote textarea { margin : 0 ; } div.day form p table { border-width : 0 ; } div.day form div.refererlist { font-size : 1em ; } /***** ***** ***** ***** EOT ***** ***** ***** *****/ /***** ***** ***** ***** Basic Elements ****** ***** ***** *****/ /*---------------[ Universal Selector ]---------------*/ * {} /*---------------[ Basic Elements ]---------------*/ /*-----[ HTML & BODY ]-----*/ html {} body { background-color : #fff ; color : #000 ; } /*-----[ Table -Hatena Table Header- ]-----*/ table {} td {} table table {} td td { background-color : #fff ; } td font { color : #f60 ; } td a:link font {} td a:visited font {} td a:active font {} td a:hover font {} /*-----[ Hn ]-----*/ h1 { background-image : url(./wall2_h1.gif) ; background-color : #fb5 ; color : #f93 ; } h2, h3 {} h2 {} h3 {} p {} ul {} ul li {} ol {} ol li {} li {} dl {} dt { border-bottom-color : #f60 ; } dd {} blockquote { border-color : #f93 ; } blockquote p {} blockquote ul, blockquote ol, blockquote dl, blockquote pre {} blockquote ul {} blockquote ol {} blockquote dl {} blockquote pre {} blockquote cite { border-top-color : #999 ; } pre { border-color : #f60 ; background-color : #fec ; color : #222 ; } del { color : #999 ; } ins { border-bottom-color : #09f ; } form {} input {} textarea {} img {} /*---------------[ Pseudo Elements -Basic- ]---------------*/ a:link { color : #000 ; } a:visited { color : #666 ; } a:active {} a:hover { color : #f30 ; } /***** ***** ***** ***** Hatena-Diary Classes ***** ***** ***** *****/ /*---------------[ Layout Classes // Huge Box ]---------------*/ /*----------[ Commons ]----------*/ table, div.adminmenu, h1, div.hatena-body, div.main, div.sidebar,div.calendar,div.footer { border-color : #f60 ; } table {} table table {} div.adminmenu, h1, div.hatena-body {} /*----------[ Div.hatena-body ]----------*/ div.hatena-body {} /*----------[ Div.main ]----------*/ div.main {} /*----------[ Div.sidebar ]----------*/ div.sidebar {} /*----------[ Div.adminmenu ]----------*/ div.adminmenu { background-color : #fff ; color : #333 ; } span.adminmenu {} span.adminmenu a:link, span.adminmenu a:visited { color : #f60 ; } span.adminmenu a:hover { color : #000 ; } /*[ CASE1: Child of div.hatena-body ]*/ div.hatena-body div.adminmenu {} /*[ CASE2: Child of div.main ]*/ div.main div.adminmenu {} /*[ CASE3: Child of div.sidebar ]*/ div.sidebar div.adminmenu {} div.sidebar span.adminmenu { border-bottom-color : #f60 ; } div.sidebar span.adminmenu a {} div.sidebar span.adminmenu a:link, div.sidebar span.adminmenu a:visited { background-color : #fff ; color : #333 ; } div.sidebar span.adminmenu a:hover { background-color : #fff ; color : #f60 ; } /*----------[ Others ]----------*/ div.calendar { background-color : #feb ; color : #666 ; } div.main div.calendar {} div.calendar a:link, div.calendar a:visited { color : #000 ; } div.calendar a:hover { color : #f30 ; } div.footer {} .hatena-description { border-color : #f60 ; background-color : #fd9 ; color : #432 ; } /***** ***** ***** Hatena Diary Classes ***** ***** *****/ /*---------------[ Commons ]---------------*/ div.day h2, div.body, div.comment, div.refererlist {} div.day, div.day h2 { border-color : #f60 ; } div.section, div.footnote, div.comment, div.refererlist { border-color : #f60 ; background-color : #fff ; color : #333 ; } /*-----[ Keyword ]-----*/ a.keyword:link, a.okeyword:link { color : #333 ; border-bottom-color : #ccc ; } a.keyword:visited, a.okeyword:visited { color : #333 ; border-bottom-color : #ccc ; } /*---------------[ Div.day ]---------------*/ div.day { background-color : #fff ; color : #333 ; } .main div.day { background-color : #fc6 ; color : #333 ; } div.day h2 { background-color : #fb5 ; color : #000 ; } .main div.day h2 { background-color : #fa3 ; color : #000 ; } div.day h2 a:link, div.day h2 a:visited {} span.date { border-color : #f60 ; } a:link span.date, a:visited span.date { background-color : #fc8 ; color : #fa3 ; } a:hover span.date { background-color : #fff ; color : #f93 ; } span.title {} /*----------[ Div.body ]----------*/ div.body {} img.photo { border-color : #f60 ; } /*----------[ Div.section ]----------*/ div.section {} div.section h3 { border-bottom-color : #fb5 ; } div.section h3 a:link, div.section h3 a:visited {} span.sanchor {} a:link span.sanchor, a:visited span.sanchor { color : #f60 ; } a:hover span.sanchor { color : #f90 ; } a.sectioncategory:link, a.sectioncategory:visited { color : #f60 ; } a.sectioncategory:hover { color : #f00 ; } span.timestamp { color : #ccc ; } /*----------[ Div.footnote ]----------*/ div.footnote {} p.footnote {} span.footnote {} /*----------[ Div.comment & Div.refererlist ]----------*/ div.comment {} div.commentshort { border-top-color : #fb5 ; } div.commentshort p {} span.canchor { color : #f60 ; } a.commentator {} div.refererlist {} div.refererlist ul { border-top-color : #fb5 ; } div.caption {} /***** ***** ***** Hatena Module Classes (Inner Sidebar Classes) ***** ***** *****/ /*---------------[ Commons ]---------------*/ form.hatena-searchform, ul.hatena-photo, div.hatena-modulebody ul li { border-bottom-color : #f60 ; } form.hatena-searchform, table.calendar, ul.hatena-photo, div.hatena-modulebody ul li a:link, div.hatena-modulebody ul li a:visited { background-color : transparent ; color : #933 ; } /*---------------[ Div.hatena-module ]---------------*/ div.hatena-module { background-color : #fc6 ; color : #333 ; } div.hatena-moduletitle { border-bottom-color : #f60 ; background-color : #f93 ; } div.hatena-moduletitle, div.hatena-moduletitle a:link, div.hatena-moduletitle a:visited { color : #f30 ; } div.hatena-moduletitle a:hover { color : #000 ; } div.hatena-modulebody {} div.hatena-modulebody ul {} div.hatena-modulebody ul li {} div.hatena-modulebody ul li a {} div.hatena-modulebody ul li a:link, div.hatena-modulebody ul li a:visited {} div.hatena-modulebody ul li a:hover { background-color : #fff ; color : #f00 ; } /*---------------[ Searchform Module ]---------------*/ form.hatena-searchform {} input.hatena-searchform { background-color : #fff ; color : #333 ; border-color : #f60 ; } span.highlight { background-color : #f30 ; color : #fff ; } /*---------------[ Calendar2photo Module ]---------------*/ table.calendar { color : #f93 ; } table.calendar td { border-color : #f93 ; } td.calendar-prev-month {} td.calendar-current-month {} td.calendar-next-month {} td.calendar-sunday, td.calendar-weekday, td.calendar-saturday { } td.calendar-sunday { color : #f63 ; } td.calendar-weekday { color : #999 ; } td.calendar-saturday { color : #63f ; } td.calendar-day {} table.calendar td img { border-color : #f60 ; } table.calendar a {} table.calendar td > img{} table.calendar a:link, table.calendar a:visited { background-color : #fa4 ; color : #000 ; } table.calendar a:hover { background-color : #fff ; color : #f30 ; } table.calendar a:link img, table.calendar a:visited img { border-color : #f93 ; } table.calendar a:hover img { border-color : #f30 ; } /*---------------[ Photo Module ]---------------*/ div.hatena-modulebody ul.hatena-photo li, div.hatena-modulebody ul.hatena-photo li a {} ul.hatena-photo {} div.hatena-modulebody ul.hatena-photo li {} img.hatena-photo {} a:link img.hatena-photo, a:visited img.hatena-photo { border-color : #f60 ; } a:hover img.hatena-photo { border-color : #f60 ; } /*---------------[ Section Module ]---------------*/ ul.hatena-section {} /*---------------[ Antenna Module ]---------------*/ ul.hatena-antenna {} /*---------------[ Question Module ]---------------*/ ul.hatena-question {} /*---------------[ Keyword Module ]---------------*/ ul.hatena-keyword {} /*---------------[ Hotkeyword Module ]---------------*/ ul.hatena-hotkeyword {} /*---------------[ Hoturl Module ]---------------*/ ul.hatena-hoturl {} /*---------------[ Hotasin Module ]---------------*/ ul.hatena-hotasin {} /***** ***** ***** Editor's Classes ***** ***** *****/ form div.day h2, div.day form h2 {} div.day form h2 {} div.day form h2 span.date {} div.day form h2 input {} div.day form div.body { border-color : #f60 ; background-color : #fff ; color : #333 ; } div.day form div.body h3 { border-top-color : #f90 ; border-bottom-color : #fc6 ; background-color : #fec ; } div.day form div.body p {} div.day form div.body blockquote {} div.day input {} div.day form input, div.day form div.body input {} div.day form div.body p input, div.day form div.body dd input, div.day form div.body blockquote input, div.day form div.commentshort input, div.day div.commentshort form input, div.day form div.refererlist input {} div.day form textarea {} div.day form div.body p textarea, div.day form div.body blockquote textarea {} div.day form p table {} div.day form div.refererlist {} /***** ***** ***** ***** EOT ***** ***** ***** *****/