null+****@clear*****
null+****@clear*****
2012年 7月 4日 (水) 17:25:10 JST
SHIMODA Hiroshi 2012-07-04 17:25:10 +0900 (Wed, 04 Jul 2012) New Revision: 168a787821c31d6e0711ad9c7299e3bd47011614 https://github.com/groonga/gcs.groonga.org/commit/168a787821c31d6e0711ad9c7299e3bd47011614 Log: Stylize blog entries Added files: stylesheets/screen/blog.css Modified files: _includes/post.html blog/index.md Modified: _includes/post.html (+3 -1) =================================================================== --- _includes/post.html 2012-07-04 17:13:25 +0900 (2a54749) +++ _includes/post.html 2012-07-04 17:25:10 +0900 (998716a) @@ -1,9 +1,10 @@ {% unless page.is_index %} {% assign post = page %} {% endunless %} +<section class="blog-entry"> <div class="header"> <h2><a href="{{ post.url }}">{{ post.title }}</a></h2> - <p>{{ post.date | date: '%Y-%m-%d' }}</p> + <p class="post-date">{{ post.date | date: '%Y-%m-%d' }}</p> <div class="fb-like" data-href="{{ site.url }}{{ post.url }}" data-send="false" data-width="450" data-show-faces="true"></div> </div> {% if page.is_index %} @@ -11,3 +12,4 @@ {% else %} {{ content }} {% endif %} +</section> Modified: blog/index.md (+1 -0) =================================================================== --- blog/index.md 2012-07-04 17:13:25 +0900 (84dc4b6) +++ blog/index.md 2012-07-04 17:25:10 +0900 (a3fcad6) @@ -1,6 +1,7 @@ --- title: Groonga CloudSearch blog layout: default +style: screen/blog.css is_index: true is_blog: true --- Added: stylesheets/screen/blog.css (+51 -0) 100644 =================================================================== --- /dev/null +++ stylesheets/screen/blog.css 2012-07-04 17:25:10 +0900 (804e2f1) @@ -0,0 +1,51 @@ +.blog-entry { + position: relative; +} + +.blog-entry h2 { + margin-right: 7em; +} + +.post-date { + background: #384656; /* Old browsers */ + background: -moz-linear-gradient(-45deg, #384656 31%, #788ba0 100%); /* FF3.6+ */ + background: -webkit-gradient(linear, left top, right bottom, color-stop(31%,#384656), color-stop(100%,#788ba0)); /* Chrome,Safari4+ */ + background: -webkit-linear-gradient(-45deg, #384656 31%,#788ba0 100%); /* Chrome10+,Safari5.1+ */ + background: -o-linear-gradient(-45deg, #384656 31%,#788ba0 100%); /* Opera 11.10+ */ + background: -ms-linear-gradient(-45deg, #384656 31%,#788ba0 100%); /* IE10+ */ + background: linear-gradient(135deg, #384656 31%,#788ba0 100%); /* W3C */ + filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#384656', endColorstr='#788ba0',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */ + border: 0 none; + -moz-border-radius: 0 0.5em 0.25em 0; + -webkit-border-radius: 0 0.25em 0.25em 0; + -o-border-radius: 0 0.25em 0.25em 0; + -ms-border-radius: 0 0.25em 0.25em 0; + border-radius: 0 0.25em 0.25em 0; + -moz-box-shadow: #3A647C 0.1em 0.1em 0.3em; + box-shadow: #3A647C 0.1em 0.1em 0.3em; + color: white; + font-size: 90%; + height: 16px; + line-height: 1; + margin: 0; + padding: 8px 16px; + position: absolute; + right: -24px; + text-shadow: #0A344C 0.1em 0.1em 0.2em, + #0A344C 0 0 0.5em; + top: 0; +} + +.post-date:before { + border: 0 solid transparent; + border-width: 16px 16px 16px 0; + border-right-color: #384656; + content: ""; + display: block; + height: 0; + line-height: 0; + left: -16px; + overflow: hidden; + position: absolute; + top: 0; +} -------------- next part -------------- HTML$B$NE:IU%U%!%$%k$rJ]4I$7$^$7$?(B...Download