/* Replacing colors: */ /* 66023C - 4b0082 - background */ /* e8f1f0 - e6e6fa - containers background */ /* 19736a - b9770e - accent lines */ /* 3b30d2 - 4b0082 - tab background */ /* 66023C - a8a8fa - tab hover background */ @font-face {font-family: "Proza Libre"; src: url(https://library.beau.org/webfonts/ProzaLibre-Regular.ttf), url(http://library.beau.org/webfonts/ProzaLibre-Regular.ttf); format: "ttf";} body {background: #0000bb; padding: 0.25em; text-align: center; font-family: 'Proza Libre', sans-serif;} .roundedblock {border: solid 0.3em #b9770e; border-radius: 1em / 1em; padding: 0.3em; margin-bottom: 0.2em; background: #e6e6fa;} .width80 {width: 80%; margin: 0.4em auto;} .floatright {display: block; float: right; max-width: 8%; margin-top: 0.4em;} .centered {text-align: center;} .libtitle {display: inline-block; vertical-align: middle; text-align: center; margin: auto;} .libname {text-shadow: 0px 0px 10px #b9770e; font-size: 300%; color: #b9770e;} .libsubtitle {font-weight: bold; font-size: 150%;} .width60 {width: 60%; vertical-align: top; display: inline-block;} .width19 {width: 18%; vertical-align: top; display: inline-block; clear: both; margin-left: 0.1em;} .footercol {display: inline-block; vertical-align: top; font-size: .75em; font-weight: bold; text-align: left;} .resdaydivider { border-bottom: solid 0.2em #b9770e; margin-bottom: 0.2em; border-top: solid 0.2em #b9770e; margin-top: 0.2em; font-size: 1.5em; font-weight: bold; } .slidebutton {display: inline-block; border: solid 0.1em #b9770e; border-radius: 1em / 1em; border-width: 0.1em 1.0em; margin: 0.3em; padding: 0.2em } /* MenuBar.css material */ .L0Button { background-color: #b9770e; color: white; text-decoration: none; padding: 5px 5px 5px 5px; border: 1px 1px 0px 1px solid black; border-radius: 5px 5px 0px 0px;} .L0Button a:link { color: white; text-decoration: none; padding: 5px 5px 5px 5px; } .L0Button a:visited { color: white; text-decoration: none; padding: 5px 5px 5px 5px; } .L0MenuH{ position: relative; display: inline-block; } .L0ContentContainer { display: none; position: absolute; z-index: 10000; background-color: #b9770e; color: white; white-space: nowrap; } .L0ContentItem { display: block; color: white; text-decoration: none; background-color: #b9770e; padding: 5px 5px 5px 5px; border: 1px solid black; } .L0ContentItem a:link { padding: 5px 5px 5px 5px; text-decoration: none; color: white; } .L0ContentItem a:visited { padding: 5px 10px 5px 10px; text-decoration: none; color: white; } .L0ContentContainer .L0ContentItem:hover {background-color: #a8a8fa} .L0MenuH:hover .L0ContentContainer { display: block; } .L0MenuH:hover .L0Button { background-color: #a8a8fa; } .MenuBarContainer { display: inline-block; width: 80%; clear: both; margin: 0.2em; padding: 0.2em; border: solid 0.3em #b9770e; border-radius: 1em / 1em; background: #e6e6fa} /* eventListWidget.css */ .clearfix { clear: both; } .width { width: 100%; } .heading { font-size: 18px; color: #999; font-weight: bold; padding-bottom: 10px; margin-bottom: 10px; border-bottom: 1px solid #CCC; } .eventList { font-family: Helvetica, Arial, sans-serif; font-size: 13px; color: #666; clear: both; } .eventList.heading { font-size: 1.3em; font-weight: bold; text-align: center; color: #e6e6fa; margin: 0 0 10px 0; padding-top: 10px; } .eventList .item { background-color: #f9f9f9; margin-bottom: 10px; padding: 5px; border: 1px solid #EEE; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } .eventList a, .eventList .title { font-size: 14px; font-weight: bold; color: #b9770e; text-decoration: none; } .eventList a:hover { text-decoration: underline; } .eventList .time { font-weight: bold; color: #999; padding-left: 15px; } .eventList .date { float: right; padding-right: 10px; } .eventList img { width: 100%; height: auto; } .eventList .image { float: left; max-width: 80px; height: auto; margin: 5px 10px 5px 0; overflow: hidden; border: 1px solid #CCC; box-shadow: 1px 1px 1px rgba(40, 51, 51, .2); } .eventList .description { font-size: 12px; margin-bottom: 7px; } .eventList .location { font-size: 12px; margin-bottom: 7px; } .eventList .branch { font-size: 12px; margin-bottom: 7px; } .eventList hr {} /* Misc other declarations */ .mainbody { height: auto; width: auto; overflow: auto; margin-top: 0em; padding-top: 5px; padding-left: 5px; color: #202020; background: #9fc0c9; } .bplitem { max-width: 800px; width: 95%; margin: 0em 0em 2em 0em; padding: 0em 0.5em 0em 0.5em; background-color: #f5f5f5; -webkit-border-radius: 10px 10px 0px 0px; border-radius: 10px 10px 0px 0px; -webkit-box-shadow: 10px 10px 5px #888888; box-shadow: 10px 10px 5px #888888; } .itemtitle { width: auto; margin: 0em; padding: 0px 0.75em 2px 0.5em; border-bottom: 1px solid #808080; } .articlebody { width: auto; margin: 0em -0.5em 0.5em -0.5em; padding: 1em; background-color: #e0e0e0; } .articlebody h2,p,img:first-child { margin-top: 0em; } .indexarea { width: 100%; max-width: 800px; margin: 1em 2em 1em 0.5em; padding: 0.5em; background-color: #d0d0d0; } .indextime { width: 9em; padding-right: 1em; padding-top: 0.5em; } .indexlink { padding-left: 1em; padding-top: 0.5em; } .FloaterBox {display: inline-block; vertical-align: top; padding: 5px;} .FloaterBox600 {min-width: 300px; max-width: 600px; padding: 5px; display: inline-block; vertical-align: top;} .FloaterBox400 {min-width: 200px; max-width: 400px; padding: 5px; display: inline-block; vertical-align: top;} .FloaterBox300 {min-width: 150px; max-width: 300px; padding: 5px; display: inline-block; vertical-align: top;} .FloaterBox200 {min-width: 100px; max-width: 200px; padding: 5px; display: inline-block; vertical-align: top;} .SectionDividerBar {width: 99%; color: #e9f4f4; background: #b9770e; padding: 0px 0px 0px 5px; margin-bottom: 5px; -webkit-border-radius: 0.25em; border-radius: 0.25em; font-size: 150%; font-weight: bold; font-variant: small-caps; -webkit-box-shadow: 2px 2px 5px 0px rgba(42,115,106,1); -moz-box-shadow: 2px 2px 5px 0px rgba(42,115,106,1); box-shadow: 2px 2px 5px 0px rgba(42,115,106,1);} .grooveborder {border: 2px groove #9fd0c9; padding: 3px; -webkit-border-radius: 10px; border-radius: 10px; } .grooveborderS {border: 2px groove #9fd0c9; padding: 3px} .OrnateGoldBorderL {border: 32px solid transparent; -webkit-border-image: url(/Images/CSS_Borders/gold_frame_ornate-landscape.png) 40 45 40 45 round; -moz-border-image: url(/Images/CSS_Borders/gold_frame_ornate-landscape.png) 40 45 40 45 round; -o-border-image: url(/Images/CSS_Borders/gold_frame_ornate-landscape.png) 40 45 40 45 round; border-image: url(/Images/CSS_Borders/gold_frame_ornate-landscape.png) 40 45 40 45 round;} .OrnateGoldBorderP {border: 32px solid transparent; -webkit-border-image: url(/Images/CSS_Borders/gold_frame_ornate-portrait.png) 45 40 45 40 round; -moz-border-image: url(/Images/CSS_Borders/gold_frame_ornate-portrait.png) 45 40 45 40 round; -o-border-image: url(/Images/CSS_Borders/gold_frame_ornate-portrait.png) 45 40 45 40 round; border-image: url(/Images/CSS_Borders/gold_frame_ornate-portrait.png) 45 40 45 40 round;} .OrnateGoldBorderLS {border: 16px solid transparent; -webkit-border-image: url(/Images/CSS_Borders/gold_frame_ornate-landscape-small.png) 20 23 20 23 round; -moz-border-image: url(/Images/CSS_Borders/gold_frame_ornate-landscape-small.png) 20 23 20 23 round; -o-border-image: url(/Images/CSS_Borders/gold_frame_ornate-landscape-small.png) 20 23 20 23 round; border-image: url(/Images/CSS_Borders/gold_frame_ornate-landscape-small.png) 20 23 20 23 round;} .OrnateGoldBorderPS {border: 16px solid transparent; -webkit-border-image: url(/Images/CSS_Borders/gold_frame_ornate-portrait-small.png) 23 20 23 20 round; -moz-border-image: url(/Images/CSS_Borders/gold_frame_ornate-portrait-small.png) 23 20 23 20 round; -o-border-image: url(/Images/CSS_Borders/gold_frame_ornate-portrait-small.png) 23 20 23 20 round; border-image: url(/Images/CSS_Borders/gold_frame_ornate-portrait-small.png) 23 20 23 20 round;} .ArtDecoBorderL {border: 32px solid transparent; -webkit-border-image: url(/Images/CSS_Borders/artdeco_frame-landscape.png) 80 round; -moz-border-image: url(/Images/CSS_Borders/artdeco_frame-landscape.png) 80 round; -o-border-image: url(/Images/CSS_Borders/artdeco_frame-landscape.png) 80 round; border-image: url(/Images/CSS_Borders/artdeco_frame-landscape.png) fill 80 round;} .ArtDecoBorderP {border: 32px solid transparent; -webkit-border-image: url(/Images/CSS_Borders/artdeco_frame-portrait.png) 80 round; -moz-border-image: url(/Images/CSS_Borders/artdeco_frame-portrait.png) 80 round; -o-border-image: url(/Images/CSS_Borders/artdeco_frame-portrait.png) 80 round; border-image: url(/Images/CSS_Borders/artdeco_frame-portrait.png) fill 80 round;} .ArtDecoBorderLS {border: 16px solid transparent; -webkit-border-image: url(/Images/CSS_Borders/artdeco_frame-landscape.png) 80 round; -moz-border-image: url(/Images/CSS_Borders/artdeco_frame-landscape.png) 80 round; -o-border-image: url(/Images/CSS_Borders/artdeco_frame-landscape.png) 80 round; border-image: url(/Images/CSS_Borders/artdeco_frame-landscape.png) fill 80 round;} .ArtDecoBorderPS {border: 16px solid transparent; -webkit-border-image: url(/Images/CSS_Borders/artdeco_frame-portrait.png) 80 round; -moz-border-image: url(/Images/CSS_Borders/artdeco_frame-portrait.png) 80 round; -o-border-image: url(/Images/CSS_Borders/artdeco_frame-portrait.png) 80 round; border-image: url(/Images/CSS_Borders/artdeco_frame-portrait.png) fill 80 round;} .PatrioticBorder1 {border: 36px solid transparent; -webkit-border-image: url(/Images/CSS_Borders/Patriotic_Border-1.png) 36 round; -moz-border-image: url(/Images/CSS_Borders/Patriotic_Border-1.png) 36 round; -o-border-image: url(/Images/CSS_Borders/Patriotic_Border-1.png) 36 round; border-image: url(/Images/CSS_Borders/Patriotic_Border-1.png) 36 round;} .PatrioticBorder2 {border: 18px solid transparent; -webkit-border-image: url(/Images/CSS_Borders/Patriotic_Border-1.png) 36 round; -moz-border-image: url(/Images/CSS_Borders/Patriotic_Border-1.png) 36 round; -o-border-image: url(/Images/CSS_Borders/Patriotic_Border-1.png) 36 round; border-image: url(/Images/CSS_Borders/Patriotic_Border-1.png) 36 round;} .HeartsBorder32 {border: 32px solid transparent; -webkit-border-image: url(/Images/CSS_Borders/Hearts_Border32.png) 32 round; -moz-border-image: url(/Images/CSS_Borders/Hearts_Border32.png) 32 round; -o-border-image: url(/Images/CSS_Borders/Hearts_Border32.png) 32 round; border-image: url(/Images/CSS_Borders/Hearts_Border32.png) 32 round;} .HeartsBorder16 {border: 16px solid transparent; -webkit-border-image: url(/Images/CSS_Borders/Hearts_Border16.png) 16 round; -moz-border-image: url(/Images/CSS_Borders/Hearts_Border16.png) 16 round; -o-border-image: url(/Images/CSS_Borders/Hearts_Border16.png) 16 round; border-image: url(/Images/CSS_Borders/Hearts_Border16.png) 16 round;} .OvalImage {-webkit-border-radius: 50%; border-radius: 50%;} .linkylink { padding: 0.1em 0.3em; max-width: 160px; white-space: nowrap; text-align: center; color: #e9f4f4; text-decoration: none; font-size: 125%; font-weight: bold; -webkit-border-radius: 0.5em; border-radius: 0.5em; background: #2a736a; -webkit-box-shadow: 2px 2px 5px 0px rgba(42,115,106,1); box-shadow: 2px 2px 5px 0px rgba(42,115,106,1);} .BackToTopButton { color: #9fd0c9; text-decoration: none; float: right; padding: 0px 5px 0px 0px;} li.OutOnWeb_Icon {list-style: none inside; padding-left: 40px; line-height: 1.75em; margin: 3px; background: url(../Images/Glyphs/internet-globe.png) left center no-repeat;} li.BPL_Icon {list-style: none inside; padding-left: 40px; line-height: 1.75em; margin: 3px; background: url(../Images/Glyphs/BPL-icon.png) left center no-repeat;} li.BeauPar_Icon {list-style: none inside; padding-left: 40px; line-height: 1.75em; margin: 3px; background: url(../Images/Glyphs/Beauregard_Parish-icon.png) left center no-repeat;} li.LouState_Icon {list-style: none inside; padding-left: 40px; line-height: 1.75em; margin: 3px; background: url(../Images/Glyphs/Louisiana_State-icon.png) left center no-repeat;} .navy {background-color: SkyBlue; color: Navy;} .army {background-color: DarkOliveGreen; color: DarkKhaki;} .airforce {background-color: MediumBlue; color: Gold;} .marine {background-color: DarkKhaki; color: FireBrick;} .coastguard {background-color: #007AA5; color: white;}