From 34a87ee6a02f37104dd3491a434e71b440171483 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Mike=20Schw=C3=B6rer?= <mailport@mikescher.de>
Date: Tue, 3 Jun 2014 09:01:03 +0200
Subject: [PATCH] Further improved thumbnailPreview CSS

---
 .idea/workspace.xml                           | 170 ++++++++----------
 www/css/styles.css                            |  23 ++-
 .../components/views/thumbnailPreview.php     |   4 +-
 3 files changed, 98 insertions(+), 99 deletions(-)

diff --git a/.idea/workspace.xml b/.idea/workspace.xml
index ebcbb86..a79c571 100644
--- a/.idea/workspace.xml
+++ b/.idea/workspace.xml
@@ -2,13 +2,13 @@
 <project version="4">
   <component name="ChangeListManager">
     <list default="true" id="802a3fea-d257-43f4-acd0-825667875110" name="Default" comment="">
-      <change type="NEW" beforePath="" afterPath="$PROJECT_DIR$/.idea/encodings.xml" />
-      <change type="NEW" beforePath="" afterPath="$PROJECT_DIR$/.idea/scopes/scope_settings.xml" />
-      <change type="NEW" beforePath="" afterPath="$PROJECT_DIR$/.idea/vcs.xml" />
-      <change type="NEW" beforePath="" afterPath="$PROJECT_DIR$/.idea/www.mikescher.de.iml" />
-      <change type="NEW" beforePath="" afterPath="$PROJECT_DIR$/.idea/modules.xml" />
       <change type="NEW" beforePath="" afterPath="$PROJECT_DIR$/.idea/misc.xml" />
+      <change type="NEW" beforePath="" afterPath="$PROJECT_DIR$/.idea/encodings.xml" />
       <change type="NEW" beforePath="" afterPath="$PROJECT_DIR$/.idea/frameworkRootSettings.xml" />
+      <change type="NEW" beforePath="" afterPath="$PROJECT_DIR$/.idea/scopes/scope_settings.xml" />
+      <change type="NEW" beforePath="" afterPath="$PROJECT_DIR$/.idea/modules.xml" />
+      <change type="NEW" beforePath="" afterPath="$PROJECT_DIR$/.idea/www.mikescher.de.iml" />
+      <change type="NEW" beforePath="" afterPath="$PROJECT_DIR$/.idea/vcs.xml" />
     </list>
     <ignored path="www.mikescher.de.iws" />
     <ignored path=".idea/workspace.xml" />
@@ -63,11 +63,13 @@
   </component>
   <component name="FileEditorManager">
     <leaf>
-      <file leaf-file-name="styles.css" pinned="false" current="false" current-in-tab="false">
+      <file leaf-file-name="styles.css" pinned="false" current="true" current-in-tab="true">
         <entry file="file://$PROJECT_DIR$/www/css/styles.css">
           <provider selected="true" editor-type-id="text-editor">
-            <state line="107" column="18" selection-start="1651" selection-end="1668" vertical-scroll-proportion="0.0" vertical-offset="1295" max-vertical-offset="1972">
-              <folding />
+            <state line="128" column="28" selection-start="2355" selection-end="2355" vertical-scroll-proportion="0.8003356" vertical-offset="1699" max-vertical-offset="2295">
+              <folding>
+                <element signature="e#692#943#2" expanded="true" />
+              </folding>
             </state>
           </provider>
         </entry>
@@ -75,20 +77,19 @@
       <file leaf-file-name="thumbnailPreview.php" pinned="false" current="false" current-in-tab="false">
         <entry file="file://$PROJECT_DIR$/www/protected/components/views/thumbnailPreview.php">
           <provider selected="true" editor-type-id="text-editor">
-            <state line="12" column="31" selection-start="388" selection-end="388" vertical-scroll-proportion="22.692308" vertical-offset="794" max-vertical-offset="1377">
+            <state line="9" column="138" selection-start="399" selection-end="399" vertical-scroll-proportion="-5.8846154" vertical-offset="0" max-vertical-offset="1377">
               <folding>
                 <element signature="n#style#0;n#img#0;n#a#0;n#div#0;n#div#0;n#div#0;n#li#0;n#!!top" expanded="true" />
-                <marker date="1401726085385" expanded="true" signature="389:775" placeholder="..." />
-                <marker date="1401726085385" expanded="true" signature="389:564" placeholder="..." />
-                <marker date="1401726085385" expanded="true" signature="817:865" placeholder="..." />
-                <marker date="1401726085385" expanded="true" signature="874:994" placeholder="..." />
-                <marker date="1401726085385" expanded="true" signature="1030:1232" placeholder="..." />
-                <marker date="1401726085385" expanded="true" signature="1030:1158" placeholder="..." />
-                <marker date="1401726085385" expanded="true" signature="1030:1158" placeholder="..." />
-                <marker date="1401726085385" expanded="true" signature="1279:1728" placeholder="..." />
-                <marker date="1401726085385" expanded="true" signature="1309:1520" placeholder="..." />
-                <marker date="1401726085385" expanded="true" signature="1558:1728" placeholder="..." />
-                <marker date="1401726085385" expanded="true" signature="1583:1669" placeholder="..." />
+                <marker date="1401778789519" expanded="true" signature="442:828" placeholder="..." />
+                <marker date="1401778789519" expanded="true" signature="442:617" placeholder="..." />
+                <marker date="1401778789519" expanded="true" signature="870:918" placeholder="..." />
+                <marker date="1401778789519" expanded="true" signature="927:1047" placeholder="..." />
+                <marker date="1401778789519" expanded="true" signature="1083:1285" placeholder="..." />
+                <marker date="1401778789519" expanded="true" signature="1083:1211" placeholder="..." />
+                <marker date="1401778789519" expanded="true" signature="1332:1781" placeholder="..." />
+                <marker date="1401778789519" expanded="true" signature="1362:1573" placeholder="..." />
+                <marker date="1401778789519" expanded="true" signature="1611:1781" placeholder="..." />
+                <marker date="1401778789519" expanded="true" signature="1636:1722" placeholder="..." />
               </folding>
             </state>
           </provider>
@@ -103,10 +104,10 @@
           </provider>
         </entry>
       </file>
-      <file leaf-file-name="ProgramHelper.php" pinned="false" current="true" current-in-tab="true">
+      <file leaf-file-name="ProgramHelper.php" pinned="false" current="false" current-in-tab="false">
         <entry file="file://$PROJECT_DIR$/www/protected/components/ProgramHelper.php">
           <provider selected="true" editor-type-id="text-editor">
-            <state line="29" column="37" selection-start="812" selection-end="812" vertical-scroll-proportion="0.7118353" vertical-offset="78" max-vertical-offset="1445">
+            <state line="29" column="37" selection-start="812" selection-end="812" vertical-scroll-proportion="-15.961538" vertical-offset="78" max-vertical-offset="1445">
               <folding />
             </state>
           </provider>
@@ -115,7 +116,7 @@
       <file leaf-file-name="ProgramsController.php" pinned="false" current="false" current-in-tab="false">
         <entry file="file://$PROJECT_DIR$/www/protected/controllers/ProgramsController.php">
           <provider selected="true" editor-type-id="text-editor">
-            <state line="148" column="29" selection-start="3630" selection-end="3630" vertical-scroll-proportion="-11.961538" vertical-offset="2205" max-vertical-offset="3723">
+            <state line="148" column="29" selection-start="3630" selection-end="3630" vertical-scroll-proportion="0.0" vertical-offset="2205" max-vertical-offset="3723">
               <folding />
             </state>
           </provider>
@@ -124,7 +125,7 @@
       <file leaf-file-name="TbHtml.php" pinned="false" current="false" current-in-tab="false">
         <entry file="file://$PROJECT_DIR$/www/protected/extensions/bootstrap/helpers/TbHtml.php">
           <provider selected="true" editor-type-id="text-editor">
-            <state line="3408" column="27" selection-start="134698" selection-end="134698" vertical-scroll-proportion="-7.4615383" vertical-offset="57623" max-vertical-offset="74018">
+            <state line="3408" column="27" selection-start="134698" selection-end="134698" vertical-scroll-proportion="0.0" vertical-offset="57936" max-vertical-offset="74137">
               <folding />
             </state>
           </provider>
@@ -133,7 +134,7 @@
       <file leaf-file-name="SeededRandom.php" pinned="false" current="false" current-in-tab="false">
         <entry file="file://$PROJECT_DIR$/www/protected/components/SeededRandom.php">
           <provider selected="true" editor-type-id="text-editor">
