From: Steve Sutton Date: Mon, 11 May 2015 18:23:40 +0000 (-0400) Subject: update background image X-Git-Tag: v1.1.9^2 X-Git-Url: http://cvs2.gaslightmedia.com/gitweb/?a=commitdiff_plain;h=4999089e7a28cb6ed7b57d2c16f22cac0f5b5354;p=web%2FCityofMI.git update background image Redo the style sheet as a unix file not dos. Setup new background image. --- diff --git a/assets/bg-2.jpg b/assets/bg-2.jpg new file mode 100644 index 0000000..9d377a3 Binary files /dev/null and b/assets/bg-2.jpg differ diff --git a/styles.css b/styles.css index 4fffc63..5897f83 100755 --- a/styles.css +++ b/styles.css @@ -1,521 +1,521 @@ -#slideshow { - position: relative; - } -#home #slider-wrapper { - position: absolute !important; - top: 0; - left: 0; - } - -nav.tab-bar a #logoTop { - margin-left: 60px; - max-height: 95%; - margin-bottom: 1%; - } - -ShadowWhenNeeded { - box-shadow: 0 0 10px rgba(0, 0, 0, .5); - --webkit-box-shadow: 8px 0 6px -6px rgba(0, 0, 0, .5), -8px 0 6px -6px rgba(0, 0, 0, .5); - -moz-box-shadow: 8px 0 6px -6px rgba(0, 0, 0, .5), -8px 0 6px -6px rgba(0, 0, 0, .5); - box-shadow: 8px 0 6px -6px rgba(0, 0, 0, .5), -8px 0 6px -6px rgba(0, 0, 0, .5); - - width: 62.5rem; - margin: 0 auto; - } -body { - background-color: #e8e5db; - background-image: url(assets/bg.jpg); - background-size: cover; - background-attachment: fixed; - font-size: 1.3rem; - font-size: 13px; - } -.row { - background-color: white; - } -#header { - position: relative; - } -a { - text-decoration: underline; - } -a:hover { - color: black; - } -img { - border: 0; - } -/* Logo */ -#logo { - margin-left: -27px; - margin-top: 38px; - } -/* Search Form*/ -#search { - position: absolute; - top: 18px; - right: 15px; - width: 200px; - height: 20px; - } -#search form { - position: relative; - margin: 0; - padding: 0; - border: 1px solid #ccc; - display: block; - height: 22px; - } -#search input { - position: absolute; - border: 0; - } - -#searchText { - width: 180px; - top: 0; - left: 0; - margin: 0; - padding: 0; - padding-left: 5px; - height: 20px; - } -#searchSubmit { - top: 2px; - right: 1px; - height: 16px; - width: 17px; - background: url(assets/spyglass.png) no-repeat scroll transparent; - text-indent: -9999px; - border: 0; - cursor: pointer; - } -#searchSubmitSide { - font-size: 14px; - margin-left: 75px; - margin-right: auto; - background: #477645; - border: 1px whitesmoke solid; - cursor: pointer; - } -/* Navigation */ -/* For larger than Small */ -@media only screen and (min-width: 56em) { -#header nav { - margin-top: -55px; - } - } -#header nav { - margin-left: -0.9375rem; - margin-right: -0.9375rem; - background-image: url(assets/navBg.png); - padding-right: 40px; - } -#header nav ul, #header nav li { - list-style-type: none; - margin: 0; - padding: 0; - } -#header nav ul { - float: right; - display: inline-table; - } -#header nav ul ul { - display: none; - } -#header>nav>ul>li { - float: left; - } -#header nav a { - line-height: 26px; - color: white; - display: block; - padding: 20px; - text-decoration: none; - } -#header nav ul ul a { - padding: 5px 10px; - } -#header nav a:hover { - background: rgba(255, 255, 255, .2); - } -/* Slideshow */ -#testImg { - visibility: hidden; - } -#homeSlide { - padding-top: 15px; - } -#slideshow ul, #slideshow li { - list-style-type: none; - margin: 0; - padding: 0; - display: block; - } -/* Toolbox */ -#toolbox { - margin-bottom: 50px; - margin-right: 40px; - } -#home #toolbox { - margin-left: 45px; - } -/* For Small */ -@media only screen { - #toolbox.nosideNav { - margin-left: 0; - } - } -/* For larger than Small */ -@media only screen and (min-width: 40.063em) { - #toolbox.nosideNav { - margin-left: 50px; - } - } -#toolbox h1, -#toolbox h2 { - font-family: Constantia, "Lucida Bright", Lucidabright, "Lucida Serif", Lucida, "DejaVu Serif", "Bitstream Vera Serif", "Liberation Serif", Georgia, serif; - font-size: 22px; - color: #477645; - } -#toolbox .listing { - margin-top: 2em; - } -/* For Small */ -@media only screen { - .imageleft, .imageright { - float: none; - width: 100%; - } - - } -/* For larger than Small */ -@media only screen and (min-width: 40.063em) { - .imageleft { - float: left; - margin: 0 20px 20px 0; - width: auto; - } - .imageright { - float: right; - margin: 0 0 20px 20px; - width: auto; - } - } -.imagecaption { - font-size: 12px; - font-style: italic; - padding: 10px; - } -/* Homepage Blocks */ -#hHlines { - margin: 0 45px; - } -#hHlines ul, #hHlines li { - margin: 0; - /* padding: 0; */ - list-style-type: none; - display: block; - } -.hHlinesItem a { - display: block; - color: white; - position: relative; - } -.hHlinesItem img { - display: block; - z-index: 100; - } -.hHlinesItem i { - font-style: normal; - font-weight: bold; - text-align: right; - line-height: 30px; - display: block; - background: rgba(36,104,144, .8); - position: absolute; - bottom: 0; - z-index: 100; - padding: 5px 10px; - width: 100%; - } -.hHlinesItem a:hover i { - background: rgba(36,104,144, .9); - } -@media only screen and (max-width: 40em) { - #hHlines { - margin: 0 12px; - } - } -/* Footer */ -#footer { - border-top: 4px solid #477645; - background: #3e98bb; - font-size: 13px; - color: white; - } -#footer>div { - margin: 1em 0; - border-right: 1px solid #6fb4ce; - } -#footer>div:nth-child(2) { - margin-bottom: 3em; - } -#footer div div { - padding: .5em 0; - line-height: 1.2em; - } -#footer a { - color: #aaceaf; - display: block; - text-decoration: underline; - text-shadow: 1px 1px 1px rgba(0, 0, 0, .2); - } -#footer a:hover { - color: #ddd; - } -#footer i { - font-style: normal; - display: block; - } -#footer div#copyright p { - font-size: 12px; - text-align: center; - } -#footer div#copyright a { - display: inline; - } -#footer div div :first-child { - font-weight: bold; - } -/* Events */ -#eventHomeColumn { - padding-left: 0; - } -#homepage_events_wrapper { - background: #216083; - } -#eventCalendarWrapper { - clear: left; - } -#cEventMeetings, -#cEventMore { - line-height: 26px; - float: left; - width: 50%; - font-size: 12px; - color: white; - text-align: center; - } -#cEventMore a { - color: white; - background: #318bc0; - display: block; - text-decoration: none; - } -#eventCalendar table { - background: #216083; - border: 0; - margin: 0 auto; - } -#eventCalendar .monthname, -#eventCalendar .calLink { - color: white; - } -#eventCalendar td { - background: #fff; - font-size: 12px; - padding: 8px 7px; - } -@media only screen and (max-width: 56em) { - #eventCalendar td { - padding: 5px; - } - } -@media only screen and (max-width: 53em) { - #eventCalendar table { - display: none; - } - } -#eventCalendar th { - padding: 2px; - } -#eventCalendar table, -#eventCalendar tr, -#eventCalendar th, -#eventCalendar td { - border-collapse: collapse; - } -#eventCalendar td a { - font-weight: bold; - display: block; - } -#eventItemWrapper { - padding: 0 10px; - } -@media only screen and (max-width: 60em) { - #eventItemWrapper a:nth-child(4) { - display: none; - } - } -@media only screen and (max-width: 51em) { - #eventItemWrapper a:nth-child(4) { - display: block; - } - } -#eventItemWrapper span { - color: white; - font-size: 12px; - line-height: 1.4em; - } -.cEventItem { - display: block; - } -#eventItemWrapper a { - text-decoration: none; - padding: 8px 0; - display: block; - clear: both; - } -#eventItemWrapper a:hover { - text-decoration: underline; - color: white; - } -#eventItemWrapper a:last-child { - color: white; - font-size: 12px; - text-decoration: underline; - } -#eventItemWrapper .cEventTitle, -#eventItemWrapper .cEventDate, -#eventItemWrapper .cEventTimes, -#eventItemWrapper .cEventDescription { - display: block; - font-size: 12px; - } -#eventItemWrapper .cEventTitle { - font-weight: bold; - font-size: 14px; - } -.cEventDate { - float: left; - } -.cEventTimes { - float: right; - } -/* Subnav */ -#subnav { - /* width: 223px; */ - background-color: rgb(43, 133, 168); - border: 2px solid white; - box-shadow: 1px 1px 2px rgba(0, 0, 0, .5); - margin-bottom: 20px; - } -#subnav h2 { - color: white; - font-size: 22px; - text-align: center; - margin: .5em 15px; - border-bottom: 1px solid #ddd; - } -#subnav a { - color: white; - display: block; - text-decoration: none; - line-height: 1.1em; - padding: 3px 0; - font-size: 15px; - } -#subnav a:hover { - color: #9dc6af; - text-shadow: 1px 1px #000; - } -#subnav a#current { - background: url(assets/subnavMarker.png) no-repeat left top; - padding-left: 14px; - } -#subnav ul, -#subnav li { - list-style-type: none; - margin: 0; - padding: 0; - } -#subnav ul { - margin: 15px; - } -#subnav li { - display: block; - } - -/* 2xsub */ -#subnav ul ul { - margin: 0; - } -#subnav ul ul a { - padding-left: 25px; - } -#subnav ul ul a#current { - padding-left: 25px; - background: url(assets/subnavMarker.png) no-repeat 11px top; - } -/* 3xsub */ -#subnav ul ul ul { - margin: 0; - } -#subnav ul ul ul a { - padding-left: 35px; - } -#subnav ul ul ul a#current { - padding-left: 35px; - background: url(assets/subnavMarker.png) no-repeat 22px top; - } -/* end subsub */ -#main { - margin-top: 16px; - clear: both; - } -#breadcrumbs { - font-size: 12px; - color: rgba(0, 0, 0, .5); - margin-bottom: 2em; - } -/* Image Upload Icons */ -.file-download, .download { - background-repeat: no-repeat; - background-position: left; - padding: 1px 2px; - padding-left: 22px; - position: relative; - margin-right: 10px; - margin-bottom: 5px; - display: block; - clear: left; - } -.avi { background-image: url("http://app.gaslightmedia.com/QuickSite/images/file-ext/avi.gif");} -.doc { background-image: url("http://app.gaslightmedia.com/QuickSite/images/file-ext/doc.gif");} -.gif { background-image: url("http://app.gaslightmedia.com/QuickSite/images/file-ext/gif.gif");} -.html { background-image: url("http://app.gaslightmedia.com/QuickSite/images/file-ext/html.gif");} -.jpg { background-image: url("http://app.gaslightmedia.com/QuickSite/images/file-ext/jpg.gif");} -.mov { background-image: url("http://app.gaslightmedia.com/QuickSite/images/file-ext/mov.gif");} -.mp3 { background-image: url("http://app.gaslightmedia.com/QuickSite/images/file-ext/mp3.gif");} -.pdf { background-image: url("http://app.gaslightmedia.com/QuickSite/images/file-ext/pdf.png");} -.ppt { background-image: url("http://app.gaslightmedia.com/QuickSite/images/file-ext/ppt.gif");} -.txt { background-image: url("http://app.gaslightmedia.com/QuickSite/images/file-ext/txt.png");} -.wmv { background-image: url("http://app.gaslightmedia.com/QuickSite/images/file-ext/wmv.gif");} -.xls { background-image: url("http://app.gaslightmedia.com/QuickSite/images/file-ext/xls.gif");} -.zip { background-image: url("http://app.gaslightmedia.com/QuickSite/images/file-ext/zip.png");} -.download { - background-image: url("http://app.gaslightmedia.com/QuickSite/images/file-ext/download.gif"); - clear: none; - background-repeat: no-repeat; -} - - - - - - - - - +#slideshow { + position: relative; + } +#home #slider-wrapper { + position: absolute !important; + top: 0; + left: 0; + } + +nav.tab-bar a #logoTop { + margin-left: 60px; + max-height: 95%; + margin-bottom: 1%; + } + +ShadowWhenNeeded { + box-shadow: 0 0 10px rgba(0, 0, 0, .5); + +-webkit-box-shadow: 8px 0 6px -6px rgba(0, 0, 0, .5), -8px 0 6px -6px rgba(0, 0, 0, .5); + -moz-box-shadow: 8px 0 6px -6px rgba(0, 0, 0, .5), -8px 0 6px -6px rgba(0, 0, 0, .5); + box-shadow: 8px 0 6px -6px rgba(0, 0, 0, .5), -8px 0 6px -6px rgba(0, 0, 0, .5); + + width: 62.5rem; + margin: 0 auto; + } +body { + background-color: #e8e5db; + background-image: url(assets/bg-2.jpg) + background-size: cover; + background-attachment: fixed; + font-size: 1.3rem; + font-size: 13px; + } +.row { + background-color: white; + } +#header { + position: relative; + } +a { + text-decoration: underline; + } +a:hover { + color: black; + } +img { + border: 0; + } +/* Logo */ +#logo { + margin-left: -27px; + margin-top: 38px; + } +/* Search Form*/ +#search { + position: absolute; + top: 18px; + right: 15px; + width: 200px; + height: 20px; + } +#search form { + position: relative; + margin: 0; + padding: 0; + border: 1px solid #ccc; + display: block; + height: 22px; + } +#search input { + position: absolute; + border: 0; + } + +#searchText { + width: 180px; + top: 0; + left: 0; + margin: 0; + padding: 0; + padding-left: 5px; + height: 20px; + } +#searchSubmit { + top: 2px; + right: 1px; + height: 16px; + width: 17px; + background: url(assets/spyglass.png) no-repeat scroll transparent; + text-indent: -9999px; + border: 0; + cursor: pointer; + } +#searchSubmitSide { + font-size: 14px; + margin-left: 75px; + margin-right: auto; + background: #477645; + border: 1px whitesmoke solid; + cursor: pointer; + } +/* Navigation */ +/* For larger than Small */ +@media only screen and (min-width: 56em) { +#header nav { + margin-top: -55px; + } + } +#header nav { + margin-left: -0.9375rem; + margin-right: -0.9375rem; + background-image: url(assets/navBg.png); + padding-right: 40px; + } +#header nav ul, #header nav li { + list-style-type: none; + margin: 0; + padding: 0; + } +#header nav ul { + float: right; + display: inline-table; + } +#header nav ul ul { + display: none; + } +#header>nav>ul>li { + float: left; + } +#header nav a { + line-height: 26px; + color: white; + display: block; + padding: 20px; + text-decoration: none; + } +#header nav ul ul a { + padding: 5px 10px; + } +#header nav a:hover { + background: rgba(255, 255, 255, .2); + } +/* Slideshow */ +#testImg { + visibility: hidden; + } +#homeSlide { + padding-top: 15px; + } +#slideshow ul, #slideshow li { + list-style-type: none; + margin: 0; + padding: 0; + display: block; + } +/* Toolbox */ +#toolbox { + margin-bottom: 50px; + margin-right: 40px; + } +#home #toolbox { + margin-left: 45px; + } +/* For Small */ +@media only screen { + #toolbox.nosideNav { + margin-left: 0; + } + } +/* For larger than Small */ +@media only screen and (min-width: 40.063em) { + #toolbox.nosideNav { + margin-left: 50px; + } + } +#toolbox h1, +#toolbox h2 { + font-family: Constantia, "Lucida Bright", Lucidabright, "Lucida Serif", Lucida, "DejaVu Serif", "Bitstream Vera Serif", "Liberation Serif", Georgia, serif; + font-size: 22px; + color: #477645; + } +#toolbox .listing { + margin-top: 2em; + } +/* For Small */ +@media only screen { + .imageleft, .imageright { + float: none; + width: 100%; + } + + } +/* For larger than Small */ +@media only screen and (min-width: 40.063em) { + .imageleft { + float: left; + margin: 0 20px 20px 0; + width: auto; + } + .imageright { + float: right; + margin: 0 0 20px 20px; + width: auto; + } + } +.imagecaption { + font-size: 12px; + font-style: italic; + padding: 10px; + } +/* Homepage Blocks */ +#hHlines { + margin: 0 45px; + } +#hHlines ul, #hHlines li { + margin: 0; + /* padding: 0; */ + list-style-type: none; + display: block; + } +.hHlinesItem a { + display: block; + color: white; + position: relative; + } +.hHlinesItem img { + display: block; + z-index: 100; + } +.hHlinesItem i { + font-style: normal; + font-weight: bold; + text-align: right; + line-height: 30px; + display: block; + background: rgba(36,104,144, .8); + position: absolute; + bottom: 0; + z-index: 100; + padding: 5px 10px; + width: 100%; + } +.hHlinesItem a:hover i { + background: rgba(36,104,144, .9); + } +@media only screen and (max-width: 40em) { + #hHlines { + margin: 0 12px; + } + } +/* Footer */ +#footer { + border-top: 4px solid #477645; + background: #3e98bb; + font-size: 13px; + color: white; + } +#footer>div { + margin: 1em 0; + border-right: 1px solid #6fb4ce; + } +#footer>div:nth-child(2) { + margin-bottom: 3em; + } +#footer div div { + padding: .5em 0; + line-height: 1.2em; + } +#footer a { + color: #aaceaf; + display: block; + text-decoration: underline; + text-shadow: 1px 1px 1px rgba(0, 0, 0, .2); + } +#footer a:hover { + color: #ddd; + } +#footer i { + font-style: normal; + display: block; + } +#footer div#copyright p { + font-size: 12px; + text-align: center; + } +#footer div#copyright a { + display: inline; + } +#footer div div :first-child { + font-weight: bold; + } +/* Events */ +#eventHomeColumn { + padding-left: 0; + } +#homepage_events_wrapper { + background: #216083; + } +#eventCalendarWrapper { + clear: left; + } +#cEventMeetings, +#cEventMore { + line-height: 26px; + float: left; + width: 50%; + font-size: 12px; + color: white; + text-align: center; + } +#cEventMore a { + color: white; + background: #318bc0; + display: block; + text-decoration: none; + } +#eventCalendar table { + background: #216083; + border: 0; + margin: 0 auto; + } +#eventCalendar .monthname, +#eventCalendar .calLink { + color: white; + } +#eventCalendar td { + background: #fff; + font-size: 12px; + padding: 8px 7px; + } +@media only screen and (max-width: 56em) { + #eventCalendar td { + padding: 5px; + } + } +@media only screen and (max-width: 53em) { + #eventCalendar table { + display: none; + } + } +#eventCalendar th { + padding: 2px; + } +#eventCalendar table, +#eventCalendar tr, +#eventCalendar th, +#eventCalendar td { + border-collapse: collapse; + } +#eventCalendar td a { + font-weight: bold; + display: block; + } +#eventItemWrapper { + padding: 0 10px; + } +@media only screen and (max-width: 60em) { + #eventItemWrapper a:nth-child(4) { + display: none; + } + } +@media only screen and (max-width: 51em) { + #eventItemWrapper a:nth-child(4) { + display: block; + } + } +#eventItemWrapper span { + color: white; + font-size: 12px; + line-height: 1.4em; + } +.cEventItem { + display: block; + } +#eventItemWrapper a { + text-decoration: none; + padding: 8px 0; + display: block; + clear: both; + } +#eventItemWrapper a:hover { + text-decoration: underline; + color: white; + } +#eventItemWrapper a:last-child { + color: white; + font-size: 12px; + text-decoration: underline; + } +#eventItemWrapper .cEventTitle, +#eventItemWrapper .cEventDate, +#eventItemWrapper .cEventTimes, +#eventItemWrapper .cEventDescription { + display: block; + font-size: 12px; + } +#eventItemWrapper .cEventTitle { + font-weight: bold; + font-size: 14px; + } +.cEventDate { + float: left; + } +.cEventTimes { + float: right; + } +/* Subnav */ +#subnav { + /* width: 223px; */ + background-color: rgb(43, 133, 168); + border: 2px solid white; + box-shadow: 1px 1px 2px rgba(0, 0, 0, .5); + margin-bottom: 20px; + } +#subnav h2 { + color: white; + font-size: 22px; + text-align: center; + margin: .5em 15px; + border-bottom: 1px solid #ddd; + } +#subnav a { + color: white; + display: block; + text-decoration: none; + line-height: 1.1em; + padding: 3px 0; + font-size: 15px; + } +#subnav a:hover { + color: #9dc6af; + text-shadow: 1px 1px #000; + } +#subnav a#current { + background: url(assets/subnavMarker.png) no-repeat left top; + padding-left: 14px; + } +#subnav ul, +#subnav li { + list-style-type: none; + margin: 0; + padding: 0; + } +#subnav ul { + margin: 15px; + } +#subnav li { + display: block; + } + +/* 2xsub */ +#subnav ul ul { + margin: 0; + } +#subnav ul ul a { + padding-left: 25px; + } +#subnav ul ul a#current { + padding-left: 25px; + background: url(assets/subnavMarker.png) no-repeat 11px top; + } +/* 3xsub */ +#subnav ul ul ul { + margin: 0; + } +#subnav ul ul ul a { + padding-left: 35px; + } +#subnav ul ul ul a#current { + padding-left: 35px; + background: url(assets/subnavMarker.png) no-repeat 22px top; + } +/* end subsub */ +#main { + margin-top: 16px; + clear: both; + } +#breadcrumbs { + font-size: 12px; + color: rgba(0, 0, 0, .5); + margin-bottom: 2em; + } +/* Image Upload Icons */ +.file-download, .download { + background-repeat: no-repeat; + background-position: left; + padding: 1px 2px; + padding-left: 22px; + position: relative; + margin-right: 10px; + margin-bottom: 5px; + display: block; + clear: left; + } +.avi { background-image: url("http://app.gaslightmedia.com/QuickSite/images/file-ext/avi.gif");} +.doc { background-image: url("http://app.gaslightmedia.com/QuickSite/images/file-ext/doc.gif");} +.gif { background-image: url("http://app.gaslightmedia.com/QuickSite/images/file-ext/gif.gif");} +.html { background-image: url("http://app.gaslightmedia.com/QuickSite/images/file-ext/html.gif");} +.jpg { background-image: url("http://app.gaslightmedia.com/QuickSite/images/file-ext/jpg.gif");} +.mov { background-image: url("http://app.gaslightmedia.com/QuickSite/images/file-ext/mov.gif");} +.mp3 { background-image: url("http://app.gaslightmedia.com/QuickSite/images/file-ext/mp3.gif");} +.pdf { background-image: url("http://app.gaslightmedia.com/QuickSite/images/file-ext/pdf.png");} +.ppt { background-image: url("http://app.gaslightmedia.com/QuickSite/images/file-ext/ppt.gif");} +.txt { background-image: url("http://app.gaslightmedia.com/QuickSite/images/file-ext/txt.png");} +.wmv { background-image: url("http://app.gaslightmedia.com/QuickSite/images/file-ext/wmv.gif");} +.xls { background-image: url("http://app.gaslightmedia.com/QuickSite/images/file-ext/xls.gif");} +.zip { background-image: url("http://app.gaslightmedia.com/QuickSite/images/file-ext/zip.png");} +.download { + background-image: url("http://app.gaslightmedia.com/QuickSite/images/file-ext/download.gif"); + clear: none; + background-repeat: no-repeat; +} + + + + + + + + + diff --git a/templates/template.html b/templates/template.html index 3040023..abab95b 100755 --- a/templates/template.html +++ b/templates/template.html @@ -7,7 +7,7 @@ {pageTitle:h} {styles:h} - + {topScripts:h}