Skip to content

Instantly share code, notes, and snippets.

@goyalankit
Last active December 11, 2015 08:59
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save goyalankit/4577221 to your computer and use it in GitHub Desktop.
Save goyalankit/4577221 to your computer and use it in GitHub Desktop.
css for labs page
/* hosted at: http://static.tumblr.com/nic27se/ZUnmgxct7/labs.css */
*{ padding:0px; margin:0px; }
body{background-image: url("http://static.tumblr.com/nic27se/R7cmha6wl/back.jpg");}
.abox{ color:#C8DCE5; }
h3{ margin: 10px 10px 0 10px; color:#FFF; font:18pt Arial, sans-serif; letter-spacing:-1px; font-weight: bold; }
#letterpress h1 {
color: #BFBFBF;
font: 80px 'LeagueGothicRegular';
text-shadow: 0 2px 3px #A85CBC;
margin-left: 45%;
}
.container{
margin-left: 8%;
}
.inside-box{
margin: 25%;
}
.websites-listing {
margin-left: 7%;
}
.boxgrid{
width: 325px;
height: 260px;
margin:10px;
float:left;
background:#161613;
border: solid 2px #8399AF;
overflow: hidden;
position: relative;
}
.boxgrid img{
position: absolute;
top: 0;
left: 0;
border: 0;
}
.boxgrid p{
padding: 0 10px;
color:#afafaf;
font-weight:bold;
font:10pt "Lucida Grande", Arial, sans-serif;
}
.boxcaption{
float: left;
position: absolute;
background: #000;
height: 100px;
width: 100%;
opacity: .8;
/* For IE 5-7 */
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
/* For IE 8 */
-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
}
.captionfull .boxcaption {
top: 260;
left: 0;
}
.caption .boxcaption {
top: 220;
left: 0;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment