Skip to content

Instantly share code, notes, and snippets.

@JBreit
Created May 6, 2013 00:31
Show Gist options
  • Save JBreit/5522719 to your computer and use it in GitHub Desktop.
Save JBreit/5522719 to your computer and use it in GitHub Desktop.
a img {
border: none;
}
article.content-article p img {
float: left;
height: 250px;
width: 350px;
margin-right: 20px;
}
article#ben-info p img {
float: left;
height: 325px;
width: 183px;
margin-right: 20px;
margin-bottom: 15px;
}
article#gwen-info p img {
float: right;
height: 340px;
width: 183px;
margin-left: 20px;
margin-bottom: 20px;
}
article#office p img {
float: left;
height: 444px;
width: 250px;
margin-right: 20px;
margin-bottom: 20px;
border:solid thin #000;
}
article#patients p img {
float: left;
height: 250px;
width: 350px;
margin-right: 20px;
margin-bottom: 20px;
border:solid thin #000;
}
article#rx4-machine p img {
float: left;
height: 236px;
width: 350px;
margin-right: 20px;
margin-bottom: 20px;
border:solid thin #000;
}
aside#right {
float: right;
width: 30%;
margin-top: 0px;
min-width: 30%;
padding-right: 1em;
padding-bottom: 0.5em;
padding-left: 0.5em;
}
aside#right p {
max-width: 275px;
}
aside#right p img {
float: left;
margin-right: 10px;
background-repeat: no-repeat;
width: 100px;
height: 150px;
border: solid thin #000;
}
body,html {
padding: 0;
margin: 0 auto;
}
body {
font-family: "Arial", Helvetica, sans-serif;
background-color: #FFF;
}
.container{
/*max-width: 940px;*/
padding: 0 20px 10px 10px;
margin-top: -15px;
margin-left: auto;
margin-right: auto;
}
footer {
clear: both;
height: 150px;
width: 100%;
text-align: center;
}
footer p {
font-weight: bold;
font-size: 12px;
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
clear: both;
margin-bottom: 10px;
color: #F0E042;
}
footer p a {
color: #F0E042;
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
text-decoration: none;
}
footer p a:hover {
color: #FFF;
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
text-decoration: underline;
}
footer section#foot-container img {
clear: left;
float: right;
margin-right: 30px;
position: relative;
z-index: 1;
margin-top: 68;
}
h1, h2, h3, h4 {
font-family: "Georgia", sans-serif;
}
h1 {
color: #2E0035;
font-size: 30px;
}
h2 {
color: #2E0035;
font-size: 24px;
margin-top: 0px;
}
h3 {
color: #46001A;
font-size: 18px;
}
h4 {
color: #46001A;
font-size: 16px;
}
header {
}
div#icon {
float: right;
position: relative;
margin-top: -100px;
z-index: 1;
right: 20px;
}
nav.courtesy {
clear: both;
float: left;
text-align: left;
text-decoration: none;
font-size: 12px;
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
font-style: normal;
color: #5C216E;
margin-right: 20px;
line-height: 15px;
}
nav.courtesy li a {
display: block;
clear: left;
color: #F0E042;
text-decoration: none;
list-style: none;
text-align: left;
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
font-style: normal;
font-variant: normal;
white-space: normal;
font-weight: bold;
margin-left: 0px;
margin-top: 5px;
margin-bottom: 5px;
padding-left: 20px;
padding-top: 5px;
padding-bottom: 5px;
width: 130px;
font-size: 14px;
}
nav.courtesy li a:active {
color: #000;
font-weight: bold;
}
nav.courtesy li a.active {
color: #2E0035;
background-color: #F0E042;
}
nav.courtesy li a:hover {
color: #FFF;
font-weight: bold;
text-decoration: underline;
}
nav.courtesy .clist {
clear: both;
list-style: none;
padding-left: 0;
padding-right: 0;
width: 100%;
color: #D6D6D6;
}
nav.global {
margin-left: auto;
margin-right: auto;
margin-top: -100px;
margin-bottom: 50px;
text-align: right;
}
nav.current {
/*border-bottom: 2.5px solid #470151;a849a3*/
}
nav.global ul.list {
list-style: none;
padding: 10px;
margin: 0;
}
nav.global ul.list li {
display: inline-block;
list-style-type: none;
margin: auto;
vertical-align: bottom;
}
nav.global li a {
color: #FFF;
float: left;
text-decoration: none;
line-height: vertical-align: baseline;
list-style: none;
text-align: center;
max-width: 150px;
min-width: 110px;
height: 66px;
/*width: 132;*/
background-color: #6B0028;
background-repeat: no-repeat;
font-size: 100%;
font-family: "Georgia" Arial, Helvetica, sans-serif;
font-style: normal;
font-variant: normal;
white-space: normal;
font-weight: bold;
margin-top: -50px;
margin-bottom: auto;
margin-left: 0px;
margin-right: 0px;
padding-top: 50px;
}
nav.global li a.active {
color: #FFF;
background-color: #51142B;
}
nav.global li a:active {
color: #FFF;
font-weight: bold;
}
nav.global li a:hover {
color: #FFF;
font-weight: bold;
background-color: #46001A;
}
nav.global ul.list:after {
content:".";
display:block;
clear:both;
visibility:hidden;
height:0;
line-height:0;
}
header div.logo {
position:absolute;
width:144px;
height:85px;
z-index:1;
margin-top: 10px;
margin-left: 20px;
left: 0px;
}
div.wrapper .gradient {
width: 960px;
}
div.box {
margin-left: auto;
margin-right: auto;
max-width: 960px;
}
header {
padding-top: 20px;
height: 100px;
width: 100%;
margin-top: -10px;
margin-left: auto;
margin-right: auto;
margin-bottom: 64px;
position: relative;
background: #6B0028;
border-bottom-color: #51142B;
border-bottom-width: 5px;
border-bottom-style: solid;
}
section#content {
overflow:hidden;
height: 100%
width: 100%;
}
section#icon-credit p a {
color: #9D4DA8;
font-weight: bold;
text-decoration: none;
}
section#icon-credit p a img {
float: left;
background-image: url(../images/facebook.png);
background-repeat: no-repeat;
height: 64px;
width: 64px;
}
section#logo-credit img {
float: left;
width: 250px;
height: 125px;
background-image: url(../images/Come_Alive_Logo.png);
background-repeat: no-repeat;
}
section#main {
margin-right: 320px;
margin-top: -19px;
min-width: 320px;
padding-right: 0.5em;
padding-bottom: 0.5em;
padding-left: 1em;
}
section#main:after {
content: "";
display: table;
clear: both;
}
.icon {
float: left;
margin-left: 25px;
margin-right: 0px;
margin-top: 5px;
margin-bottom: 5px;
line-height: 16px;
vertical-align: middle;
}
.home-tab {
float: left;
margin-left: 10px;
margin-right: 0px;
margin-top: 5px;
margin-bottom: 5px;
line-height: 16px;
vertical-align: middle;
}
nav.global li a:hover .home-hover {
float: left;
margin-left: 10px;
margin-top: 5px;
margin-bottom: 5px;
}
div#preloaded-images {
position: absolute;
overflow: hidden;
left: -9999px;
top: -9999px;
height: 1px;
width: 1px;
}
section#contact-form {
margin-top: 0px;
}
form {
clear: both;
margin: auto;
width:400px;
}
label {
display:block;
font-weight:bold;
text-align:right;
width:145px;
float:left;
}
input, textarea {
float: left;
font-size: 12px;
padding: 4px 2px;
border: solid 1px #ADA8A8;
background-color: #F4F4F4;
width: 200px;
margin: 2px 0 20px 10px;
}
button {
clear: both;
margin-left: 150px;
width: 100px;
height: 35px;
}
fieldset {
font-family: Verdana, Geneva, sans-serif;
font-size: 10pt;
color: #37103D;
/*border-color: #9D4DA8;*/
/*background-color: #CC94D3;*/
font-weight: 800;
margin-bottom: 50px;
}
fieldset legend {
font-size:12pt;
background-color:#FFF;
color:#37103D;
border:solid thin #ADA8A8;
font-variant:small-caps;
}
div#ben {
float: left;
}
div#gwen {
float: right;
}
section#contact-form {
float: left;
margin-left: 100px;
margin-right: auto;
margin-top: 50px;
width: 400px;
}
h2 {
margin-top: 15px;
font-weight: bold;
}
div#table {
border: 5px;
margin-top: 75px;
}
table {
font-size: 14px;
min-width: 100%
}
td.center {
text-align: center;
}
th.th-bg {
background-color: #CC94D3;
color: #37103D;
}
th {
font-size: 16px;
}
section#foot-container {
margin: 0 auto;
clear: both;
height: 150px;
width: 100%;
/*background-color: #470151;*/
}
div#copyright p {
clear: both;
margin-left: auto;
margin-right: auto;
width: 100%;
}
#foot-center {
width: 960px;
margin-left: auto;
margin-right: auto;
}
#footer-bg {
clear: both;
margin-bottom: -200px;
height: 200px;
width: 100%;
background-color: #6B0028;
}
body.result,div.result {
height: 500px;
background-color: #FFF;
}
.error {
clear: both;
float: right;
color: red;
text-align:right
}
.confirm {
color: green;
}
#captcha-container {
float: right;
margin-right: 10px;
margin-top: 1em;
}
.contact-submit {
color: #2E0035;
float: right;
font-size: 14px;
font-weight: bold;
margin-top: 1em;
height: 25px;
width: 100px;
background: rgb(234,234,234); /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2VhZWFlYSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iI2YxZjFmMSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUxJSIgc3RvcC1jb2xvcj0iI2UxZTFlMSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNkZGRkZGQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top, rgba(234,234,234,1) 0%, rgba(241,241,241,1) 50%, rgba(225,225,225,1) 51%, rgba(221,221,221,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(234,234,234,1)), color-stop(50%,rgba(241,241,241,1)), color-stop(51%,rgba(225,225,225,1)), color-stop(100%,rgba(221,221,221,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(234,234,234,1) 0%,rgba(241,241,241,1) 50%,rgba(225,225,225,1) 51%,rgba(221,221,221,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(234,234,234,1) 0%,rgba(241,241,241,1) 50%,rgba(225,225,225,1) 51%,rgba(221,221,221,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(234,234,234,1) 0%,rgba(241,241,241,1) 50%,rgba(225,225,225,1) 51%,rgba(221,221,221,1) 100%); /* IE10+ */
background: linear-gradient(to bottom, rgba(234,234,234,1) 0%,rgba(241,241,241,1) 50%,rgba(225,225,225,1) 51%,rgba(221,221,221,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eaeaea', endColorstr='#dddddd',GradientType=0 ); /* IE6-8 */
-moz-border-radius-topleft: 20px;
-moz-border-radius-topright: 20px;
-moz-border-radius-bottomright: 20px;
-moz-border-radius-bottomleft: 20px;
-webkit-border-top-left-radius: 20px;
-webkit-border-top-right-radius: 20px;
-webkit-border-bottom-right-radius: 20px;
-webkit-border-bottom-left-radius: 20px;
border-color: #ADA8A8;
}
.contact-submit:hover {
color: #2E0035;
float: right;
font-size: 14px;
font-weight: bold;
margin-top: 1em;
height: 25px;
width: 100px;
background: rgb(195,172,224); /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2MzYWNlMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iI2MzYWNlMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUxJSIgc3RvcC1jb2xvcj0iI2E5ODRkMSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNhOTg0ZDEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top, rgba(195,172,224,1) 0%, rgba(195,172,224,1) 50%, rgba(169,132,209,1) 51%, rgba(169,132,209,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(195,172,224,1)), color-stop(50%,rgba(195,172,224,1)), color-stop(51%,rgba(169,132,209,1)), color-stop(100%,rgba(169,132,209,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(195,172,224,1) 0%,rgba(195,172,224,1) 50%,rgba(169,132,209,1) 51%,rgba(169,132,209,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(195,172,224,1) 0%,rgba(195,172,224,1) 50%,rgba(169,132,209,1) 51%,rgba(169,132,209,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(195,172,224,1) 0%,rgba(195,172,224,1) 50%,rgba(169,132,209,1) 51%,rgba(169,132,209,1) 100%); /* IE10+ */
background: linear-gradient(to bottom, rgba(195,172,224,1) 0%,rgba(195,172,224,1) 50%,rgba(169,132,209,1) 51%,rgba(169,132,209,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c3ace0', endColorstr='#a984d1',GradientType=0 ); /* IE6-8 */
-moz-border-radius-topleft: 20px;
-moz-border-radius-topright: 20px;
-moz-border-radius-bottomright: 20px;
-moz-border-radius-bottomleft: 20px;
-webkit-border-top-left-radius: 20px;
-webkit-border-top-right-radius: 20px;
-webkit-border-bottom-right-radius: 20px;
-webkit-border-bottom-left-radius: 20px;
border-color: #ADA8A8;
}
.err-msg {
clear: right;
float: right;
margin-right: 10px;
}
.entry {
float: right;
margin-right: 10px;
}
.courtesy-left {
margin-left: 30px;
float: left;
margin-bottom: 0px;
}
.courtesy-center {
float: left;
margin-bottom: 0px;
}
.courtesy-right {
float: left;
margin-bottom: 0px;
}
.recaptchatable #recaptcha_response_field {
position: relative !important;
}
@media screen and (max-width: 960px) {
header {
width:100%;
height:auto;
}
#logo {
margin:0 auto;
float:none;
}
nav.global {
margin: 10px auto 0 auto;
float:none;
}
nav.global ul.list {
list-style: none;
padding: 10px;
margin: 0;
}
nav.global ul.list li {
display: inline-block;
list-style-type: none;
margin: 10px;
vertical-align: bottom;
}
nav.global li a {
color: #FFF;
float: left;
text-decoration: none;
line-height: vertical-align: baseline;
list-style: none;
text-align: center;
max-width: 150px;
min-width: 110px;
height: 40px;
/*width: 132;*/
background-color: #6B0028;
background-repeat: no-repeat;
font-size: 100%;
font-family: "Georgia" Arial, Helvetica, sans-serif;
font-style: normal;
font-variant: normal;
white-space: normal;
font-weight: bold;
margin-top: -50px;
margin-bottom: 0;
margin-left: 0px;
margin-right: 0px;
padding-top: 30px;
}
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment