/* Theme Name: Capricorn55 Theme URI: Description: Simple HTML5 Word Press Theme Version: 1.0 Author: Yut Sait Author URI: http://www.ngc7099.net/cxs/ Tags: black,white,three-columns,fixed-width */ /* @font-face { font-family: M1VMIPAG-CIRCLE; src: url(font/M+1VM+IPAG-circle.ttf) format("TrueType"); } */ /* Reset CSS http://redline.hippy.jp/ */ body,div,dl,dt,dd,ul,ol,li, h1,h2,h3,h4,h5,h6, form,fieldset,input,textarea, p,th,td{ margin:0; padding:0; text-decoration: none; font-style:normal; font-weight: normal; font-size: 0.95em; text-decoration: none; } /*---------------------------------------- Plus font-weight: vertical-align: ----------------------------------------*/ table{ border-collapse:collapse; border-spacing:0; } /*---------------------------------------- Plus caption, th{ text-align:left; } ----------------------------------------*/ ul{ list-style:none; } /*---------------------------------------- Plus ol,ul{ list-style:none; } ----------------------------------------*/ fieldset,img{ border:0; } select option{ padding:0 5px; } form label{ cursor:pointer; } body{ color: background: font-size:62.5%; font-family:'ƒqƒ‰ƒMƒmŠpƒS Pro W3','Hiragino Kaku Gothic Pro','ƒƒCƒŠƒI',Meiryo,'‚l‚r ‚oƒSƒVƒbƒN',Osaka,sans-serif; line-height: } /* End Reset CSS */ /* Begin .clearfix http://www.positioniseverything.net/easyclearing.html */ .clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .clearfix { display: inline-block; } /* Hides from IE-mac \*/ * html .clearfix { height: 1%; } .clearfix { display: block; } /* End hide from IE-mac */ /* End .clearfix */ /* Common CSS Section */ html, body { height: 100%; } a:link { color: #6000FF; } div#page { background-color: #111111; display: block; font-family:'ƒqƒ‰ƒMƒmŠpƒS Pro w3', 'MS@ƒSƒVƒbƒN', 'suns-serif'; height: 100%; } div#page div#bg_header { /* For WebKit (Safari, Google, Chrome etc) */ background: -webkit-gradient(linear, left top, left bottom, from(#333), to(#555)); /* For Mozilla/Gecko (FireFox etc) */ background: -moz-linear-gradient(top, #333, #555); /* For Internet Explorer 5.5 - 7 */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#FF333333, endColorstr=#FF555555); /* For Internet Explorer 8 */ -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#FF333333, endColorstr=#FF555555)"; } div#page div#bg_header > header { color: white; display: block; margin: 0 auto 0; padding: 30px 0 5px 0; width: 950px; } div#page div#bg_header header hgroup h1 { font-size: 30px; font-weight: bold; font-style: normal; font-variant: normal; text-shadow: #AAAAAA 1px 1px 1px; } div#page div#bg_header header hgroup h1 a { color: white; text-decoration: none; } div#page div#bg_header header hgroup h2 { font-size: 14px; font-weight: bold; font-style: normal; font-variant: normal; text-shadow: #777777 1px 1px 1px; } div#page div#bg_content { background-color: #ffffff; } div#page div#bg_content section#content { display: block; line-height: 1.5em; padding: 10px 0 10px 0; margin: 0 auto 0; width: 950px; } div#page div#bg_content section#content section#articles { display: block; float: left; width: 587px; } div#page div#bg_content section#content section#articles > h2, div#page div#bg_content section#content section#articles > nav { display: blcok; padding: 20px 0 0 0; } div#page div#bg_content section#content section#articles article { display: block; padding: 20px 10px 0 0; } div#page div#bg_content section#content section#articles article header { display: block; border-left: 3px solid #555555; padding-left: 10px; } div#page div#bg_content section#content section#articles article section.entry { display: block; font-size: 0.90em; padding: 10px 0 0 0; } div#page div#bg_content section#content section#articles article p.postmetadata, div#page div#bg_content section#content section#articles article ol li.comment, div#page div#bg_content section#content section#articles article form, div#page div#bg_content section#content section#articles article h3#comments { font-size: 0.8em; padding: 15px 0 0 0; } div#page div#bg_content section#content nav#sidebar { float: left; width: 180px; } div#page div#bg_content section#content nav#sidebar ul li.sidebar_header { height: 50px; background: -webkit-gradient(linear, left top, left bottom, from(#FFF), to(#EEE)); /* For Mozilla/Gecko (FireFox etc) */ background: -moz-linear-gradient(top, #FFF, #EEE); /* For Internet Explorer 5.5 - 7 */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#FFFFFFFF, endColorstr=#FFEEEEEE); /* For Internet Explorer 8 */ -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#FFFFFFFF, endColorstr=#FFEEEEEE)"; } div#page div#bg_content section#content nav#sidebar > ul > li { background-color: #EEEEEE; padding: 3px 5px 3px 10px; } div#page div#bg_content section#content nav#sidebar ul li.sidebar_footer { height: 50px; background: -webkit-gradient(linear, left top, left bottom, from(#EEE), to(#FFF)); /* For Mozilla/Gecko (FireFox etc) */ background: -moz-linear-gradient(top, #EEE, #FFF); /* For Internet Explorer 5.5 - 7 */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#FFEEEEEE, endColorstr=#FFFFFFFF); /* For Internet Explorer 8 */ -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#FFEEEEEE, endColorstr=#FFFFFFFF)"; } div#page div#bg_content section#content nav#sidebar2 { float: left; margin-left: 1px; width: 180px; } div#page div#bg_content section#content nav#sidebar2 ul li.sidebar_header { height: 50px; background: -webkit-gradient(linear, left top, left bottom, from(#FFF), to(#CCC)); /* For Mozilla/Gecko (FireFox etc) */ background: -moz-linear-gradient(top, #FFF, #CCC); /* For Internet Explorer 5.5 - 7 */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#FFFFFFFF, endColorstr=#FFCCCCCC); /* For Internet Explorer 8 */ -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#FFFFFFFF, endColorstr=#FFCCCCCC)"; } div#page div#bg_content section#content nav#sidebar2 > ul > li { background-color: #CCCCCC; padding: 3px 5px 3px 10px; } div#page div#bg_content section#content nav#sidebar2 ul li.sidebar_footer { height: 50px; background: -webkit-gradient(linear, left top, left bottom, from(#CCC), to(#FFF)); /* For Mozilla/Gecko (FireFox etc) */ background: -moz-linear-gradient(top, #CCC, #FFF); /* For Internet Explorer 5.5 - 7 */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#FFCCCCCC, endColorstr=#FFFFFFFF); /* For Internet Explorer 8 */ -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#FFCCCCCC, endColorstr=#FFFFFFFF)"; } div#page div#bg_content section#content nav#sidebar > ul > li h2, div#page div#bg_content section#content nav#sidebar2 > ul > li h2 { font-size: 1em; font-weight: bold; } div#page div#bg_content section#content nav#sidebar > ul > li ul, div#page div#bg_content section#content nav#sidebar2 > ul > li ul { padding: 0 0 10px 0; } div#page div#bg_content section#content nav#sidebar2 > ul > li > ul > li.snsicons { float: left; padding: 0px 5px 0 0; } div#page div#bg_content section#content .maxMargin { height: 100%; } div#page div#bg_footer { background-color: black; /* For WebKit (Safari, Google, Chrome etc) */ background: -webkit-gradient(linear, left top, left bottom, from(#333), to(#111)); /* For Mozilla/Gecko (FireFox etc) */ background: -moz-linear-gradient(top, #333, #111); /* For Internet Explorer 5.5 - 7 */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#FF333333, endColorstr=#FF111111); /* For Internet Explorer 8 */ -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#FF333333, endColorstr=#FF111111)"; } div#page div#bg_footer footer { color: white; display: block; margin: 0 auto 0; padding: 20px 0 0 0; width: 950px; } div#page div#bg_footer footer a { color: white; } div#page div#bg_footer footer ul li#newEntriesTitle { padding-bottom: 5px; } div#page div#bg_footer footer ul li.newEntries { font-size: 0.8em; line-height: 1.5em; } div#page div#bg_footer footer section#copyright { display: block; font-size: 0.8em; padding: 30px 0 10px 0; } /* End Common CSS Section */ /* Entry CSS Section */ .entryParagraph { padding: 15px 0 0 0; } /* End Entry CSS Section */ /* CSS Animation Section */ div#page div#bg_content section#content nav#sidebar2 > ul > li > ul > li.snsicons > a > img { -webkit-transform: scale(1.0); -webkit-transition-duration: 0.3s; -moz-transform: scale(1.0); } div#page div#bg_content section#content nav#sidebar2 > ul > li > ul > li.snsicons > a > img:hover { -webkit-transform: scale(1.5); -webkit-box-shadow: 0 0 40px #ccc; -moz-transform: scale(2.0); } /* End CSS Animation Section */ /* Word Press Required */ .aligncenter { display: block; margin-left: auto; margin-right: auto; } .alignleft { float: left; } .alignright { float: right; } .wp-caption { border: 1px solid #ddd; text-align: center; background-color: #f3f3f3; padding-top: 4px; margin: 10px; -moz-border-radius: 3px; -khtml-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; } .wp-caption-text { } .wp-caption img { margin: 0; padding: 0; border: 0 none; } .wp-caption-dd { font-size: 11px; line-height: 17px; padding: 0 4px 5px; margin: 0; } .gallery-caption { } /* En Word Press Required */