/* Default Colors Stylesheet */ /*-------------------------------------------------------------------------------------------*/ /* 1. SETUP */ /*-------------------------------------------------------------------------------------------*/ /* 1.1 Defaults */ body { background: #fff url(default/bodytile2.gif) repeat left top; } /* 1.2 Hyperlinks */ a:link, a:visited { color: #649FBB; } a:hover { color: ＃97D2EE; } /*-------------------------------------------------------------------------------------------*/ /* 2. SITE STRUCTURE & APPEARANCE */ /*-------------------------------------------------------------------------------------------*/ /* 2.1 Containers & Columns */ /* 2.2 Navigation */ /* 2.2.1 Drop-down menus */ /* CATEGORY NAVIGATION */ /* PAGES NAVIGATION グローバルナビ */ #pagenav a { border-bottom: 4px solid #97D2EE; color:#17526E; } #pagenav a:hover{color: #4A85A1;} #pagenav li.current_page_item a, #pagenav li a:hover { border-color: #4A85A1; } #pagenav li ul { border-top: 1px solid #97D2EE; } #pagenav li ul li { border-color: #97D2EE; } #pagenav li ul a:hover { color: #fff!important; background: #4A85A1; } #pagenav li.rss a { color: #97D2EE; background: url(default/ico-rss2_on.png) no-repeat right 4px; } #pagenav li.rss a:hover { color: #4A85A1; background: url(default/ico-rss2.png) no-repeat right 4px; } /* 2.3 Header */ /* 2.4 Content */ /* 2.5 Sidebar */ /* 2.6 Extended Footer */ #extended-footer { background: #c8c8c8 url(default/bodyfooter2.png) repeat left top; } .one, .two { border-right: 1px solid #649FBB; } /* 2.7 Footer */ /*-------------------------------------------------------------------------------------------*/ /* 3. POSTS */ /*-------------------------------------------------------------------------------------------*/ .post .date { background: url(default/date2.png) no-repeat left top; } .post-meta li .body a:hover { color: #4A85A1; } /* 3.1 Typographic Elements */ /* 3.2 Images */ .post img.thumbnail, .entry img { transition: all 0.25s ease-in-out; border: 5px solid #f4f4f4; box-shadow: 0 2px 5px rgba(0, 0, 0, 0.15), 0 0 0 1px rgba(0, 0, 0, 0.15);} .post img.thumbnail:hover, .entry img:hover { border: 5px solid #fefefe; box-shadow: 0 0 5px 1px rgba(176, 235, 235, 1.0), 0 0 0 1px rgba(74, 133, 161, 0.7); } .post img.thumbnail:active, .entry img:active { border: 5px solid #4A85A1; } /* 3.3 Pagination / WP-Pagenavi .more_entries .wp-pagenavi a:link, .more_entries .wp-pagenavi a:visited { color: #4A85A1; } .more_entries .wp-pagenavi .current, .more_entries .wp-pagenavi .on, .more_entries .wp-pagenavi a:hover { background: #fbdddf !important; color: #4A85A1; }*/ /*-------------------------------------------------------------------------------------------*/ /* 4. WIDGETS */ /*-------------------------------------------------------------------------------------------*/ /* 4.1 Generic Widgets */ .widget h3 { border-bottom: 1px solid #888; } .widget ul li a:link, .widget ul li a:visited { /* background: url(default/bullet.png) no-repeat 10px center;*/ border-bottom: 1px dashed #aaa; } .widget ul li a { transition: all 0.2s ease-in-out;} .widget ul li a:link, .widget ul li a:visited {/* background: url(default/bullet.png) no-repeat 10px center;*/ border-bottom: 1px dashed #aaa; } .widget ul li a:hover { color: #4A85A1;/* background: url(default/bullet_hover.png) no-repeat 10px center;*/ font-weight: bold; } .widget_recent_comments li, #twitter li { border-bottom: 1px solid #aaa; } /* RESET LI STYLING FOR RECENT COMMENT & TWITTER */ .widget_recent_comments li a, #twitter a { color: #4A85A1!important; } /* RESET STYLING FOR RECENT COMMENT & TWITTER */ /* 4.2 Specific Widgets */ /* FEATURED POSTS */ #featured li { border-bottom: 1px dashed #aaa; } #featured span.thumb img { transition: all 0.25s ease-in-out; border: 5px solid #ddd; box-shadow:1px 1px 1px rgba(0,0,0,0.6);} #featured span.thumb img:hover { border-color: #7DB8D4; box-shadow:1px 1px 1px rgba(0,0,0,0.4);} #featured span.thumb img:active { border-color: #4A85A1; } /* WIDGET FORMS */ input#s, input.field {border: 1px solid #d0d0d0; border-radius:2px; box-shadow: inset 1px 1px 2px rgba(0, 0, 0, 0.1);} input#s:focus, input.field:focus { padding:4px 1px 4px 2px; border: 2px solid #7DB8D4; box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.4);} #searchsubmit{ letter-spacing:4px; padding:4px 3px 4px 7px; margin-left:15px; color:#fff; text-shadow:1px 0 0 rgba(0, 0, 0, 0.7); border-radius:2px;} #searchsubmit, input.submit, #commentform #submit {border:solid 1px #316C88; transition: all 0.1s ease-in-out; background-color: #4A85A1; cursor:pointer; box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5), -1px 0 2px rgba(0, 0, 0, 0.5), 0 -1px 1px rgba(255, 255, 255, 0.3); } #searchsubmit:hover, input.submit:hover, #commentform #submit:hover { background-color: #649FBB; box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.2), -1px 0 1px rgba(0, 0, 0, 0.2), 0 -1px 1px rgba(255, 255, 255, 0.1); } #searchsubmit:active, input.submit:active, #commentform #submit:active { background-color: #7DB8D4; box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3) inset, -1px 0 2px rgba(0, 0, 0, 0.3) inset, 0 -1px 1px rgba(255, 255, 255, 0.3) inset;} /* FLICKR */ #flickr a img { transition: all 0.25s ease-in-out; border: 5px solid #f4f4f4; box-shadow: 0 2px 5px rgba(0, 0, 0, 0.15), 0 0 0 1px rgba(0, 0, 0, 0.15);} #flickr a:hover img { border: 5px solid #fefefe; box-shadow: 0 0 5px 1px rgba(176, 235, 235, 1.0), 0 0 0 1px rgba(74, 133, 161, 0.7); } #flickr a:active img { border: 5px solid #4A85A1; } /* LIFESTREAM */ .widget_lifestream ul li { border-bottom: 1px solid #d0d0d0; } /* TEXT WIDGET */ /* CALENDAR */ #wp-calendar th,#wp-calendar td{background:#d0d0d0;} #wp-calendar th { color: #888; } /* ADS */ #sidebar .ads125 { border: 1px solid #d0d0d0; } /* 4.3 Extended Footer Widgets */ /*-------------------------------------------------------------------------------------------*/ /* 5. COMMENTS */ /*-------------------------------------------------------------------------------------------*/ /* 5.1 Comments */ /* 5.2 Pingbacks / Trackbacks */ /* 5.3 Comments Form */ #commentform #comment{ border-radius:2px; box-shadow: inset 1px 1px 2px rgba(0, 0, 0, 0.1);} #commentform #comment:focus { border: 1px solid #7DB8D4; box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.3);} #commentform #submit { border-radius:2px;}