Skip to content

Instantly share code, notes, and snippets.

@Arkaen
Created December 2, 2011 00:43
Show Gist options
  • Save Arkaen/1421029 to your computer and use it in GitHub Desktop.
Save Arkaen/1421029 to your computer and use it in GitHub Desktop.
CSS for Library Wobsite
head {
text-align: center;
}
/*Start of links*/
a:link {
color: #0C1115;
text-decoration: none;
}
a:visited {
color: #000000;
text-decoration: none;
}
a:hover {
color: #B1BF45;
text-decoration: none;
}
a:active {
color: #B1BF45;
text-decoration: none;
}
/*End of links*/
.menubutton { /* The menu buttons (Contact us, etc.) */
background: #D1D996;
display: inline-block;
padding: 5px 10px 6px;
color: #D1D996;
text-decoration: none;
-moz-border-radius: 6px;
-webkit-border-radius: 6px
-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.6);
-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.6);
text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
border: 1px;
border-bottom: 1px solid rgba(0,0,0,0.25);
border-radius: 50px;
position: relative;
cursor: pointer;
}
.menu {
width: 800px;
height: 50px;
-moz-column-count: 6;
-webkit-column-count: 6;
column-count: 6;
text-align: center;
margin-left: auto;
margin-right: auto;
display: inline;
margin-bottom: 30px;
}
.menu ul {
margin: 0;
padding: 0;
list-style-type: none;
list-style-image: none;
}
.menu li {
display: inline;
}
body {
margin: auto;
font-family: "geneva";
font-size: 100%;
color: #0C1115;
/* Fallback for when GRADIENTS FAIL */
background: #6F8C42;
/* Mozilla Firefox Gradient*/
background: moz-linear-gradient(top, #6F8C42, #A0B26C);
/* Chrome and Safari Gradient */
background: -webkit-gradient(linear,
left top, left bottom, from(#6F8C42), to(#A0B26C));
/* Internet Explorer Gradient */
filter: progid:DXImageTransform.Microsoft.Gradient(
StartColorStr='#6F8C42', EndColorStr='#A0B26C', GradientType=0);
-ms-linear-gradient(top, #6F8C42, #A0B26C);
/* Opera Gradient */
-o-linear-gradient(top, #6F8C42, #A0B26C);
}
.container {
width: 800px;
margin: 0 auto;
margin-bottom: 2em;
margin-top: 1em;
padding: 1em;
background: #D1D996;
border: 2px #D1D996;
border-radius: 5px;
box-shadow: 0 1px 3px rgba(0,0,0,0.6);
/* Mozilla Firefox */
-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.6);
/* Chrome and Safari */
-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.6);
}
p {
text-indent: 20px;
}
h1 {
text-align: center;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment