Skip to content

HTTPS clone URL

Subversion checkout URL

You can clone with
or
.
Download ZIP

Comparing changes

Choose two branches to see what's changed or to start a new pull request. If you need to, you can also compare across forks.

Open a pull request

Create a new pull request by comparing changes across two branches. If you need to, you can also compare across forks.
base fork: kung-fu-tzu/nikavi
base: deeb75e91a
...
head fork: kung-fu-tzu/nikavi
compare: 35c456d11f
Checking mergeability… Don't worry, you can still create the pull request.
  • 9 commits
  • 7 files changed
  • 0 commit comments
  • 1 contributor
View
BIN  babies/flagman.jpg
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
View
BIN  design/flagman.jpg
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
View
BIN  ideas/flagman.jpg
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
View
35 index.html
@@ -25,6 +25,41 @@
<span class="count">932</span>
</a>
</li>
+ <li class="item">
+ <a class="photo-set" href="photo-set.html">
+ <span class="photo" style="background-image: url(babies/flagman.jpg)"></span>
+ <span class="name">Babies</span>
+ <span class="count">12</span>
+ </a>
+ </li>
+ <li class="item">
+ <a class="photo-set" href="photo-set.html">
+ <span class="photo" style="background-image: url(landscapes/flagman.jpg)"></span>
+ <span class="name">Landscapes</span>
+ <span class="count">9</span>
+ </a>
+ </li>
+ <li class="item">
+ <a class="photo-set" href="photo-set.html">
+ <span class="photo" style="background-image: url(ideas/flagman.jpg)"></span>
+ <span class="name">Ideas</span>
+ <span class="count">3</span>
+ </a>
+ </li>
+ <li class="item">
+ <a class="photo-set" href="photo-set.html">
+ <span class="photo" style="background-image: url(retouch/flagman.jpg)"></span>
+ <span class="name">Retouch</span>
+ <span class="count">93</span>
+ </a>
+ </li>
+ <li class="item">
+ <a class="photo-set" href="photo-set.html">
+ <span class="photo" style="background-image: url(design/flagman.jpg)"></span>
+ <span class="name">Design</span>
+ <span class="count">12</span>
+ </a>
+ </li>
</ul>
</div id="common-main-wrapper">
View
BIN  landscapes/flagman.jpg
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
View
BIN  retouch/flagman.jpg
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
View
16 t/common/common.css
@@ -35,12 +35,16 @@ body { background: #222f41 url(bg.png) center top; font-family: Arial, Tahoma, s
#header .menu .item .link:hover { color: #4e91f5; }
-#photo-set-list { margin-top: 41px; }
-#photo-set-list .item { margin: 0 30px 20px 0; }
-#photo-set-list .photo-set { display: block; position: relative; width: 280px; height: 212px; }
-#photo-set-list .photo-set .photo { display: block; width: 280px; height: 180px; border-radius: 2px; box-shadow: 0 1px 4px rgba(0,0,0,0.6), inset 0 0 1px rgba(200,200,200,0.4); }
-#photo-set-list .photo-set .count { display: block; position: absolute; right: 0; bottom: 0; height: 16px; padding: 0 9px; border-radius: 8px; font-size: 11px; line-height: 16px; color: #677282; background: url(common.png) 100px 0; box-shadow: 0 1px 0 rgba(255,255,255,0.06), inset 0 0 0 1px rgba(15,25,38,0.66) }
-
+#photo-set-list { margin: 31px -30px 0 -15px; }
+#photo-set-list .item { float: left; }
+#photo-set-list .photo-set { display: block; position: relative; width: 280px; height: 212px; padding: 10px 15px; transition: opacity 0.15s; -webkit-transition: opacity 0.15s; -moz-transition: opacity 0.15s; -o-transition: opacity 0.15s; }
+#photo-set-list:hover .photo-set { opacity: 0.45; }
+#photo-set-list .photo-set:hover { opacity: 1; }
+#photo-set-list .photo-set .photo { display: block; width: 280px; height: 180px; -moz-border-radius: 2px; border-radius: 2px; box-shadow: 0 1px 4px rgba(0,0,0,0.6), inset 0 0 1px rgba(200,200,200,0.4); -moz-box-shadow: 0 1px 4px rgba(0,0,0,0.6), inset 0 0 1px rgba(200,200,200,0.4); }
+#photo-set-list .photo-set .name { position: absolute; left: 15px; bottom: 10px; font-size: 14px; line-height: 18px; color: #67778e; }
+#photo-set-list .photo-set:hover .name { color: #4e91f5; }
+#photo-set-list .photo-set .count { position: absolute; right: 15px; bottom: 10px; height: 16px; padding: 0 8px; border-radius: 8px; -moz-border-radius: 8px; font-size: 11px; line-height: 16px; color: #677282; background: url(common.png) 100px 0; box-shadow: 0 1px 0 rgba(255,255,255,0.06), inset 0 0 0 1px rgba(15,25,38,0.66); -moz-box-shadow: 0 1px 0 rgba(255,255,255,0.06), inset 0 0 0 1px rgba(15,25,38,0.66); }
+#photo-set-list .photo-set:hover .count { background: #4e91f5; box-shadow: none; -moz-box-shadow: none; color: #000; }
#index-page #header .logo { cursor: default; }

No commit comments for this range

Something went wrong with that request. Please try again.