Skip to content

Instantly share code, notes, and snippets.

@morganestes
Created May 4, 2012 22:09
Show Gist options
  • Save morganestes/2598051 to your computer and use it in GitHub Desktop.
Save morganestes/2598051 to your computer and use it in GitHub Desktop.
Bad LESS/CSS for recess issue #22
sub {
bottom: -0.5em;
}
.clear {
clear: both;
}
a:active {
color: #608399;
text-decoration: none;
position: relative;
top: 1px;
}
img.obc {
width: 72px;
height: 33px;
display: block;
}
.hide {
display: none;
}
#seminar-schedule caption,
.seminar-schedule caption,
#seminar-schedule .caption,
.seminar-schedule .caption {
font-weight: 700;
background-color: #369;
color: #fff;
text-align: center;
}
dl {
margin: 0;
padding: 0;
font-weight: 400;
font-family: inherit;
}
ul.columns.six li {
width: 16.666%;
}
ul.columns {
width: 100%;
margin: 5px 0 20px;
padding: 5px;
overflow: hidden;
}
ul.columns li {
line-height: 1.5em;
float: left;
display: inline;
}
#share,
.share.footer {
margin: 5px 10px;
padding: 10px;
text-align: center;
}
footer .lhl {
width: 85%;
margin: 20px auto;
border: 2px solid #f00;
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
border-radius: 15px;
position: relative;
behavior: url(/js/PIE/PIE.php);
}
footer .lhl p {
font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
font-size: 20px;
text-align: center;
margin: 5px 15px;
padding: 0;
}
.pageName {
font: 14px Arial, Helvetica, sans-serif;
color: #000;
line-height: 24px;
letter-spacing: .3em;
}
thead {
font-weight: 700;
text-align: center;
display: table-header-group;
background-color: transparent;
}
ul.columns.triple li {
width: 33.333%;
}
.shadow {
-moz-box-shadow: 5px 5px 5px #ccc;
-webkit-box-shadow: 5px 5px 5px #ccc;
box-shadow: 5px 5px 5px #ccc;
}
label span {
float: left;
}
.forgot {
text-align: right;
padding-right: 3px;
margin: 2px;
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
}
.forgot a {
color: #fff;
}
.buttons a {
color: #000;
border: 1px solid;
border-right: none;
background-color: #CFCFD1;
padding: 2px !important;
margin-right: 3px;
font: 13px Arial, sans-serif;
font-stretch: semi-expanded;
font-weight: bold;
text-decoration: none;
border-color: #CFCFD1 #fff #C60139 #C60139;
display: block;
width: 95%;
text-align: left;
}
.buttons a:hover {
border: 1px dotted;
border-right: none;
padding-left: 4px;
padding-top: 3px;
padding-bottom: 1px;
padding-right: 1px;
border-color: #608399 #fff #fff #608399;
color: #fff;
text-decoration: none;
background: #153b60 url(/images/css/right-arrow-white.gif) no-repeat scroll right center !important;
}
:first-child + html .clearfix {
zoom: 1;
}
a[href^="mailto:"] {
text-decoration: none;
}
blockquote > blockquote {
margin-top: .75em;
}
.no-border {
border: none !important;
}
.formbutton {
cursor: pointer;
border: outset 1px #ccc;
background: #999;
color: #666;
font-weight: 700;
padding: 1px 2px;
background: url(/images/css/formbg.gif) repeat-x left top;
}
p {
margin: 1.2em 0;
font-size: 1em;
line-height: 1.4em;
font-weight: 400;
}
p img.left {
float: left;
margin: .5em 1em .5em 0;
padding: 0;
}
p img.right {
float: right;
margin: .5em 0 .5em 1em;
}
a[href$=".wpd"] {
background: url(/images/css/wpd-118.png) no-repeat right top;
display: inline-block;
padding-right: 22px;
}
ul.photos li {
list-style: url(/images/icons/camera-icon.png) outside;
padding-bottom: .5em;
padding-left: .5em;
}
q {
quotes: ‘ ’ “ ”;
}
q q:after {
content: '”';
content: close-quote;
}
q q:before {
content: '“';
content: open-quote;
}
a:hover {
color: #C00;
text-decoration: none;
}
i,
em {
font-style: italic;
font-weight: inherit;
}
#tagline {
font: 25px Arial, Helvetica, sans-serif;
color: #F90;
letter-spacing: .2em;
text-align: center;
}
figcaption {
margin: .75em 0;
text-align: center;
font: italic 13px Cambria, Georgia, "Times New Roman", Times, serif;
line-height: 18px;
}
.box {
background-color: #618399;
border: transparent 1px solid;
-moz-border-radius-bottomleft: 10px;
-moz-border-radius-bottomright: 10px;
-webkit-border-bottom-left-radius: 10px;
-webkit-border-bottom-right-radius: 10px;
border-bottom-left-radius: 10px;
border-bottom-right-radius: 10px;
position: relative;
behavior: url(/js/PIE/PIE.php);
}
a.info {
background: url(/images/icons/icon-information.png) no-repeat right !important;
padding-right: 18px !important;
display: inline-block;
}
blockquote {
border-left: .5em solid #DDD;
font-size: 1em;
line-height: 1.5;
padding: 0 6px;
width: 85%;
}
blockquote p {
margin: 0;
}
blockquote mark {
font-weight: 700;
}
blockquote footer {
margin-bottom: 0;
text-align: right;
font-style: italic;
}
blockquote p + p {
margin-top: 1.5em;
}
* html .clearfix {
zoom: 1;
}
#calendar tr.over td,
#calendar tr:hover td,
td.program p:hover,
.striped tr.over td,
.striped tr:hover td {
background-color: #FF6;
}
.noise:before,
.body-noise:before {
content: "";
position: absolute;
z-index: -1;
top: 0;
bottom: 0;
left: 0;
right: 0;
background-image: url(/images/noise.png);
}
.navText {
font: 11px Georgia, "Times New Roman", Times, serif;
color: #fff;
line-height: 16px;
letter-spacing: .1em;
text-decoration: none;
background-image: none !important;
}
#addSeminar legend,
form[name="addSeminar"] legend {
font-weight: 700;
color: #555;
}
.phone,
.tel,
.time,
time,
.date,
.nowrap {
white-space: nowrap;
}
/** Redeclare monospace font family* en.wikipedia.org/wiki/User:Davidgothberg/Test59* 1. Fixes font family set oddly in S5 Chrome* 2. Fixes monospace font family set oddly in IE6*/pre,
code,
kbd,
samp {
font-family: monospace, monospace;
_font-family: 'courier new', monospace;
font-size: 1em;
}
#newboxes1,
#newboxes2 h5 {
font-variant: small-caps;
text-align: left;
display: block;
}
.sidebar {
background: #f1ffd6 url(/images/css/sidebar.png) repeat-x;
float: right;
clear: both;
width: 100px;
height: auto;
min-height: 100px;
border: #FFF medium;
padding: 1em;
font-style: oblique;
}
.cancelled {
text-decoration: line-through;
}
ul.columns.quad li {
width: 25%;
}
#affinity .obc,
#fc-login .fastcase {
color: transparent;
text-transform: capitalize;
}
#main {
margin: 0;
padding: 5px 10px;
text-align: left;
}
#gallery img {
padding: 2px;
}
#navigation .navText {
font: 12px Helvetica, Arial, sans-serif;
font-weight: 700;
color: #FFF;
line-height: 12px;
letter-spacing: .1em;
text-decoration: none;
display: block;
padding: 8px 6px 8px 22px;
border: none;
}
#navigation ul {
margin: 0;
padding: 0;
width: 150px;
font: 12px "Segoe UI", Helvetica, Arial, Sans-serif;
line-height: 12px;
letter-spacing: 1.2px;
color: #fff;
list-style: none;
display: block;
}
#navigation a:hover {
color: #fc0;
border-right: 2px solid #fc0;
padding-left: 0;
}
#navigation li {
display: block;
width: inherit;
margin: 0;
padding: 0;
}
#navigation li a {
display: block;
width: auto;
height: auto;
padding: 8px;
color: #fff;
text-decoration: none;
border: none;
background-image: none;
}
.rgba.box-shadow body:before {
/* Fades the top and bottom of the viewport to provide a
* smoother blend into the browser chrome.
*/
content: "";
position: fixed;
top: -10px;
left: 0;
width: 100%;
height: 10px;
z-index: 100;
-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.8);
-moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.8);
box-shadow: 0 0 10px rgba(0, 0, 0, 0.8);
}
dt {
margin: 0;
padding: .4em;
text-align: left;
font-size: 1.1em;
font-weight: 700;
}
img.photo {
padding: 5px;
}
figure.full-photo img {
width: 100%;
height: auto;
}
.left {
float: left;
display: block;
clear: both;
}
#newboxes1 h5,
#newboxes1 label span {
color: #fff;
}
.break {
height: 16px;
width: auto;
margin: 8px auto;
background: url(/images/gifs/break.gif) center center no-repeat;
content: "\00A0";
}
#dateformat {
font: 11px Arial, Helvetica, sans-serif;
color: #FF0;
letter-spacing: .4em;
}
#dateformat a {
font: 11px Arial, Helvetica, sans-serif;
color: #FF0;
letter-spacing: .1em;
text-decoration: none;
}
#dateformat a:hover {
color: #FFC;
}
pre {
white-space: pre;
white-space: pre-wrap;
word-wrap: break-word;
}
italic,
dfn {
font-style: italic;
}
italic mark,
dfn mark {
background: #ff0;
color: #000;
}
italic .loading,
dfn .loading {
background: url(/images/css/ajax-loader-small-black.gif) right center no-repeat;
color: #FFF;
height: 32px;
}
italic a[href$=".xls"],
dfn a[href$=".xls"],
italic a[href$=".XLS"],
dfn a[href$=".XLS"],
italic a[href$=".xlsx"],
dfn a[href$=".xlsx"],
italic a[href$=".XLSX"],
dfn a[href$=".XLSX"] {
background: url(/images/icons/excel-icon-16.png) no-repeat right top;
display: inline-block;
padding-right: 22px;
}
italic .urgent,
dfn .urgent,
italic .cancelled,
dfn .cancelled {
font-weight: 700 !important;
color: #F00 !important;
}
italic #nav-main,
dfn #nav-main {
padding: .5em !important;
}
italic sup,
dfn sup {
bottom: .5em;
}
italic .smallText,
dfn .smallText {
font: 10px Arial, Helvetica, sans-serif;
color: #333;
}
italic ol.upper-alpha,
dfn ol.upper-alpha {
list-style-type: upper-alpha;
}
italic body,
dfn body {
font-family: "Segoe UI", Calibri, HelveticaNeue, "Helvetica Neue", HelveticaNeueRoman, HelveticaNeue-Roman, "Helvetica Neue Roman", TeXGyreHerosRegular, Helvetica, Tahoma, Geneva, Arial, sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 1.4;
font-stretch: normal;
width: 960px !important;
margin: 0 auto !important;
color: #444;
background: #ffffff url('http://static.okbar.org/img/www/bg_gradient.png') repeat-x top center;
}
italic body > footer,
dfn body > footer {
/** child selector ">" means only target the main footer,
* not any footers that may be inside another tag (like <article>)
*/
width: 100%;
background: #fff;
padding-top: 30px;
padding-bottom: 10px;
}
italic body > footer small,
dfn body > footer small {
font-size: inherit;
}
.note-block blockquote {
font-style: normal;
}
figure {
margin: 1.5em 0 2em;
}
figure img {
display: block;
margin: 0 auto .75em;
border: 1px solid #999;
padding: 6px;
background: none repeat scroll 0 0 #fff;
}
h1,
h2,
h3,
h4,
h5,
h6 {
font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
}
#newboxes2 h5,
#newboxes2 label span {
color: #BEF866;
}
a[href$=".zip"],
a[href$=".ZIP"],
a[href$=".rar"],
a[href$=".RAR"],
a[href$=".7Z"],
a[href$=".7z"] {
background: url(/images/css/zip16x16.gif) no-repeat right top;
display: inline-block;
padding-right: 22px;
}
a:link {
color: #618399;
}
abbr,
acronym,
dfn {
border-bottom: 1px dotted #333;
cursor: help;
}
.highlight {
background-color: #ff0;
}
td {
font-family: inherit;
font-size: inherit;
font-style: inherit;
font-weight: inherit;
color: inherit;
}
.space {
background: #FFF;
display: inline-block;
}
.roundbox {
margin: 6px;
padding: 1em;
border: #cacaca 1px solid;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
-moz-box-shadow: 5px 5px 5px #e5ecf9;
-webkit-box-shadow: 5px 5px 5px #e5ecf9;
box-shadow: 5px 5px 5px #e5ecf9;
background-color: #FFF;
position: relative;
behavior: url(/js/PIE/PIE.php);
}
#main header h1,
#main header h2,
#main header h3,
#main hgroup:first-child {
text-align: center;
}
#navigation tr td,
#navigation li {
border-bottom: 1px solid #FFF;
width: 100%;
text-align: right;
}
a[href$=".doc"],
a[href$=".DOC"],
a[href$=".rtf"],
a[href$=".RTF"],
a[href$=".docx"],
a[href$=".dot"],
a[href$=".odf"] {
background: url(/images/css/page_word.png) no-repeat right top;
display: inline-block;
padding-right: 22px;
}
.navbar {
white-space: nowrap;
overflow: visible;
position: static;
visibility: visible;
z-index: auto;
height: auto;
width: auto;
list-style-type: none;
text-align: center;
vertical-align: top;
letter-spacing: normal;
word-spacing: normal;
background-position: 0 0;
}
#nav-main input,
#feedback input {
float: right;
}
a.exempt {
background-image: none !important;
padding-right: 0 !important;
}
#seminar-schedule td,
.seminar-schedule td {
font-size: 1em;
font-weight: 400;
line-height: 1.2;
}
dd ul,
dd ol {
font-family: inherit;
}
#headlines {
width: inherit;
text-align: left !important;
padding: 0 5px 20px 30px;
height: auto;
min-height: 350px !important;
}
#headlines ul {
margin: 0;
padding: 0;
list-style-type: none;
width: 150px;
}
#headlines h4 {
text-align: center;
text-transform: capitalize;
font-size: .9em;
color: #FFF;
}
#headlines li {
font: bold 12px Arial, Helvetica, sans-serif;
line-height: 12px;
margin-bottom: -1em !important;
padding-bottom: 10px;
border: none;
text-align: left;
}
#headlines li a {
font-weight: 700;
margin-left: -2.5em;
padding: 1em .5em;
color: #d0c571;
letter-spacing: .1em;
text-decoration: none;
display: block;
}
#headlines li a:hover {
-moz-box-shadow: 0 0 20px #000;
-webkit-box-shadow: 0 0 20px #000;
box-shadow: 0 0 20px #000;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
behavior: url(/js/PIE/PIE.php);
}
a:visited {
color: #925825;
}
.underline {
text-decoration: underline;
}
del {
text-decoration: line-through;
}
header *,
.headline,
.headline a,
#main hgroup:first-child {
color: #395976;
font-family: Georgia, "Times New Roman", Times, serif;
}
a[href$=".rss"],
a[href$=".rdf"],
.rss {
background: url(/images/css/feed.png) no-repeat right top;
display: inline-block;
padding-right: 22px;
}
ul.columns.double li {
width: 50%;
}
div.caption {
margin: 0 10px 10px;
border: 1px solid #ccc;
padding: 5px;
}
div.caption img {
margin: 0 auto;
padding: 0;
}
div.caption p {
margin: 5px 0 0;
padding: 5px;
border-top: 1px #ddd dotted;
font-size: .75em;
text-align: justify;
color: #444;
}
ins {
text-decoration: underline;
}
ul.expanded li,
ol.expanded li {
padding-bottom: 3px;
}
q:before {
content: '\201C';
content: open-quote;
}
.techshow-shrink {
font-size: 88%;
}
.middle,
.center {
min-width: 100px;
text-align: center;
margin-top: inherit;
padding: inherit;
}
hr {
width: 85%;
color: #444;
margin: 0 auto;
text-align: center;
}
dd,
dd p {
margin-left: 10px;
padding: 0;
text-align: left;
font-weight: 400;
line-height: auto;
}
#monthformat td {
border-bottom: 1px solid #FFC;
}
tr.alt td,
td.program p,
.alt {
background-color: #ecf6fc;
color: #444;
}
ol.lower-alpha {
list-style-type: lower-alpha;
}
#selectMonth {
display: block;
font-size: 13px;
padding: 3px;
}
a[href$=".pdf"],
a[href$=".PDF"] {
background: url(/images/css/page_pdf.png) no-repeat right top;
display: inline;
padding-right: 22px;
}
.addthis_toolbox .hover_effect {
width: 284px;
padding: 10px 0 6px 10px;
border: 3px solid #eee;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
}
.addthis_toolbox .hover_effect a {
border: 2px solid #fff;
padding: 2px 2px 2px 16px;
position: relative;
text-decoration: none;
}
.addthis_toolbox .hover_effect a:hover {
border: 2px solid #105CB6;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
background: #B4D3F8;
color: #105CB6;
text-decoration: none;
}
.addthis_toolbox .hover_effect div {
float: left;
}
.addthis_toolbox .hover_effect span {
position: absolute;
width: 16px;
height: 16px;
top: 2px;
left: 1px;
}
.addthis_toolbox .vertical {
width: 136px;
padding: 10px 0;
border: 3px solid #eee;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
}
.addthis_toolbox .vertical a {
width: 102px;
padding: 4px 0 4px 34px;
position: relative;
display: block;
text-decoration: none;
color: blue;
}
.addthis_toolbox .vertical .more {
border-top: solid 1px #eee;
padding: 10px 0 0;
margin: 10px 10px 0;
text-align: center;
}
.addthis_toolbox .vertical .more a {
padding: 4px 0;
margin: 0;
}
.addthis_toolbox .vertical .more span {
display: none;
}
.addthis_toolbox .vertical a:hover {
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
background: #B4D3F8;
text-decoration: none;
}
.addthis_toolbox .vertical span {
position: absolute;
left: 14px;
top: 4px;
}
a[href$=".ppt"],
a[href$=".pptx"] {
background: url(/images/icons/PowerPoint-16x16.png) no-repeat right top;
display: inline-block;
padding-right: 22px;
}
#calendar td.day {
color: #618399;
font-weight: 700;
}
.important {
display: inline-block;
padding-left: 1.25em;
line-height: 18px;
background: transparent url(/images/flag_red.gif) left no-repeat;
}
.strikethrough {
text-decoration: line-through;
}
a:focus {
outline: 1px dotted;
outline-offset: 1px;
-moz-outline-radius: 4px;
}
a img {
border: none;
vertical-align: bottom;
}
.bodyText {
font: 13px Arial, Helvetica, sans-serif;
color: #000;
line-height: 20px;
margin-top: 0;
letter-spacing: .1em;
}
.amp {
font-family: Baskerville, Palatino, "Book Antiqua", serif;
font-style: italic;
}
.math {
font-family: Monaco, Arial, Helvetica, monospace;
}
a[title="Driving Directions"],
.map {
background: url(/images/icons/icon-car-24.png) no-repeat right bottom !important;
display: inline-block !important;
padding-right: 28px !important;
line-height: 24px !important;
}
#seminar-schedule tr td,
.seminar-schedule tr td {
border-bottom: 1px solid #ccc;
table-layout: auto;
padding: 5px;
}
.columnHeader {
font: 11px Arial, Helvetica, sans-serif;
color: #Ff0;
line-height: 18px;
letter-spacing: .05em;
}
table {
font-weight: 400;
}
#date {
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #395976;
}
img.fastcase {
width: 72px;
height: 33px;
padding: 1px;
float: left;
}
.buttonscontainer {
width: 150px;
float: right;
background-color: #608399;
}
li blockquote {
margin-left: 0;
}
.fastcase:hover,
.obc:hover {
cursor: pointer;
}
ul.none,
ol.none {
list-style: none;
}
/** CLE seminar registration
* duplicating certain element styles with
* id and class for backwards-compatibility
*/
#addSeminar,
form[name="addSeminar"] {
padding: 6px 8px;
}
#calendar td.month,
td p.month {
background-color: #618399 !important;
color: #fff;
font-weight: 700;
text-align: center;
}
blockquote blockquote,
.callout blockquote {
margin-left: 1.5em;
margin-right: .75em;
}
h1 {
margin: .96em 0;
font-size: 1.25em;
line-height: .96em;
}
.ethics-question {
font-stretch: expanded;
font-size: 14px;
color: #C00;
}
sup,
sub {
line-height: 0;
font-size: smaller;
position: relative;
vertical-align: baseline;
}
.barcirclesubmit {
background: url(/images/css/formbg2.gif) repeat-x left top;
}
#newboxes2 {
display: none;
}
h2 {
margin: 1.0667em 0;
font-size: 1.125em;
line-height: 1.0667em;
}
#navheader {
font: 24px Georgia, "Times New Roman", Times, serif;
color: #1F2669;
letter-spacing: .4em;
padding: 10px;
line-height: 30px;
}
.name {
font-weight: 700;
}
.clearfix:after {
visibility: hidden;
display: block;
font-size: 0;
content: ".";
clear: both;
height: 0;
}
h3 {
margin: 1.2em 0;
font-size: 1em;
line-height: 1.2em;
}
.updated {
font-weight: 700;
color: green;
font-size: 1.3em;
font-style: italic;
color: #C93;
}
h4 {
margin: 1.28em 0;
font-size: .9375em;
line-height: 1.28em;
}
ul,
ol {
font-weight: 400;
list-style-position: outside;
}
.noise {
position: relative;
z-index: 1;
}
#switch a img {
border: none;
text-decoration: none;
}
#switch p {
text-align: left;
color: #fff;
}
h5 {
margin: 1.3714em 0;
font-size: .875em;
line-height: 1.3714em;
}
.csscolumns ul.two-columns {
columns: 2 auto;
-moz-column-count: 2;
-moz-column-width: auto;
-webkit-columns: 2 auto;
}
.csscolumns ul.columnize {
-moz-column-count: 2;
-webkit-column-count: 2;
-o-column-count: 2;
column-count: 2;
}
blockquote:before {
display: block;
height: 0;
content: "‘";
margin-left: -0.95em;
font: italic 400% Cochin, Georgia, "Times New Roman", serif;
line-height: 1;
color: #999;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
display: block;
}
b,
strong,
i,
em {
font-family: inherit;
}
a[href^="mailto:"]:after {
content: "\2709";
font-size: 21px;
color: #333;
}
b,
strong {
font-style: normal;
font-weight: 700;
}
h6 {
margin: 1.4769em 0;
font-size: .8125em;
line-height: 1.4769em;
}
.js body[id^="members-committees-"] h3.nonmembers,
.js body[id^="members-committees-"] ul#nonmembers {
display: none;
}
.hidden {
display: none;
visibility: hidden;
}
input#user:focus,
input#password:focus {
border: 2px solid #000;
}
.right {
float: right;
display: inline;
clear: both;
}
.subHeader {
font: bold 11px Arial, Helvetica, sans-serif;
color: #FF080E;
line-height: 18px;
letter-spacing: .1em;
}
sub {
bottom: -.5em;
}
.clear {
clear: both;
}
a:active {
color: #608399;
text-decoration: none;
position: relative;
top: 1px;
}
img.obc {
width:72px;
height:33px;
display:block;
}
.hide {
display: none;
}
#seminar-schedule caption,.seminar-schedule caption,#seminar-schedule .caption,.seminar-schedule .caption {
font-weight: 700;
background-color: #369;
color: #fff;
text-align: center;
}
dl {
margin: 0;
padding: 0;
font-weight: 400;
font-family: inherit;
}
ul.columns.six {
li {
width: 16.666%;
}
}
ul.columns {
width: 100%;
margin: 5px 0 20px;
padding: 5px;
overflow: hidden;
li {
line-height: 1.5em;
float: left;
display: inline;
}
}
#share,.share.footer {
margin: 5px 10px;
padding: 10px;
text-align: center;
}
footer {
.lhl {
width: 85%;
margin: 20px auto;
border: 2px solid #f00;
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
border-radius: 15px;
position: relative;
behavior: url(/js/PIE/PIE.php);
}
& > {
.lhl {
p {
font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
font-size: 20px;
text-align: center;
margin: 5px 15px;
padding: 0;
}
}
}
}
.pageName {
font: 14px Arial, Helvetica, sans-serif;
color: #000;
line-height: 24px;
letter-spacing: .3em;
}
thead {
font-weight: 700;
text-align: center;
display: table-header-group;
background-color: transparent;
}
ul.columns.triple {
li {
width: 33.333%;
}
}
.shadow {
-moz-box-shadow: 5px 5px 5px #ccc;
-webkit-box-shadow: 5px 5px 5px #ccc;
box-shadow: 5px 5px 5px #ccc;
}
label {
span {
float:left;
}
}
.forgot {
text-align:right;
padding-right:3px;
margin:2px;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
a {
color:#fff;
}
}
.buttons {
a {
color:#000;
border:1px solid;
border-right:none;
background-color:#CFCFD1;
padding:2px !important;
margin-right:3px;
font:13px Arial, sans-serif;
font-stretch:semi-expanded;
font-weight:bold;
text-decoration:none;
border-color:#CFCFD1 #fff #C60139 #C60139;
display:block;
width:95%;
text-align:left;
&:hover {
border:1px dotted;
border-right:none;
padding-left:4px;
padding-top:3px;
padding-bottom:1px;
padding-right:1px;
border-color:#608399 #fff #fff #608399;
color:#fff;
text-decoration:none;
background:#153B60 url(/images/css/right-arrow-white.gif) no-repeat scroll right center !important;
}
}
}
:first-child+html {
.clearfix {
zoom: 1;
}
}
a[href^="mailto:"] {
text-decoration: none;
}
blockquote>blockquote {
margin-top: .75em;
}
.no-border {
border: none !important;
}
.formbutton {
cursor: pointer;
border: outset 1px #ccc;
background: #999;
color: #666;
font-weight: 700;
padding: 1px 2px;
background: url(/images/css/formbg.gif) repeat-x left top;
}
p {
margin: 1.2em 0;
font-size: 1em;
line-height: 1.4em;
font-weight: 400;
img.left {
float: left;
margin: .5em 1em .5em 0;
padding: 0;
}
img.right {
float: right;
margin: .5em 0 .5em 1em;
}
}
a[href$=".wpd"] {
background: url(/images/css/wpd-118.png) no-repeat right top;
display: inline-block;
padding-right: 22px;
}
ul.photos {
li {
list-style: url(/images/icons/camera-icon.png) outside;
padding-bottom: .5em;
padding-left: .5em;
}
}
q {
quotes: ‘ ’ “ ”;
q:after {
content: '”';
content: close-quote;
}
q:before {
content: '“';
content: open-quote;
}
}
a:hover {
color: #C00;
text-decoration: none;
}
i,em {
font-style: italic;
font-weight: inherit;
}
#tagline {
font: 25px Arial, Helvetica, sans-serif;
color: #F90;
letter-spacing: .2em;
text-align: center;
}
figcaption {
margin: .75em 0;
text-align: center;
font: italic 13px Cambria, Georgia, "Times New Roman", Times, serif;
line-height: 18px;
}
.box {
background-color: #618399;
border: transparent 1px solid;
-moz-border-radius-bottomleft: 10px;
-moz-border-radius-bottomright: 10px;
-webkit-border-bottom-left-radius: 10px;
-webkit-border-bottom-right-radius: 10px;
border-bottom-left-radius: 10px;
border-bottom-right-radius: 10px;
position: relative;
behavior: url(/js/PIE/PIE.php);
}
a.info {
background: url(/images/icons/icon-information.png) no-repeat right !important;
padding-right: 18px !important;
display: inline-block;
}
blockquote {
border-left: .5em solid #DDD;
font-size: 1em;
line-height: 1.5;
padding: 0 6px;
width: 85%;
p {
margin: 0;
}
mark {
font-weight: 700;
}
footer {
margin-bottom: 0;
text-align: right;
font-style: italic;
}
p+p {
margin-top: 1.5em;
}
}
* {
html {
.clearfix {
zoom: 1;
}
}
}
#calendar tr.over td,#calendar tr:hover td,td.program p:hover,.striped tr.over td,.striped tr:hover td {
background-color: #FF6;
}
.noise:before,.body-noise:before {
content: "";
position: absolute;
z-index: -1;
top: 0;
bottom: 0;
left: 0;
right: 0;
background-image: url(/images/noise.png);
}
.navText {
font: 11px Georgia, "Times New Roman", Times, serif;
color: #fff;
line-height: 16px;
letter-spacing: .1em;
text-decoration: none;
background-image: none !important;
}
#addSeminar legend,form[name="addSeminar"] legend {
font-weight: 700;
color: #555;
}
.phone,.tel,.time,time,.date,.nowrap {
white-space: nowrap;
}
/** Redeclare monospace font family* en.wikipedia.org/wiki/User:Davidgothberg/Test59* 1. Fixes font family set oddly in S5 Chrome* 2. Fixes monospace font family set oddly in IE6*/pre,code,kbd,samp {
font-family: monospace, monospace;
_font-family: 'courier new', monospace;
font-size: 1em;
}
#newboxes1,#newboxes2 h5 {
font-variant:small-caps;
text-align:left;
display:block;
}
.sidebar {
background: #F1FFD6 url(/images/css/sidebar.png) repeat-x;
float: right;
clear: both;
width: 100px;
height: auto;
min-height: 100px;
border: #FFF medium;
padding: 1em;
font-style: oblique;
}
.cancelled {
text-decoration: line-through;
}
ul.columns.quad {
li {
width: 25%;
}
}
#affinity .obc,#fc-login .fastcase {
color:transparent;
text-transform:capitalize;
}
#main {
margin: 0;
padding: 5px 10px;
text-align: left;
}
#gallery {
img {
padding: 2px;
}
}
#navigation {
.navText {
font: 12px Helvetica, Arial, sans-serif;
font-weight: 700;
color: #FFF;
line-height: 12px;
letter-spacing: .1em;
text-decoration: none;
display: block;
padding: 8px 6px 8px 22px;
border: none;
}
ul {
margin: 0;
padding: 0;
width: 150px;
font: 12px "Segoe UI", Helvetica, Arial, Sans-serif;
line-height: 12px;
letter-spacing: 1.2px;
color: #fff;
list-style: none;
display: block;
}
a:hover {
color: #fc0;
border-right: 2px solid #fc0;
padding-left: 0;
}
li {
display: block;
width: inherit;
margin: 0;
padding: 0;
a {
display: block;
width: auto;
height: auto;
padding: 8px;
color: #fff;
text-decoration: none;
border: none;
background-image: none;
}
}
}
.rgba.box-shadow {
body:before {
/* Fades the top and bottom of the viewport to provide a
* smoother blend into the browser chrome.
*/
content: "";
position: fixed;
top: -10px;
left: 0;
width: 100%;
height: 10px;
z-index: 100;
-webkit-box-shadow: 0 0 10px rgba(0,0,0,0.8);
-moz-box-shadow: 0 0 10px rgba(0,0,0,0.8);
box-shadow: 0 0 10px rgba(0,0,0,0.8);
}
}
dt {
margin: 0;
padding: .4em;
text-align: left;
font-size: 1.1em;
font-weight: 700;
}
img.photo {
padding: 5px;
}
figure.full-photo {
img {
width: 100%;
height: auto;
}
}
.left {
float: left;
display: block;
clear: both;
}
#newboxes1 h5,#newboxes1 label span {
color:#fff;
}
.break {
height: 16px;
width: auto;
margin: 8px auto;
background: url(/images/gifs/break.gif) center center no-repeat;
content: "\00A0";
}
#dateformat {
font: 11px Arial, Helvetica, sans-serif;
color: #FF0;
letter-spacing: .4em;
a {
font: 11px Arial, Helvetica, sans-serif;
color: #FF0;
letter-spacing: .1em;
text-decoration: none;
&:hover {
color: #FFC;
}
}
}
pre {
white-space: pre;
white-space: pre-wrap;
word-wrap: break-word;
}
italic, dfn {
font-style: italic;
mark {
background: #ff0;
color: #000;
}
.loading {
background: url(/images/css/ajax-loader-small-black.gif) right center no-repeat;
color: #FFF;
height: 32px;
}
a[href$=".xls"],a[href$=".XLS"],a[href$=".xlsx"],a[href$=".XLSX"] {
background: url(/images/icons/excel-icon-16.png) no-repeat right top;
display: inline-block;
padding-right: 22px;
}
.urgent,.cancelled {
font-weight: 700 !important;
color: #F00 !important;
}
#nav-main {
padding:.5em !important;
}
sup {
bottom: .5em;
}
.smallText {
font: 10px Arial, Helvetica, sans-serif;
color: #333;
}
ol.upper-alpha {
list-style-type: upper-alpha;
}
body {
font-family: "Segoe UI", Calibri, HelveticaNeue, "Helvetica Neue", HelveticaNeueRoman, HelveticaNeue-Roman, "Helvetica Neue Roman", TeXGyreHerosRegular, Helvetica, Tahoma, Geneva, Arial, sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 1.4;
font-stretch: normal;
width: 960px !important;
margin: 0 auto !important;
color: #444;
background: #fff url('http://static.okbar.org/img/www/bg_gradient.png') repeat-x top center;
& > footer {
/** child selector ">" means only target the main footer,
* not any footers that may be inside another tag (like <article>)
*/
width: 100%;
background: #fff;
padding-top: 30px;
padding-bottom: 10px;
small {
font-size: inherit;
}
}
}
}
.note-block {
blockquote {
font-style: normal;
}
}
figure {
margin: 1.5em 0 2em;
img {
display: block;
margin: 0 auto .75em;
border: 1px solid #999;
padding: 6px;
background: none repeat scroll 0 0 #fff;
}
}
h1,h2,h3,h4,h5,h6 {
font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
}
#newboxes2 h5,#newboxes2 label span {
color:#BEF866;
}
a[href$=".zip"],a[href$=".ZIP"],a[href$=".rar"],a[href$=".RAR"],a[href$=".7Z"],a[href$=".7z"] {
background: url(/images/css/zip16x16.gif) no-repeat right top;
display: inline-block;
padding-right: 22px;
}
a:link {
color: #618399;
}
abbr,acronym,dfn {
border-bottom: 1px dotted #333;
cursor: help;
}
.highlight {
background-color: #ff0;
}
td {
font-family: inherit;
font-size: inherit;
font-style: inherit;
font-weight: inherit;
color: inherit;
}
.space {
background: #FFF;
display: inline-block;
}
.roundbox {
margin: 6px;
padding: 1em;
border: #cacaca 1px solid;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
-moz-box-shadow: 5px 5px 5px #e5ecf9;
-webkit-box-shadow: 5px 5px 5px #e5ecf9;
box-shadow: 5px 5px 5px #e5ecf9;
background-color: #FFF;
position: relative;
behavior: url(/js/PIE/PIE.php);
}
#main header h1,#main header h2,#main header h3,#main hgroup:first-child {
text-align: center;
}
#navigation tr td,#navigation li {
border-bottom: 1px solid #FFF;
width: 100%;
text-align: right;
}
a[href$=".doc"],a[href$=".DOC"],a[href$=".rtf"],a[href$=".RTF"],a[href$=".docx"],a[href$=".dot"],a[href$=".odf"] {
background: url(/images/css/page_word.png) no-repeat right top;
display: inline-block;
padding-right: 22px;
}
.navbar {
white-space: nowrap;
overflow: visible;
position: static;
visibility: visible;
z-index: auto;
height: auto;
width: auto;
list-style-type: none;
text-align: center;
vertical-align: top;
letter-spacing: normal;
word-spacing: normal;
background-position: 0 0;
}
#nav-main input, #feedback input {
float:right;
}
a.exempt {
background-image: none !important;
padding-right: 0 !important;
}
#seminar-schedule td,.seminar-schedule td {
font-size: 1em;
font-weight: 400;
line-height: 1.2;
}
dd ul,dd ol {
font-family: inherit;
}
#headlines {
width: inherit;
text-align: left !important;
padding: 0 5px 20px 30px;
height: auto;
min-height: 350px !important;
ul {
margin: 0;
padding: 0;
list-style-type: none;
width: 150px;
}
h4 {
text-align: center;
text-transform: capitalize;
font-size: .9em;
color: #FFF;
}
li {
font: bold 12px Arial, Helvetica, sans-serif;
line-height: 12px;
margin-bottom: -1em !important;
padding-bottom: 10px;
border: none;
text-align: left;
& > {
a {
font-weight: 700;
margin-left: -2.5em;
padding: 1em .5em;
color: #d0c571;
letter-spacing: .1em;
text-decoration: none;
display: block;
}
a:hover {
-moz-box-shadow: 0 0 20px #000;
-webkit-box-shadow: 0 0 20px #000;
box-shadow: 0 0 20px #000;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
behavior: url(/js/PIE/PIE.php);
}
}
}
}
a:visited {
color: #925825;
}
.underline {
text-decoration: underline;
}
del {
text-decoration: line-through;
}
header *,.headline,.headline a, #main hgroup:first-child {
color: #395976;
font-family: Georgia, "Times New Roman", Times, serif;
}
a[href$=".rss"],a[href$=".rdf"],.rss {
background: url(/images/css/feed.png) no-repeat right top;
display: inline-block;
padding-right: 22px;
}
ul.columns.double {
li {
width: 50%;
}
}
div.caption {
margin: 0 10px 10px;
border: 1px solid #ccc;
padding: 5px;
img {
margin: 0 auto;
padding: 0;
}
p {
margin: 5px 0 0;
padding: 5px;
border-top: 1px #ddd dotted;
font-size: .75em;
text-align: justify;
color: #444;
}
}
ins {
text-decoration: underline;
}
ul.expanded li,ol.expanded li {
padding-bottom: 3px;
}
q:before {
content: '\201C';
content: open-quote;
}
.techshow-shrink {
font-size: 88%;
}
.middle,.center {
min-width: 100px;
text-align: center;
margin-top: inherit;
padding: inherit;
}
hr {
width: 85%;
color: #444;
margin: 0 auto;
text-align: center;
}
dd,dd p {
margin-left: 10px;
padding: 0;
text-align: left;
font-weight: 400;
line-height: auto;
}
#monthformat {
td {
border-bottom: 1px solid #FFC;
}
}
tr.alt td,td.program p,.alt {
background-color: #ecf6fc;
color: #444;
}
ol.lower-alpha {
list-style-type: lower-alpha;
}
#selectMonth {
display: block;
font-size: 13px;
padding: 3px;
}
a[href$=".pdf"],a[href$=".PDF"] {
background: url(/images/css/page_pdf.png) no-repeat right top;
display: inline;
padding-right: 22px;
}
.addthis_toolbox {
.hover_effect {
width: 284px;
padding: 10px 0 6px 10px;
border: 3px solid #eee;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
a {
border: 2px solid #fff;
padding: 2px 2px 2px 16px;
position: relative;
text-decoration: none;
}
a:hover {
border: 2px solid #105CB6;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
background: #B4D3F8;
color: #105CB6;
text-decoration: none;
}
div {
float: left;
}
span {
position: absolute;
width: 16px;
height: 16px;
top: 2px;
left: 1px;
}
}
.vertical {
width: 136px;
padding: 10px 0;
border: 3px solid #eee;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
a {
width: 102px;
padding: 4px 0 4px 34px;
position: relative;
display: block;
text-decoration: none;
color: blue;
}
.more {
border-top: solid 1px #eee;
padding: 10px 0 0;
margin: 10px 10px 0;
text-align: center;
a {
padding: 4px 0;
margin: 0;
}
span {
display: none;
}
}
a:hover {
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
background: #B4D3F8;
text-decoration: none;
}
span {
position: absolute;
left: 14px;
top: 4px;
}
}
}
a[href$=".ppt"],a[href$=".pptx"] {
background: url(/images/icons/PowerPoint-16x16.png) no-repeat right top;
display: inline-block;
padding-right: 22px;
}
#calendar {
td.day {
color: #618399;
font-weight: 700;
}
}
.important {
display: inline-block;
padding-left: 1.25em;
line-height: 18px;
background: transparent url(/images/flag_red.gif) left no-repeat;
}
.strikethrough {
text-decoration: line-through;
}
a:focus {
outline: 1px dotted;
outline-offset: 1px;
-moz-outline-radius: 4px;
}
a {
img {
border: none;
vertical-align: bottom;
}
}
.bodyText {
font: 13px Arial, Helvetica, sans-serif;
color: #000;
line-height: 20px;
margin-top: 0;
letter-spacing: .1em;
}
.amp {
font-family: Baskerville, Palatino, "Book Antiqua", serif;
font-style: italic;
}
.math {
font-family: Monaco, Arial, Helvetica, monospace;
}
a[title="Driving Directions"],.map {
background: url(/images/icons/icon-car-24.png) no-repeat right bottom !important;
display: inline-block !important;
padding-right: 28px !important;
line-height: 24px !important;
}
#seminar-schedule tr td,.seminar-schedule tr td {
border-bottom: 1px solid #ccc;
table-layout: auto;
padding: 5px;
}
.columnHeader {
font: 11px Arial, Helvetica, sans-serif;
color: #Ff0;
line-height: 18px;
letter-spacing: .05em;
}
table {
font-weight: 400;
}
#date {
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #395976;
}
img.fastcase {
width:72px;
height:33px;
padding:1px;
float:left;
}
.buttonscontainer {
width:150px;
float:right;
background-color:#608399;
}
li {
blockquote {
margin-left: 0;
}
}
.fastcase:hover,.obc:hover {
cursor:pointer;
}
ul.none,ol.none {
list-style: none;
}
/** CLE seminar registration
* duplicating certain element styles with
* id and class for backwards-compatibility
*/
#addSeminar,form[name="addSeminar"] {
padding: 6px 8px;
}
#calendar td.month,td p.month {
background-color: #618399 !important;
color: #fff;
font-weight: 700;
text-align: center;
}
blockquote blockquote,.callout blockquote {
margin-left: 1.5em;
margin-right: .75em;
}
h1 {
margin: .96em 0;
font-size: 1.25em;
line-height: .96em;
}
.ethics-question {
font-stretch: expanded;
font-size: 14px;
color: #C00;
}
sup,sub {
line-height: 0;
font-size: smaller;
position: relative;
vertical-align: baseline;
}
.barcirclesubmit {
background:url(/images/css/formbg2.gif) repeat-x left top;
}
#newboxes2 {
display:none;
}
h2 {
margin: 1.0667em 0;
font-size: 1.125em;
line-height: 1.0667em;
}
#navheader {
font: 24px Georgia, "Times New Roman", Times, serif;
color: #1F2669;
letter-spacing: .4em;
padding: 10px;
line-height: 30px;
}
.name {
font-weight: 700;
}
.clearfix:after {
visibility: hidden;
display: block;
font-size: 0;
content: ".";
clear: both;
height: 0;
}
h3 {
margin: 1.2em 0;
font-size: 1em;
line-height: 1.2em;
}
.updated {
font-weight: 700;
color: green;
font-size: 1.3em;
font-style: italic;
color: #C93;
}
h4 {
margin: 1.28em 0;
font-size: .9375em;
line-height: 1.28em;
}
ul,ol {
font-weight: 400;
list-style-position: outside;
}
.noise {
position: relative;
z-index: 1;
}
#switch {
a {
img {
border:none;
text-decoration:none;
}
}
p {
text-align:left;
color:#fff;
}
}
h5 {
margin: 1.3714em 0;
font-size: .875em;
line-height: 1.3714em;
}
.csscolumns {
ul.two-columns {
columns: 2 auto;
-moz-column-count: 2;
-moz-column-width: auto;
-webkit-columns: 2 auto;
}
ul.columnize {
-moz-column-count: 2;
-webkit-column-count: 2;
-o-column-count: 2;
column-count: 2;
}
}
blockquote:before {
display: block;
height: 0;
content: "‘";
margin-left: -.95em;
font: italic 400% Cochin,Georgia,"Times New Roman",serif;
line-height: 1;
color: #999;
}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {
display: block;
}
b,strong,i,em {
font-family: inherit;
}
a[href^="mailto:"]:after {
content: "\2709";
font-size: 21px;
color: #333;
}
b,strong {
font-style: normal;
font-weight: 700;
}
h6 {
margin: 1.4769em 0;
font-size: .8125em;
line-height: 1.4769em;
}
.js body[id^="members-committees-"] h3.nonmembers,.js body[id^="members-committees-"] ul#nonmembers {
display: none;
}
.hidden {
display: none;
visibility: hidden;
}
input#user:focus,input#password:focus {
border:2px solid #000;
}
.right {
float: right;
display: inline;
clear: both;
}
.subHeader {
font: bold 11px Arial, Helvetica, sans-serif;
color: #FF080E;
line-height: 18px;
letter-spacing: .1em;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment