it’s kinda private since i made it on my own :3 

0 notes with 2:35am

it’s this theme but i tweaked it a little :3

0 notes with 4:29am

pscs5:

Fonts that don’t make me want to claw my eyes out:

Metropolis - Blanch - Book Jacket - Tommaso - Mayonaise - Riesling - Quaver - Valentina - Frail

Fonts used in title:

Carton - Lauren Script - Hero - Liberator

(Source: rickonstark)

5,960 notes with 3:33am

Favorite Fonts Part 2

Ball Park | Birch Std | Black Knight | Broadway | Capture It |
Geo Sans Light | Japan |  Joy like sunshine through my window pane | Josefin Sans Std

(Source: outshiner)

711 notes with 3:33am

yeahps:

100 Greatest Free Fonts Collection for 2012

4,417 notes with 3:32am

SERENDIPITY THEME 

install from theme garden - here

download the codes - here

i hope you’ll like it :)) like/reblog if you’ll use it!

20 notes with 2:23am

starious:

It’s very simple to change the default selection colour. To make this effect you only use CSS. Currently FireFox, Safari, Chrome and Opera support the effect. The browsers that don’t support it simply ignore the code.

You just need to paste this code in your CSS:

::selection {
background: #HEX selection color;
color: #HEX font color;
}

::-moz-selection {
background: #HEX selection color;
color: #HEX font color;
}

::-webkit-selection {
background: #HEX selection color;
color: #HEX font color;
}

And change the colors! The three codes are the same, just different syntax for different browsers.

• SOURCE: DESIGN JUICES

483 notes with 2:04am

gyapo:

Hovering Slideshow Base. (optimized for Chrome)

This isn’t really a tutorial since I’m not really explaining, but I think giving out a base will be easier than explaining each line.

The main trick is having a div inside an other. The interior one having a superior width, the exterior one being only like a frame.  

Since the images are set as background, you can easily add buttons or text or whatever in your pannels.

CSS :

#slideshow
 {height:300px;
 width:600px;
 overflow-y:hidden; /*no vertical scroll*/}
 
#content
 {width:1200px; /*the more you'll have pannels the more you'll raise its value*/}

#title
{position:absolute;
-webkit-transition: opacity 1s linear;-webkit-transition: all 1s ease-in-out;-moz-transition: all 1s ease-in-out;-o-transition: all 1s ease-in-out;}

#content:hover #title
{opacity:0;}

.pannel
{width:150px;
height:300px;
float:left;
overflow:hidden;
background-position:-150px; /*value is (-)width*/
-webkit-transition: opacity 1s linear;-webkit-transition: all 1s ease-in-out;-moz-transition: all 1s ease-in-out;-o-transition: all 1s ease-in-out;}

.pannel:hover
{width:500px; /*width of your pannel Backgorund image*/
background-position:0px;}

HTML :

<div id='slideshow'>
<div id='content'>
<div id='title'>choose your path</div>
<div class='pannel' style='background-image:url('http://static.tumblr.com/s2ymoja/hALm9835c/500300.png');'>
</div><!--pannel 1-->
<div class='pannel' style='background-image:url('http://static.tumblr.com/s2ymoja/Eb4m9836t/500301.png');'>
</div><!--pannel 2-->
<div class='pannel' style='background-image:url('http://static.tumblr.com/s2ymoja/U0nm9838s/500302.png');'>
</div><!--pannel 3-->
<div class='pannel' style='background-image:url('http://static.tumblr.com/s2ymoja/Vjam983ba/500303.png');'>
</div><!--pannel 4-->
<div class='pannel' style="background-image:url('http://static.tumblr.com/s2ymoja/Zhmm983cm/500304.png');">
</div><!--pannel 5-->
</div><!--content-->
</div><!--slideshow-->

329 notes with 2:01am

pscs5:

OH HOT DAMN! → font rec post; part 3 (1 & 2) ; no typefaces were harmed during the making of this post, only their names.

Hagin » Infinity » Jane Austen » JeMBo » Kocoon » Landi Echo

Lavanderia » London » Londrina »  Maybe Maybe Not »  Metalista » Mosaic Leaf

Movie Letters » Muncie » Museo » Neoretrodraw »  Neou » Nevis

Nougatine » Nouvelle Vague » Null » Origram » Ostrich » Otama

2,770 notes with 2:00am