Added FullProgPreview to Indexpage

www/css/styles.css

@@ -153,6 +153,28 @@ ul.nav li.dropdown-append:hover > ul.dropdown-menu {
 .collHeader {
     border: 1px solid #D7E0E2;
     padding: 0;
+    margin-left: 0;
+
+    position: relative;
+
+    /* .well */
+    min-height: 20px;
+    box-shadow: none;
+    border-radius: 6px;
+    background-color: #ECF0F1;
+    margin-bottom: 20px;
+}
+
+.collHeaderLinkParent {
+    background-color: #ECF0F1;
+
+    transition: background-color .25s ease-in-out;
+    -moz-transition: background-color .25s ease-in-out;
+    -webkit-transition: background-color .25s ease-in-out;
+}
+
+.collHeaderLinkParent:hover {
+    background-color: #D7E0E2;
 }
 
 .collHeaderSpan-front {
@@ -175,4 +197,52 @@ ul.nav li.dropdown-append:hover > ul.dropdown-menu {
 
     padding: 0 5px;
     margin-top: 2px;
+}
+
+.collHeaderLink {
+    left: 0;
+    top: 0;
+
+    width: 100%;
+    height: 100%;
+
+    position: absolute;
+}
+
+
+/* FullProgPreview
+-------------------------------------------------- */
+
+.fpp_parent {
+    background-color: #D7E0E2;
+}
+
+.fpp_previewImg {
+    width: 260px;
+    border-radius: 6px;
+    box-shadow: 0 0 15px 0px #333;
+}
+
+.fpp_title {
+    margin-top: -5px;
+}
+
+.fpp_description {
+    max-width: 260px
+}
+
+.fpp_footer {
+    background-color: #ECF0F1;
+
+    margin-left: -19px;
+    margin-right: -19px;
+    margin-bottom: -19px;
+
+    padding-top: 19px;
+    padding-left: 19px;
+    padding-right: 19px;
+
+    border: 2px solid #D7E0E2;
+    border-bottom-left-radius: 6px;
+    border-bottom-right-radius: 6px;
 }