Removed: shadow in css

Author: mallowlabs

_layouts/product.html

@@ -108,12 +108,12 @@ <h3>主な特徴</h3>
               <div class="feature row">
                 <div class="col-md-offset-1 col-sm-5">
                   <h5>{{ feature.name }}</h5>
-                  <div><img class="ss" src="{{ feature.image }}" /></div>
+                  <div><img class="ss img-thumbnail" src="{{ feature.image }}" /></div>
                 </div>
             {% else %}
                 <div class="col-sm-5">
                   <h5>{{ feature.name }}</h5>
-                  <div><img class="ss" src="{{ feature.image }}" /></div>
+                  <div><img class="ss img-thumbnail" src="{{ feature.image }}" /></div>
                 </div>
               </div>
             {% endif %}

product.md

@@ -12,7 +12,7 @@ keywords: [ "codefirst", "AsakusaSatellite", "keima", "dashbozu"]
 ### Productivity / 生産性の向上
 #### [AsakusaSatellite | A realtime chat application for Developers](AsakusaSatellite/)
 
-<div class="col-sm-4"><img src="AsakusaSatellite/imgs/ss.png" class="ss"/></div>
+<div class="col-sm-4"><img src="AsakusaSatellite/imgs/ss.png" class="ss thumbnail"/></div>
 
 AsakusaSatellite は、開発者向けのリアルタイムチャットア
 プリケーションです。開発者間のコミュニケーション品質を向上
@@ -26,7 +26,7 @@ AsakusaSatellite は、開発者向けのリアルタイムチャットア
 
 #### [QuoteIt | thumbnail/quote boilerplate](quoteit/)
 
-<div class="col-sm-4"><img src="./quoteit/imgs/ss.png" class="ss"/></div>
+<div class="col-sm-4"><img src="./quoteit/imgs/ss.png" class="ss thumbnail"/></div>
 
 QuoteItは各種Webサービスの埋め込み用HTMLを統一的に取得できるWebAPIです。バックエンドにwedataを採用しているため、誰でも引用元を簡単に追加可能です。
 
@@ -35,7 +35,7 @@ QuoteItは各種Webサービスの埋め込み用HTMLを統一的に取得でき
 
 #### [Keima | A simple, open, realtime notification service](keima/)
 
-<div class="col-sm-4"><img src="keima/imgs/ss.png" class="ss"/></div>
+<div class="col-sm-4"><img src="keima/imgs/ss.png" class="ss thumbnail"/></div>
 
 Node.js で書かれた Pusher クローンです。
 メッセージングサービスの基盤として使われることを想定して開発されています。
@@ -45,7 +45,7 @@ Node.js で書かれた Pusher クローンです。
 
 #### [SnowRabbit | Tweet with the desktop rabbit](SnowRabbit/)
 
-<div class="col-sm-4"><img src="./SnowRabbit/imgs/ss.png" class="ss"/></div>
+<div class="col-sm-4"><img src="./SnowRabbit/imgs/ss.png" class="ss thumbnail"/></div>
 
 SnowRabbit は OSX 用の Twitter クライアントです。Mac OS X Snow Leopard/Lion で動作します。
 following(friend) のグループ化表示ができるので、大勢 follow している人にお勧めです。
@@ -56,7 +56,7 @@ following(friend) のグループ化表示ができるので、大勢 follow し
 
 #### [KariyaSiesta | A flexible coding style checker for C](kariyasiesta/)
 
-<div class="col-sm-4"><img src="./kariyasiesta/imgs/ss.png" class="ss"/></div>
+<div class="col-sm-4"><img src="./kariyasiesta/imgs/ss.png" class="ss thumbnail"/></div>
 
 KariyaSiesta は、C 言語向けのコーディングチェッカ CX-Checker の fork プロジェクトです。コーディング規約はXpathを用いて簡単に拡張できます。
 
@@ -66,7 +66,7 @@ KariyaSiesta は、C 言語向けのコーディングチェッカ CX-Checker 
 
 #### [debeso | A snippet stock application for Developers](debeso/)
 
-<div class="col-sm-4"><img src="./debeso/imgs/ss.png" class="ss"/></div>
+<div class="col-sm-4"><img src="./debeso/imgs/ss.png" class="ss thumbnail"/></div>
 
 debeso は、開発者向けのスニペットストックです。開発者間の
 知識を共有し、知識が行方不明になることを防ぎます。
@@ -78,7 +78,7 @@ debeso は、開発者向けのスニペットストックです。開発者間
 
 #### [Dashbozu | A missing line for software development](dashbozu/)
 
-<div class="col-sm-4"><img src="dashbozu/imgs/ss.png" class="ss"/></div>
+<div class="col-sm-4"><img src="dashbozu/imgs/ss.png" class="ss thumbnail"/></div>
 
 Redmine, git, Jenkins などプロジェクト管理ツールの状態を横断的かつリアルタイムに表示する Web アプリケーションです。
 一つの画面でプロジェクトの”今”の状態を把握できます。

styles/main.css

@@ -111,9 +111,6 @@ img.ss {
    -moz-border-radius: 10px;
    border-radius: 10px;
    margin-right: 30px;
-    box-shadow: 5px 5px 5px rgba(0, 0, 0, .3);
-   -moz-box-shadow: 5px 5px 5px rgba(0, 0, 0, .3);
-   -webkit-box-shadow: 5px 5px 5px rgba(0, 0, 0, .3);
    margin-bottom: 30px;
 }
 
@@ -141,8 +138,6 @@ h4 {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
-   box-shadow: 1px 1px 2px #999;
-   -webkit-box-shadow: 1px 1px 2px #999;
    border: 1px solid gray;
    float: left;
    margin-right: 20px;
@@ -168,8 +163,6 @@ h4 {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
-   box-shadow: 1px 1px 2px #999;
-   -webkit-box-shadow: 1px 1px 2px #999;
    border: 1px solid gray;
 }
 

styles/product.css

@@ -30,7 +30,6 @@ img.ss {
   font-weight: bold;
   font-family: serif;
   color: #555;
-  text-shadow: 4px 4px 3px #999;
 }
 @media (max-width: 768px) {
 .copy {