Skip to content

Instantly share code, notes, and snippets.

@kylewest
Created May 4, 2015 19:43
Show Gist options
  • Save kylewest/269943cb56edb9c29623 to your computer and use it in GitHub Desktop.
Save kylewest/269943cb56edb9c29623 to your computer and use it in GitHub Desktop.
/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */
html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background-color:transparent}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:bold}dfn{font-style:italic}h1{font-size:2em;margin:.67em 0}mark{background:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{box-sizing:content-box;height:0}pre{overflow:auto}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}button,input,optgroup,select,textarea{font:inherit;margin:0}button{overflow:visible}button,select{text-transform:none}button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0}input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button{height:auto}input[type="search"]{-webkit-appearance:textfield;box-sizing:content-box}input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0}textarea{overflow:auto}optgroup{font-weight:bold}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}
/*-------------------------------------------------------------------
Shared Classes !!! Don't edit. Everything "floated" relies on these rules
===================================================================*/
.left {
float: left;
margin: 0 10px 0 0;
}
.right {
float: right;
margin: 0;
}
.half {
width: 49%;
}
.alignright {
text-align: right;
}
.alignleft {
text-align: left;
}
.bm {
margin: 0 0 10px 0;
}
.tm {
margin: 10px 0 0 0;
}
/*-------------------------------------------------------------------
Float Clears !!! Don't edit. Everything "floated" relies on these rules
===================================================================*/
.clear:after {
clear: both;
content: ".";
display: block;
height: 0;
visibility: hidden;
}
.clear {
display: inline-block;
}
/* Hides from IE-mac \*/
* html .clear {
height: 1%;
}
.clear {
display: block;
}
/* End hide from IE-mac */
/*-------------------------------------------------------------------
Layout
===================================================================*/
#masterwrapper
/*Wraps the wrapper with 16px to each side*/ {
margin: 0 auto;
width: 970px;
}
#wrapper
/*Wraps all content on page*/ {
margin: 0 auto;
width: 938px;
}
#header {
padding: 0 10px;
}
#main {
padding: 0;
}
#footer {
padding: 0 10px;
}
#alpha {
float: left;
padding: 10px 0;
width: 164px;
}
#beta {
float: right;
padding: 10px 10px 10px 0;
width: 744px;
}
#gamma {
padding: 0 10px;
width: 918px;
}
/*-------------------------------------------------------------------
#beta Columns - Correct usage of columns will always sum to 9
===================================================================*/
#beta .c1 {
width: 164px;
}
#beta .c2 {
width: 222px;
}
#beta .c3 {
width: 280px;
}
#beta .c4 {
width: 338px;
}
#beta .c5 {
width: 396px;
}
#beta .c6 {
width: 454px;
}
#beta .c7 {
width: 512px;
}
#beta .c8 {
width: 570px;
}
#beta .mid {
width: 367px;
}
/*-------------------------------------------------------------------
#gamma Columns - Correct usage of columns will always sum to 10
===================================================================*/
#gamma .c1 {
width: 222px;
}
#gamma .c2 {
width: 280px;
}
#gamma .c3 {
width: 338px;
}
#gamma .c4 {
width: 396px;
}
#gamma .c5 {
width: 454px;
}
#gamma .c6 {
width: 510px;
}
#gamma .c7 {
width: 570px;
}
#gamma .c8 {
width: 628px;
}
#gamma .c9 {
width: 686px;
}
/*-------------------------------------------------------------------
#fluid layout
===================================================================*/
#fluid #wrapper {
margin: 0 auto;
width: 100%;
}
#fluid #header {
padding: 0;
}
#delta {
padding: 0 10px;
}
#delta .content {
margin-right: 3%;
width: 70%;
}
#delta .side {
float: right;
width: 26%;
}
/*---------------------------------------------------------
-- Messages
-- ======================================================*/
.message_error {
background: #FAEBEB url(/public/images/Icons/16/19.png) center no-repeat;
background-position: 15px 50%;
/* x-pos y-pos */
border-bottom: 2px solid #CC3300;
border-top: 2px solid #CC3300;
margin: 5px 0;
padding: 10px 20px 10px 45px;
text-align: left;
}
.message_warning {
background: #fff6bf url(/public/images/Icons/16/10.png) center no-repeat;
background-position: 15px 50%;
/* x-pos y-pos */
border-bottom: 2px solid #ffd324;
border-top: 2px solid #ffd324;
margin: 5px 0;
padding: 10px 20px 10px 45px;
text-align: left;
}
.message_info {
background: #F8FAFC url(/public/images/Icons/16/2.png) center no-repeat;
background-position: 15px 50%;
/* x-pos y-pos */
border-bottom: 2px solid #B5D4FE;
border-top: 2px solid #B5D4FE;
margin: 5px 0;
padding: 10px 20px 10px 45px;
text-align: left;
}
.message_success {
background: #DAF1DA url(/public/images/Icons/16/71.png) center no-repeat;
background-position: 15px 50%;
/* x-pos y-pos */
border-bottom: 2px solid #339933;
border-top: 2px solid #339933;
margin: 5px 0;
padding: 10px 20px 10px 45px;
text-align: left;
}
ul.AspNet-Menu {
position: relative;
}
ul.AspNet-Menu,
ul.AspNet-Menu ul {
display: block;
margin: 0;
padding: 0;
}
ul.AspNet-Menu li {
float: left;
list-style: none;
position: relative;
}
ul.AspNet-Menu li a,
ul.AspNet-Menu li span {
display: block;
text-decoration: none;
}
ul.AspNet-Menu ul {
position: absolute;
visibility: hidden;
}
/* Add more rules here if your menus have more than three (3) tiers */
ul.AspNet-Menu li:hover ul ul,
ul.AspNet-Menu li.AspNet-Menu-Hover ul ul {
visibility: hidden;
}
/* Add more rules here if your menus have more than three (3) tiers */
ul.AspNet-Menu li:hover ul,
ul.AspNet-Menu li li:hover ul,
ul.AspNet-Menu li li li:hover ul,
ul.AspNet-Menu li.AspNet-Menu-Hover ul,
ul.AspNet-Menu li li.AspNet-Menu-Hover ul,
ul.AspNet-Menu li li li.AspNet-Menu-Hover ul {
visibility: visible;
}
.AspNet-Menu-Vertical ul.AspNet-Menu li {
width: 100%;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment