-
-
Save rareyman/3956083 to your computer and use it in GitHub Desktop.
all css
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
body,h1,h2,h3,p,quote,small,form,input,ul,li,ol,label{ | |
/* Page reset */ | |
margin:0px; | |
padding:0px; | |
} | |
body{ | |
font-family: Lucida Grande, Arial, Helvetica, sans-serif; | |
background:url(images/containerbg.jpg) no-repeat; | |
} | |
#container{ | |
margin:auto; | |
text-align: center; | |
width:1000px; | |
position:relative; | |
} | |
#header { | |
width: 950px; | |
height: 140px; | |
} | |
div#footer { /* I personally like being more specific with my selectors to be absolutely sure they don't get mixed up */ | |
margin-top: 100px; | |
border: 1px solid red; /* this temporary rule helps see what is up */ | |
} | |
div#footer p { | |
color: #747474; | |
} | |
div#footer p a { | |
text-decoration: none; | |
} | |
#tabs{ | |
width: 950px; | |
//height: 52px; | |
} | |
a.webButton{ | |
display:inline-block; | |
list-style:none; | |
height: 52px; | |
overflow:hidden; | |
float: left; | |
} | |
a.webButton:active{ | |
background:url(images/web_active_bg.jpg) no-repeat; | |
} | |
a.webButton:hover{ | |
background:url(images/web_inactive_bg.jpg) no-repeat; | |
} | |
a.graphicButton{ | |
display:inline-block; | |
list-style:none; | |
height: 52px; | |
overflow:hidden; | |
float: left; | |
} | |
a.graphicButton:active{ | |
background:url(images/graphic_active_bg.jpg) no-repeat; | |
} | |
a.graphicButton:hover{ | |
background:url(images/graphic_inactive_bg.jpg) no-repeat; | |
} | |
a.illButton{ | |
display:inline-block; | |
list-style:none; | |
height: 52px; | |
overflow:hidden; | |
float: left; | |
} | |
a.illButton:active{ | |
background:url(images/illustration_active_bg.jpg) no-repeat; | |
} | |
a.illButton:hover{ | |
background:url(images/illustration_inactive_bg.jpg) no-repeat; | |
} | |
a.intButton{ | |
display:inline-block; | |
list-style:none; | |
height: 52px; | |
overflow:hidden; | |
float: left; | |
} | |
a.intButton:active{ | |
background:url(images/interactive_active_bg.jpg) no-repeat; | |
} | |
a.intButton:hover{ | |
background:url(images/interactive_inactive_bg.jpg) no-repeat; | |
} | |
a.sketchButton{ | |
display:inline-block; | |
list-style:none; | |
height: 52px; | |
overflow:hidden; | |
float: left; | |
} | |
a.sketchButton:active{ | |
background:url(images/sketch_active_bg.jpg) no-repeat; | |
} | |
a.sketchButton:hover{ | |
background:url(images/sketch_inactive_bg.jpg) no-repeat; | |
} | |
#webgallery { | |
width: 950px; | |
overflow: hidden; | |
} | |
#graphicgallery { | |
width: 950px; | |
overflow: hidden; | |
} | |
#illustrationgallery { | |
width: 950px; | |
overflow: hidden; | |
} | |
#interactivegallery { | |
width: 950px; | |
overflow: hidden; | |
} | |
.thumbs { | |
width: 950px; | |
height: 160px; | |
margin-bottom: 40; | |
} | |
ul{ | |
margin:0px; | |
padding:0px; | |
text-decoration: none; | |
} | |
ul.navigation{ | |
margin-left:60px; | |
padding:0px; | |
text-decoration: none; | |
} | |
li { | |
width: 175px; | |
display: inline-block; | |
list-style: none; | |
height:68px; | |
overflow: hidden; | |
} | |
li a{ | |
display: block; | |
height: 68px; | |
} | |
a.img{ | |
border: 0px; | |
text-decoration: none; | |
} | |
li.inact:hover{ | |
/* The inactive state, highlighted on mouse over */ | |
//background:url(img/pic_bg.png) repeat; | |
} | |
li.act,li.act:hover{ | |
/* The active state of the thumb */ | |
//background:url(img/active_bg.png) no-repeat; | |
} | |
li.act a{ | |
cursor:default; | |
} | |
#tabs a:focus, | |
#tabs a:active { outline: none !important; } /*this fixes the blue bar problem*/ | |
ul#slider1 { | |
/*border: 1px solid red;*/ | |
width: 950px; | |
height: 500px; | |
} | |
ul#slider1 li { | |
/*border: 1px solid green;*/ | |
width: 950px; | |
height: 500px; | |
} | |
ul#slider2 { | |
/*border: 1px solid red;*/ | |
width: 950px; | |
height: 500px; | |
} | |
ul#slider2 li { | |
/*border: 1px solid green;*/ | |
width: 950px; | |
height: 500px; | |
} | |
ul#slider3 { | |
/*border: 1px solid red;*/ | |
width: 950px; | |
height: 500px; | |
} | |
ul#slider3 li { | |
/*border: 1px solid green;*/ | |
width: 950px; | |
height: 500px; | |
} | |
ul#slider4 { | |
/*border: 1px solid red;*/ | |
width: 950px; | |
height: 500px; | |
} | |
ul#slider4 li { | |
/*border: 1px solid green;*/ | |
width: 950px; | |
height: 500px; | |
} |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment