Changeset 9825

Timestamp:

Mar 22, 2011, 4:56:28 PM (13 years ago)

Author:

flop25

Message:

adding jPolaroid
medium_cat.css improved

Location:

extensions/flop_style

Files:

• mainpage_categories/img (deleted)
• mainpage_categories/jPolaroid (added)
• mainpage_categories/jPolaroid.css (added)
• mainpage_categories/jPolaroid.tpl (added)
• mainpage_categories/jPolaroid/jpolaroid.minified.css (added)
• mainpage_categories/jPolaroid/jquery.jpolaroid.minified.js (added)
• mainpage_categories/jPolaroid/tape-tl.png (added)
• mainpage_categories/jPolaroid/tape-tr.png (added)
• mainpage_categories/medium_cat.css (modified) (6 diffs)
• mainpage_categories/picpile_cat.css (modified) (2 diffs)
• thumbnails/jPolaroid.css (added)
• thumbnails/jPolaroid.tpl (added)

extensions/flop_style/mainpage_categories/medium_cat.css

@@ -3 +3 @@
         padding-left:auto;
         padding-right:auto;
-        padding: 5px;
         list-style: none outside none;
         text-align: center;
+        background-image:none;
 }
 #content .thumbnailCategories li {
@@ -15 +15 @@
         margin: 5px;
         padding: 5px;
+        background-image:none;
 }
-
-
-#content div.thumbnailCategory {
-        text-align:center;
-        width:100%;
-        height:100%;
-        margin: 0 auto;
-        padding: 0;
-        vertical-align:middle;
+#content .thumbnailCategories li:hover {
+        background-image:none;
 }
-
-#content div.thumbnailCategory div.illustration  {
+#content div.thumbnailCategory div.illustration {
         width:auto;
         height:auto;
-/*height:135px;*/
+        /*height:135px;*/
         text-align:center;
         overflow: inherit;
@@ -36 +29 @@
         margin: 0;
         padding: 0;
+        background-image:none;
 }
 #content div.thumbnailCategory div.description {
@@ -42 +36 @@
         text-align:center;
         overflow:inherit;
-    float:none;
-    overflow: auto;
-
+        float:none;
+        overflow: auto;
+        background-image:none;
+}
+.description img {
+        float:right;
+}
+#content div.thumbnailCategory div.description p {
+        text-align: center;
 }
 /* --------------Hack-------------*/
 #content div.thumbnailCategory {
-        display: table-cell;
-        text-align: center;
+        display: inline-block;
+        margin: 5px auto;
+        padding:5px;
         vertical-align: middle;
         width:160px;
         height:205px;
+        text-align: center;
+        background-image:none;
 }
 #content div.thumbnailCategory * {
@@ -58 +61 @@
 }
 /*\*//*/
-.wraptocenter {
+#content div.thumbnailCategory {
     display: block;
 }
-.wraptocenter span {
+#content div.thumbnailCategory span {
     display: inline-block;
     height: 100%;
@@ -70 +73 @@
 
 #content div.thumbnailCategory div.description h3 {
-text-align:center;
+        text-align:center;
 }
-
 #content div.thumbnailCategory div.illustration img {
-    height: 96px;
+        height: 96px;
 }

extensions/flop_style/mainpage_categories/picpile_cat.css

@@ -27 +27 @@
 }
 .picRotated {
-        background: url("img/album_front_bg.png") no-repeat scroll 0 0 transparent;
+        background: url("picpile_cat/album_front_bg.png") no-repeat scroll 0 0 transparent;
         height: 138px;
         left: -4px;
@@ -69 +69 @@
 }
 .highlight {
-        background: url("img/pic_highlight.png") no-repeat scroll left top transparent;
+        background: url("picpile_cat/pic_highlight.png") no-repeat scroll left top transparent;
         display: block;
         height: 100px;