Skip to content

Instantly share code, notes, and snippets.

@john2x
Created June 20, 2011 09:37
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 john2x/1035371 to your computer and use it in GitHub Desktop.
Save john2x/1035371 to your computer and use it in GitHub Desktop.
reference for new theme
@import "reset.css";
body{
background: url("grid.png") repeat-y;
font-family: helvetica, arial;
}
#header-nav{
position: absolute;
right: 20px;
top: 85px;
font-size: 2em;
font-weight: bold;
direction: rtl;
}
#header-nav ul{
line-height: 56px;
margin-top: 4px;
}
#header-nav a{
padding: 5px;
text-decoration: none;
color: #414141;
background: rgb(255, 255, 255);
background: rgba(255, 255, 255, 0.7);
}
#header-nav a:hover{
padding: 5px;
text-decoration: none;
color: white;
background: rgb(65, 65, 65);
background: rgba(65, 65, 65, 0.7);
}
#details {
position: relative;
top: 70px;
color: white;
}
#details h1{
position: relative;
top: 5px;
left: 20px;
display: inline;
font-size: 1.5em;
font-weight: bold;
padding: 3px;
background: rgb(65, 65, 65);
background: rgba(65, 65, 65, 0.7);
}
#details h2{
position: relative;
display: inline;
padding: 3px;
padding-right: 5px;
top: 5px;
left: 40px;
font-size: 1.5em;
font-style: italic;
font-weight: normal;
text-align: center;
background: rgb(65, 65, 65);
background: rgba(65, 65, 65, 0.7);
}
#details a{
position: relative;
top: 5px;
left: 40px;
text-decoration: none;
font-size: 1.5em;
color: white;
padding: 3px;
background: rgb(65, 65, 65);
background: rgba(65, 65, 65, 0.7);
}
#details a:hover{
background: rgb(255, 255, 255);
background: rgba(255, 255, 255, 0.7);
color: #414141;
}
#details p{
position: relative;
width: 305px;
top: 32px;
left: 20px;
font-size: 1.5em;
font-style: italic;
padding: 3px;
margin-bottom: 54px;
background: rgb(65, 65, 65);
background: rgba(65, 65, 65, 0.7);
line-height: 28px;
}
.tshirt-nav{
position: absolute;
bottom: 20px;
text-decoration: none;
text-align: center;
font-size: 2em;
font-weight: bold;
color: white;
background: rgb(65, 65, 65);
background: rgba(65, 65, 65, 0.7);
}
#prev:hover, #view:hover, #next:hover{
color: #414141;
background: rgb(255, 255, 255);
background: rgba(255, 255, 255, 0.7);
}
#prev{
width: 65px;
height: 45px;
left: 20px;
padding-top: 12px;
left: 50%;
margin-left: -149px;
}
#next{
width: 65px;
height: 45px;
right: 20px;
padding-top: 12px;
left: 50%;
margin-left: 84px;
}
#view{
text-align: center;
left: 50%;
margin-left: -72px;
width: 144px;
height: 45px;
padding-top: 12px;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment