/* CSS Document */ /*------------------------------------------------------------------ [Master Stylesheet] Project: deaflds.org styles Version: 1.0 Last change: 01 Jan 2009 -------------------------------------------------------------------*/ /*------------------------------------------------------------------ 1.0 Reset styles -------------------------------------------------------------------*/ /* Don't forget to set a foreground and background color on the 'html' or 'body' element! */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dd, dl, dt, li, ol, ul, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100.01% /* for opera and ie/win6+ */; line-height: inherit; font-family: inherit; text-align: left; vertical-align: top /* affects wrapping of inline images */; } :focus { outline: 0; } table { border-collapse: collapse; border-spacing: 0; } select, input, textarea { font-size: 99%; } /* for Safari 2+ */ ol, ul { list-style: none; } /* affects the bullet placement; make sure to apply "vertical-align: baseline;" to local li styles */ hr { border: 0; height: 1px; background: #ccc; color: #ccc; margin: .7em 0 .6em 0; clear: both; } *html hr { border: 0; height: 1px; background: #ccc; color: #ccc; margin: .5em 0 .3em 0; clear: both; } /* for IE6 */ *+ html hr { border: 0; height: 1px; background: #ccc; color: #ccc; margin: .6em 0 .2em 0; clear: both; } /* for IE7 */ caption, th, td { text-align: left; font-weight: normal; } q:before, q:after, blockquote:before, blockquote:after { content: ""; } blockquote, q { quotes: "" ""; } button { padding: 0; width: auto; overflow: visible; } em { font-style: italic; line-height: inherit; vertical-align: baseline; } strong { font-weight: bold; vertical-align: baseline; } .right { float: right; font: inherit; } .clear { clear: both; } .invisible { display: none; } sup { vertical-align: super; font-size: .5em; line-height: 0; } small { font-size: .7em; line-height: inherit; vertical-align: baseline; } img { behavior: url(scr/iepngfix.htc); } /* for .png visualization in IE6+; ensure that the .htc script sits inside an 'scr' folder inside the tree structure, and that 'blank.gif' sits inside an 'img' folder */ a { text-decoration: none; line-height: inherit; color: #2D7BB2 /*#ACD52E*/; vertical-align: baseline; } a:hover { text-decoration: underline; } /*------------------------------------------------------------------ 2.0 Meta composition styles -------------------------------------------------------------------*/ body { background: #24292D; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; } #news { display: none; background: #2f3840; padding: .7em; position: relative; top: 0; border: 1px solid #35424d; border-width: 1px 0; } #news p { font-size: .75em; color: #697a88; text-align: center; margin: 0 auto; } #news a { color: #738695; text-decoration: underline; font-weight: bold; } #news a:hover { color: #697a88; text-decoration: none; } .wrapper { width: 54em; margin: 0 auto; } .wrapper h1 { font-weight: bold; letter-spacing: -.01em; font-size: 2em; line-height: 132%; margin: 0 0 .5em 0; } .wrapper h5 { font-weight: bold; letter-spacing: .18em; font-size: .66em; margin: 0 0 .5em 1.5em; color: #999; text-transform: uppercase;} .wrapper h6 { font-weight: normal; letter-spacing: -.01em; font-size: .8em; line-height: 135%; margin: 0 0 .5em 0; color: #222; } .flag { margin: -1px 6px 0 0 !important; } /*------------------------------------------------------------------ 3.0 "Top" section styles -------------------------------------------------------------------*/ #top { width: 100%; background: #151515 url(../img/logo-bg3.gif) 0 0 repeat-x; padding: 2em 0 0 0; margin: 0; vertical-align: top; } /*------------------------------------------------------------------ 3.1 "Top" section: header styles -------------------------------------------------------------------*/ .header_main { display: block; height: 5em; } a.header_main { background: url(../img/logo8.png) 0px 0px no-repeat; height: 39px; } a.header_main:hover { background: url(../img/logo8.png) 0px -39px no-repeat; height: 39px; } .header_main h2 { width: 60%; display: block; float: right; font-size: .75em; line-height: 125%; color: #666; font-weight: normal; vertical-align: baseline; height: 2.5em; margin: .5em 0 0 0; } /*------------------------------------------------------------------ 3.2 "Top" section: metanavigation styles DO NOT USE. ------------------------------------------------------------------- #metanav_main { margin: 0 0 0 0; padding: 0 0 .7em 0; letter-spacing: -0.01em; z-index: 9999999; } #metanav_main ul { list-style: none; padding: 0; line-height: 100%; margin: 0 0 0 0; } #metanav_main li { float: left; display: block; padding: .4em 1.2em .4em 0; color: #888; font-size: 1.2em; font-weight: bold; border: 1px dotted #666; border-width: 0 0 0 1px; line-height: normal; } #metanav_main .noline { border: 0; } #metanav_main img { margin: -10px .4em 0 1em !important; } #metanav_main li ul { position: absolute; left: -999em; height: auto; width: 10em; font-weight: normal; border-width: 0.25em; margin: 0; } #metanav_main li .dim { color: #606366; } #metanav_main li .second { font-size: .65em; line-height: 115%; margin: 0; font-weight: normal; letter-spacing: -0.01em; color: #ddd;} #metanav_main li li { font-size: .9em; line-height: 105%; padding: .65em .65em .4em .65em; margin: 0; width: 12em; border: 1px dotted #666; border-width: 0 0 1px 0; background: #383C40; letter-spacing: -0.05em; } #metanav_main li li img { margin: -.1em .35em 0 0 !important; } #metanav_main li li a { color: #79ABCE; margin: 0 0 .2em 0; } #metanav_main li li:hover { } #metanav_main li:hover ul, #metanav_top li li:hover ul { left: auto; } #metanav_main a { display: block; color: #888; padding: 0; text-decoration: none; } #metanav_main a:hover { text-decoration: none; color: #666; } /*------------------------------------------------------------------ 3.3 "Top" section: metanavigation styles v.2; requires metanav_main.js -------------------------------------------------------------------*/ #metanav_main { margin: 0 0 0 0; padding: 0 0 .7em 0; letter-spacing: -0.01em; z-index: 9999999; height: 2.3em; } #metanav_main ul { list-style: none; padding: 0; margin: 0; } #metanav_main a { text-decoration: none; } #metanav_main li a { font-weight: bold; color: #888; font-size: 1.21em; line-height: 110%; border: 1px dotted #666; border-width: 0 1px 0 0; padding: .4em 1.2em .4em 0; margin: 0; } #metanav_main li a:hover { color: #666; } #metanav_main li a img { margin: -10px .5em 0 1em !important; } #metanav_main li li a { display: block; font-weight: normal; color: #79ABCE; font-size: 1em; border: 1px dotted #666; border-width: 0 0 1px 0; padding: .8em .8em .8em 1em; margin: 0; font-weight: bold; letter-spacing: -.03em; } #metanav_main li li a:hover { color: #638CA9; } #metanav_main li li a img { margin: -.1em .35em 0 0 !important; } #metanav_main .second { font-size: .7em; line-height: 130%; margin: 0; font-weight: normal; letter-spacing: 0; color: #ddd; } #metanav_main li { float: left; position: relative; width: auto; text-align: center; cursor: default; } #metanav_main .last { border: 0; } #metanav_main li ul { display: none; position: absolute; top: 85%; left: 15px; font-weight: normal; backxground: #fff; padding: 0.5em 0 1em 0; } #metanav_main *html li ul { top: 65%; left: 15px; } #metanav_main *+ html li ul { top: 65%; left: 15px; } #metanav_main li li { display: block; float: none; background: #383C40; border: 0; width: 16em; } #metanav_main li li:hover { background: #353535; } #metanav_main li:hover ul, li.over ul { display: block; } /*------------------------------------------------------------------ 3.4 "Top" section: map styles -------------------------------------------------------------------*/ #map_main { background: url(../img/mapbackground.jpg); display: inline; margin: 0; padding: 0; } /*------------------------------------------------------------------ 4.0 "Bottom" section styles -------------------------------------------------------------------*/ #bottom { width: 100%; background: #fff; padding: 1em 0 2em 0; margin: 0; } /*------------------------------------------------------------------ 4.1 "Bottom" section: homepage footer styles -------------------------------------------------------------------*/ .footer_main { margin: 0; padding: .8em 0 0 0; font-weight: normal; color: #444; } .footer_main h1 { font-size: 1.2em; font-weight: normal; letter-spacing: -.01em; } .footer_main h2 { font-size: .66em; line-height: 130%; margin: .2em 0; color: #777; } .footer_main .news { display: none; background: #ffe; border: 1px dotted #ccc; border-width: 1px 0; margin: 1em 0 0 0; padding: .5em .6em .4em .5em; } .footer_main h3 { font-size: .7em; line-height: 135%; margin: 0 0 .2em 0; color: #777; background: url(../img/comment.gif) left 3px no-repeat; padding: 0 0 0 16px; } .footer_main p { font-size: .84em; line-height: 135%; margin: 0 0 .2em 0; color: #777; } .footer_main li { font-size: .9em; padding: .4em 0; border-bottom: 1px dotted #ccc; font-weight: bold; } .footer_main li .descrip { font-size: .78em; line-height: 100%; margin: 0; padding: 0; font-weight: normal; color: #777; } .footer_main input, .footer_main textarea { font-size: .8em; color: #666; padding: .2em; width: 90%; overflow: hidden; margin: .2em 0 .4em 0; } .footer_main .button { font-size: .85em; padding: .4em; margin: 1em 0 0 0; width: auto; border: 1px solid #ddd; background: #f1f1f1; overflow: hidden; } .footer_main .button:hover { background: #e6e6e6; } .aboutdeaflds { width: 29%; margin: 0; padding: 0 5% 0 0; float: left; } .infoform { width: 33%; margin: 0; padding: 0 5% 0 0; float: left; } .unitlist { width: 27%; margin: 0; float: left; } /*------------------------------------------------------------------ 4.2 "Bottom" section: Local navigation styles -------------------------------------------------------------------*/ .localnav { margin: 1.2em 0 2em 0; font-weight: normal; color: #333; } .localnav .unitdivision { width: 155px; padding: 0 17px 0 0; float: left; } .localnav li { display: block; font-size: .8em; line-height: 125%; padding: .5em 0 .5em .7em; border-top: 1px dotted #ccc; font-weight: bold; } .localnav li:hover { background: #fcfcfc; } .localnav li .descrip { font-size: .75em; font-weight: normal; color: #666; } /*------------------------------------------------------------------ 4.3 "Bottom" section: Deaf unit styles -------------------------------------------------------------------*/ .unit { margin: 0 auto; padding: 1.5em 0 1.5em 1.4em; border-top: 1px dotted #ddd; font-weight: normal; line-height: 108%; } .unit:hover { background: #fcfcfc; } .unit h1 { font-size: 1.35em; line-height: 100%; margin: 0; padding: 0; font-weight: bold; color: #222; } /* name of unit */ .unit h2 { font-size: .88em; line-height: 125%; margin: 0; font-weight: bold; color: #222; } /* name of Deaf group */ .unit h3 { font-size: .88em; line-height: 125%; color: #333; font-weight: normal; } /* address, phone */ h3 a.ldsmaps { background: url(../img/map_magnify.png) right 1px no-repeat; padding: 0 24px 0 0; text-decoration: underline; } /* if unit has a link on maps.lds.com, gives it an icon */ .unit h4 { font-size: .8em; line-height: 120%; margin: 0; padding: 0; color: #333; font-weight: normal; } /* headers for sunday, temple, and about; text for updated, membership, and yes/no missionaries */ .unit h6 { font-size: .75em; line-height: 120%; margin: 0 0 .8em 0; padding: 0; color: #666; font-weight: normal; } /* name of stake; must go directly after name of unit or name of Deaf group */ h4.missionaries { background: url(../img/user_gray2.png) left 1px no-repeat; padding: 0 0 0 17px; margin: 0 0 0 -17px !important; } /* if unit has missionaries, gives it an icon */ .unit p { font-size: .8em; line-height: 125%; color: #555; font-weight: normal; } /* text for sunday, temple, about */ .unit h1 img { width: 4.5em; height: 4.5em; margin: 0 .8em .5em 0; float: left; } /* controls unit temple image */ .unit .updated { color: #aaa; margin: 0 0 .5em 0; font-size: .7em; } /* alters updated date */ .unit .unitstats { width: 11em; float: right; } /* box which holds updated, membership, and yes/no missionaries */ .unit .sunday { width: 16%; float: left; margin: .7em 0 0 0; padding: 0 1em 0 0; } /* box which holds sunday mtg times */ .unit .temple { width: 16%; float: left; margin: .7em 0 0 0; padding: 0 1em 0 0; } /* box which holds temple mtg times */ .unit .about { width: 47%; float: left; margin: .7em 0 0 0; padding: 0; } /* box which holds info about the unit */ /*------------------------------------------------------------------ 4.5 "Bottom" section: indicia styles -------------------------------------------------------------------*/ #indicia_main { margin: 2em 0 1em 0; padding: 1em 0 0 0; border: 1px dotted #ccc; border-width: 1px 0 0 0; } #indicia_main p { font-size: .7em; line-height: 145%; color: #aaa; font-weight: normal; } /*------------------------------------------------------------------ 5.0 Google ads -------------------------------------------------------------------*/ #ads { margin: 2.5em 0 0 0; border: 1px dotted #ccc; border-width: 1px 0; padding: 1em; display: none; /* do research first, then put ads in. */ } #ads p { text-align: center; color: #ccc; }