-            <state line="35" column="45" selection-start="571" selection-end="571" vertical-scroll-proportion="-19.615385" vertical-offset="0" max-vertical-offset="765">
+            <state line="35" column="45" selection-start="571" selection-end="571" vertical-scroll-proportion="0.0" vertical-offset="595" max-vertical-offset="850">
               <folding />
             </state>
           </provider>
@@ -142,7 +143,7 @@
       <file leaf-file-name="ThumbnailPreview.php" pinned="false" current="false" current-in-tab="false">
         <entry file="file://$PROJECT_DIR$/www/protected/components/ThumbnailPreview.php">
           <provider selected="true" editor-type-id="text-editor">
-            <state line="5" column="26" selection-start="114" selection-end="114" vertical-scroll-proportion="-3.2692308" vertical-offset="0" max-vertical-offset="459">
+            <state line="5" column="26" selection-start="114" selection-end="114" vertical-scroll-proportion="0.0" vertical-offset="85" max-vertical-offset="459">
               <folding />
             </state>
           </provider>
@@ -197,12 +198,12 @@
         <option value="$PROJECT_DIR$/www/index.php" />
         <option value="$PROJECT_DIR$/www/protected/config/env/dev.php" />
         <option value="$PROJECT_DIR$/www/protected/components/SeededRandom.php" />
-        <option value="$PROJECT_DIR$/www/css/styles.css" />
         <option value="$PROJECT_DIR$/www/protected/components/ThumbnailPreview.php" />
-        <option value="$PROJECT_DIR$/www/protected/components/views/thumbnailPreview.php" />
         <option value="$PROJECT_DIR$/www/protected/controllers/ProgramsController.php" />
         <option value="$PROJECT_DIR$/www/protected/views/programs/index.php" />
         <option value="$PROJECT_DIR$/www/protected/components/ProgramHelper.php" />
+        <option value="$PROJECT_DIR$/www/protected/components/views/thumbnailPreview.php" />
+        <option value="$PROJECT_DIR$/www/css/styles.css" />
       </list>
     </option>
   </component>
@@ -733,7 +734,7 @@
       <window_info id="Database" active="false" anchor="right" auto_hide="false" internal_type="DOCKED" type="DOCKED" visible="false" weight="0.33" sideWeight="0.5" order="3" side_tool="false" content_ui="tabs" />
       <window_info id="Structure" active="false" anchor="left" auto_hide="false" internal_type="DOCKED" type="DOCKED" visible="false" weight="0.24958678" sideWeight="0.5" order="1" side_tool="false" content_ui="tabs" />
       <window_info id="Framework" active="false" anchor="left" auto_hide="false" internal_type="DOCKED" type="DOCKED" visible="false" weight="0.3294766" sideWeight="0.5" order="2" side_tool="false" content_ui="tabs" />
-      <window_info id="Project" active="false" anchor="left" auto_hide="false" internal_type="DOCKED" type="DOCKED" visible="true" weight="0.21597797" sideWeight="0.5" order="0" side_tool="false" content_ui="combo" />
+      <window_info id="Project" active="false" anchor="left" auto_hide="false" internal_type="DOCKED" type="DOCKED" visible="true" weight="0.21818182" sideWeight="0.5" order="0" side_tool="false" content_ui="combo" />
       <window_info id="Debug" active="false" anchor="bottom" auto_hide="false" internal_type="DOCKED" type="DOCKED" visible="false" weight="0.39766702" sideWeight="0.4997245" order="3" side_tool="false" content_ui="tabs" />
       <window_info id="Favorites" active="false" anchor="left" auto_hide="false" internal_type="DOCKED" type="DOCKED" visible="false" weight="0.2214876" sideWeight="0.5" order="3" side_tool="false" content_ui="tabs" />
       <window_info id="Event Log" active="false" anchor="bottom" auto_hide="false" internal_type="DOCKED" type="DOCKED" visible="true" weight="0.32661718" sideWeight="0.5002755" order="9" side_tool="true" content_ui="tabs" />
@@ -741,12 +742,12 @@
       <window_info id="Version Control" active="false" anchor="bottom" auto_hide="false" internal_type="DOCKED" type="DOCKED" visible="false" weight="0.33" sideWeight="0.5" order="10" side_tool="false" content_ui="tabs" />
       <window_info id="Cvs" active="false" anchor="bottom" auto_hide="false" internal_type="DOCKED" type="DOCKED" visible="false" weight="0.25" sideWeight="0.5" order="4" side_tool="false" content_ui="tabs" />
       <window_info id="Message" active="false" anchor="bottom" auto_hide="false" internal_type="DOCKED" type="DOCKED" visible="false" weight="0.33" sideWeight="0.5" order="0" side_tool="false" content_ui="tabs" />
-      <window_info id="Find" active="false" anchor="bottom" auto_hide="false" internal_type="DOCKED" type="DOCKED" visible="false" weight="0.32837406" sideWeight="0.4997245" order="1" side_tool="false" content_ui="tabs" />
       <window_info id="Ant Build" active="false" anchor="right" auto_hide="false" internal_type="DOCKED" type="DOCKED" visible="false" weight="0.25" sideWeight="0.5" order="1" side_tool="false" content_ui="tabs" />
+      <window_info id="Find" active="false" anchor="bottom" auto_hide="false" internal_type="DOCKED" type="DOCKED" visible="false" weight="0.32837406" sideWeight="0.4997245" order="1" side_tool="false" content_ui="tabs" />
       <window_info id="PHP-CGI Server" active="false" anchor="bottom" auto_hide="false" internal_type="DOCKED" type="DOCKED" visible="false" weight="0.33" sideWeight="0.5" order="8" side_tool="false" content_ui="tabs" />
       <window_info id="Commander" active="false" anchor="right" auto_hide="false" internal_type="SLIDING" type="SLIDING" visible="false" weight="0.4" sideWeight="0.5" order="0" side_tool="false" content_ui="tabs" />
-      <window_info id="Inspection" active="false" anchor="bottom" auto_hide="false" internal_type="DOCKED" type="DOCKED" visible="false" weight="0.4" sideWeight="0.5" order="5" side_tool="false" content_ui="tabs" />
       <window_info id="Hierarchy" active="false" anchor="right" auto_hide="false" internal_type="DOCKED" type="DOCKED" visible="false" weight="0.25" sideWeight="0.5" order="2" side_tool="false" content_ui="combo" />
+      <window_info id="Inspection" active="false" anchor="bottom" auto_hide="false" internal_type="DOCKED" type="DOCKED" visible="false" weight="0.4" sideWeight="0.5" order="5" side_tool="false" content_ui="tabs" />
     </layout>
   </component>
   <component name="Vcs.Log.UiProperties">
@@ -838,9 +839,7 @@
     </entry>
     <entry file="file://$PROJECT_DIR$/framework/web/CController.php">
       <provider selected="true" editor-type-id="text-editor">
-        <state line="777" column="20" selection-start="29350" selection-end="29350" vertical-scroll-proportion="-0.2155797" vertical-offset="13209" max-vertical-offset="20910">
-          <folding />
-        </state>
+        <state line="777" column="20" selection-start="29350" selection-end="29350" vertical-scroll-proportion="-0.2155797" vertical-offset="13209" max-vertical-offset="20910" />
       </provider>
     </entry>
     <entry file="file://$PROJECT_DIR$/demos/default/protected/controllers/SiteController.php">
@@ -875,9 +874,7 @@
     </entry>
     <entry file="file://$PROJECT_DIR$/framework/logging/CLogger.php">
       <provider selected="true" editor-type-id="text-editor">
-        <state line="230" column="65" selection-start="7640" selection-end="7640" vertical-scroll-proportion="-7.3076925" vertical-offset="3601" max-vertical-offset="6001">
-          <folding />
-        </state>
+        <state line="230" column="65" selection-start="7640" selection-end="7640" vertical-scroll-proportion="-7.3076925" vertical-offset="3601" max-vertical-offset="6001" />
       </provider>
     </entry>
     <entry file="file://$PROJECT_DIR$/www/protected/views/programs/create.php">
@@ -942,9 +939,7 @@
     </entry>
     <entry file="file://$PROJECT_DIR$/www/index-test.php">
       <provider selected="true" editor-type-id="text-editor">
-        <state line="0" column="0" selection-start="0" selection-end="0" vertical-scroll-proportion="0.0" vertical-offset="0" max-vertical-offset="606">
-          <folding />
-        </state>
+        <state line="0" column="0" selection-start="0" selection-end="0" vertical-scroll-proportion="0.0" vertical-offset="0" max-vertical-offset="606" />
       </provider>
     </entry>
     <entry file="file://$PROJECT_DIR$/www/protected/views/site/error.php">
@@ -964,9 +959,7 @@
     </entry>
     <entry file="file://$PROJECT_DIR$/www/index.php">
       <provider selected="true" editor-type-id="text-editor">
-        <state line="9" column="58" selection-start="368" selection-end="371" vertical-scroll-proportion="-5.8846154" vertical-offset="0" max-vertical-offset="323">
-          <folding />
-        </state>
+        <state line="9" column="58" selection-start="368" selection-end="371" vertical-scroll-proportion="-5.8846154" vertical-offset="0" max-vertical-offset="323" />
       </provider>
     </entry>
     <entry file="file://$PROJECT_DIR$/www/protected/config/env/dev.php">
@@ -974,84 +967,57 @@
         <state line="19" column="48" selection-start="465" selection-end="465" vertical-scroll-proportion="0.46896553" vertical-offset="51" max-vertical-offset="850" />
       </provider>
     </entry>
-    <entry file="file://$PROJECT_DIR$/www/css/styles.css">
-      <provider selected="true" editor-type-id="text-editor">
-        <state line="107" column="18" selection-start="1651" selection-end="1668" vertical-scroll-proportion="0.0" vertical-offset="1295" max-vertical-offset="1972">
-          <folding />
-        </state>
-      </provider>
-    </entry>
     <entry file="file://$PROJECT_DIR$/www/protected/views/site/index.php">
       <provider selected="true" editor-type-id="text-editor">
-        <state line="42" column="76" selection-start="847" selection-end="847" vertical-scroll-proportion="-19.615385" vertical-offset="204" max-vertical-offset="1564">
-          <folding>
-            <marker date="1401267568830" expanded="true" signature="-1:-1" placeholder="SELECT * FRO..Programme..." />
-          </folding>
-        </state>
+        <state line="42" column="76" selection-start="847" selection-end="847" vertical-scroll-proportion="-19.615385" vertical-offset="204" max-vertical-offset="1564" />
       </provider>
     </entry>
     <entry file="file://$PROJECT_DIR$/www/protected/components/SeededRandom.php">
       <provider selected="true" editor-type-id="text-editor">
-        <state line="35" column="45" selection-start="571" selection-end="571" vertical-scroll-proportion="-19.615385" vertical-offset="0" max-vertical-offset="765">
+        <state line="35" column="45" selection-start="571" selection-end="571" vertical-scroll-proportion="0.0" vertical-offset="595" max-vertical-offset="850">
           <folding />
         </state>
       </provider>
     </entry>
     <entry file="file://$PROJECT_DIR$/www/protected/components/ThumbnailPreview.php">
       <provider selected="true" editor-type-id="text-editor">
-        <state line="5" column="26" selection-start="114" selection-end="114" vertical-scroll-proportion="-3.2692308" vertical-offset="0" max-vertical-offset="459">
+        <state line="5" column="26" selection-start="114" selection-end="114" vertical-scroll-proportion="0.0" vertical-offset="85" max-vertical-offset="459">
           <folding />
         </state>
       </provider>
     </entry>
     <entry file="file://$PROJECT_DIR$/www/protected/extensions/bootstrap/helpers/TbHtml.php">
       <provider selected="true" editor-type-id="text-editor">
-        <state line="3408" column="27" selection-start="134698" selection-end="134698" vertical-scroll-proportion="-7.4615383" vertical-offset="57623" max-vertical-offset="74018">
+        <state line="3408" column="27" selection-start="134698" selection-end="134698" vertical-scroll-proportion="0.0" vertical-offset="57936" max-vertical-offset="74137">
           <folding />
         </state>
       </provider>
     </entry>
     <entry file="file://$PROJECT_DIR$/framework/yiilite.php">
       <provider selected="true" editor-type-id="text-editor">
-        <state line="3785" column="20" selection-start="112143" selection-end="112143" vertical-scroll-proportion="0.34736842" vertical-offset="63807" max-vertical-offset="176647">
-          <folding>
-            <marker date="1376266513000" expanded="true" signature="-1:-1" placeholder="SELECT MAX(`..." />
-            <marker date="1376266513000" expanded="true" signature="-1:-1" placeholder="UPDATE sqlit..." />
-            <marker date="1376266513000" expanded="true" signature="-1:-1" placeholder="SELECT DISTI..sqlite_master..." />
-          </folding>
-        </state>
+        <state line="3785" column="20" selection-start="112143" selection-end="112143" vertical-scroll-proportion="0.34736842" vertical-offset="63807" max-vertical-offset="176647" />
       </provider>
     </entry>
     <entry file="file://$PROJECT_DIR$/www/protected/controllers/SiteController.php">
       <provider selected="true" editor-type-id="text-editor">
-        <state line="33" column="44" selection-start="624" selection-end="624" vertical-scroll-proportion="0.24185249" vertical-offset="420" max-vertical-offset="1921">
-          <folding />
-        </state>
-      </provider>
-    </entry>
-    <entry file="file://$PROJECT_DIR$/www/protected/components/views/thumbnailPreview.php">
-      <provider selected="true" editor-type-id="text-editor">
-        <state line="12" column="31" selection-start="388" selection-end="388" vertical-scroll-proportion="22.692308" vertical-offset="794" max-vertical-offset="1377">
-          <folding>
-            <element signature="n#style#0;n#img#0;n#a#0;n#div#0;n#div#0;n#div#0;n#li#0;n#!!top" expanded="true" />
-            <marker date="1401726085385" expanded="true" signature="389:775" placeholder="..." />
-            <marker date="1401726085385" expanded="true" signature="389:564" placeholder="..." />
-            <marker date="1401726085385" expanded="true" signature="817:865" placeholder="..." />
-            <marker date="1401726085385" expanded="true" signature="874:994" placeholder="..." />
-            <marker date="1401726085385" expanded="true" signature="1030:1232" placeholder="..." />
-            <marker date="1401726085385" expanded="true" signature="1030:1158" placeholder="..." />
-            <marker date="1401726085385" expanded="true" signature="1030:1158" placeholder="..." />
-            <marker date="1401726085385" expanded="true" signature="1279:1728" placeholder="..." />
-            <marker date="1401726085385" expanded="true" signature="1309:1520" placeholder="..." />
-            <marker date="1401726085385" expanded="true" signature="1558:1728" placeholder="..." />
-            <marker date="1401726085385" expanded="true" signature="1583:1669" placeholder="..." />
-          </folding>
-        </state>
+        <state line="33" column="44" selection-start="624" selection-end="624" vertical-scroll-proportion="0.24185249" vertical-offset="420" max-vertical-offset="1921" />
       </provider>
     </entry>
     <entry file="file://$PROJECT_DIR$/www/protected/controllers/ProgramsController.php">
       <provider selected="true" editor-type-id="text-editor">
-        <state line="148" column="29" selection-start="3630" selection-end="3630" vertical-scroll-proportion="-11.961538" vertical-offset="2205" max-vertical-offset="3723">
+        <state line="148" column="29" selection-start="3630" selection-end="3630" vertical-scroll-proportion="0.0" vertical-offset="2205" max-vertical-offset="3723">
+          <folding />
+        </state>
+      </provider>
+    </entry>
+    <entry file="file://$PROJECT_DIR$/www/protected/models/Program.php">
+      <provider selected="true" editor-type-id="text-editor">
+        <state line="26" column="6" selection-start="747" selection-end="747" vertical-scroll-proportion="-0.20877193" vertical-offset="561" max-vertical-offset="2618" />
+      </provider>
+    </entry>
+    <entry file="file://$PROJECT_DIR$/www/protected/components/ProgramHelper.php">
+      <provider selected="true" editor-type-id="text-editor">
+        <state line="29" column="37" selection-start="812" selection-end="812" vertical-scroll-proportion="-15.961538" vertical-offset="78" max-vertical-offset="1445">
           <folding />
         </state>
       </provider>
@@ -1063,17 +1029,31 @@
         </state>
       </provider>
     </entry>
-    <entry file="file://$PROJECT_DIR$/www/protected/models/Program.php">
+    <entry file="file://$PROJECT_DIR$/www/protected/components/views/thumbnailPreview.php">
       <provider selected="true" editor-type-id="text-editor">
-        <state line="26" column="6" selection-start="747" selection-end="747" vertical-scroll-proportion="-0.20877193" vertical-offset="561" max-vertical-offset="2618">
-          <folding />
+        <state line="9" column="138" selection-start="399" selection-end="399" vertical-scroll-proportion="-5.8846154" vertical-offset="0" max-vertical-offset="1377">
+          <folding>
+            <element signature="n#style#0;n#img#0;n#a#0;n#div#0;n#div#0;n#div#0;n#li#0;n#!!top" expanded="true" />
+            <marker date="1401778789519" expanded="true" signature="442:828" placeholder="..." />
+            <marker date="1401778789519" expanded="true" signature="442:617" placeholder="..." />
+            <marker date="1401778789519" expanded="true" signature="870:918" placeholder="..." />
+            <marker date="1401778789519" expanded="true" signature="927:1047" placeholder="..." />
+            <marker date="1401778789519" expanded="true" signature="1083:1285" placeholder="..." />
+            <marker date="1401778789519" expanded="true" signature="1083:1211" placeholder="..." />
+            <marker date="1401778789519" expanded="true" signature="1332:1781" placeholder="..." />
+            <marker date="1401778789519" expanded="true" signature="1362:1573" placeholder="..." />
+            <marker date="1401778789519" expanded="true" signature="1611:1781" placeholder="..." />
+            <marker date="1401778789519" expanded="true" signature="1636:1722" placeholder="..." />
+          </folding>
         </state>
       </provider>
     </entry>
-    <entry file="file://$PROJECT_DIR$/www/protected/components/ProgramHelper.php">
+    <entry file="file://$PROJECT_DIR$/www/css/styles.css">
       <provider selected="true" editor-type-id="text-editor">
-        <state line="29" column="37" selection-start="812" selection-end="812" vertical-scroll-proportion="0.7118353" vertical-offset="78" max-vertical-offset="1445">
-          <folding />
+        <state line="128" column="28" selection-start="2355" selection-end="2355" vertical-scroll-proportion="0.8003356" vertical-offset="1699" max-vertical-offset="2295">
+          <folding>
+            <element signature="e#692#943#2" expanded="true" />
+          </folding>
         </state>
       </provider>
     </entry>
diff --git a/www/css/styles.css b/www/css/styles.css
index 169b57d..4fa68c3 100644
--- a/www/css/styles.css
+++ b/www/css/styles.css
@@ -39,6 +39,15 @@
     margin-bottom: 0px;
 }
 
+img.grayscale {
+    /* Firefox 10+, Firefox on Android */
+    filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
+    /* IE6-9 */
+    filter: gray;
+    /* Chrome 19+, Safari 6+, Safari 6+ iOS */
+    -webkit-filter: grayscale(100%);
+}
+
 /* Header
 -------------------------------------------------- */
 
@@ -83,6 +92,16 @@ ul.nav li.dropdown-append:hover > ul.dropdown-menu {
     width: 270px;
 }
 
+.thumbnails > .thumbnailParentSpan:last-child {
+    margin-right: 0;
+    margin-left: 0;
+}
+
+.thumbnails > .thumbnailParentSpan:not(:last-child) {
+    margin-right: 30px;
+    margin-left: 0;
+}
+
 .thumbnailParentSpan > div {
     min-height: 600px;
 }
@@ -106,6 +125,6 @@ ul.nav li.dropdown-append:hover > ul.dropdown-menu {
 }
 
 .thumbnailDisabled {
-    opacity: 0.4;
-    /*filter: alpha(opacity=40); *//* msie */
+    opacity: 0.75;
+    filter: alpha(opacity=75); /* msie */
 }
\ No newline at end of file
diff --git a/www/protected/components/views/thumbnailPreview.php b/www/protected/components/views/thumbnailPreview.php
index 394a8ff..91da5d3 100644
--- a/www/protected/components/views/thumbnailPreview.php
+++ b/www/protected/components/views/thumbnailPreview.php
@@ -2,12 +2,12 @@
 /* @var $this ThumbnailPreview */
 ?>
 
-<li class="span3 thumbnailParentSpan">
+<li class="thumbnailParentSpan">
 	<div >
 		<div class="thumbnail <?php if (! $this->enabled) print("thumbnailDisabled"); ?>">
 			<div class="thumbnailInnerHead">
 				<a <?php if($this->enabled) echo 'href="'. $this->link . '"'; ?>>
-					<img style="width: 100%" src="<?php echo $this->image; ?>">
+					<img style="width: 100%" <?php if (! $this->enabled) print('class="grayscale"'); ?> src="<?php echo $this->image; ?>">
 				</a>
 			</div>
 			<div class="caption">