upgrade to different theme for main webpage
This commit is contained in:
@@ -0,0 +1,214 @@
|
||||
body
|
||||
background-color: #333
|
||||
margin: 0
|
||||
padding: 0
|
||||
background-image: image-url('theme1/footer-bg.jpg')
|
||||
background-position: center top
|
||||
.header-nav-banner
|
||||
background-image: image-url('theme1/header.jpg')
|
||||
background-position: center 25px
|
||||
#header-wrap
|
||||
#ceiling
|
||||
position: relative
|
||||
width: 100%
|
||||
background-image: image-url('theme1/ceiling-center.jpg')
|
||||
background-position: top center
|
||||
background-repeat: no-repeat
|
||||
.left
|
||||
background-image: image-url('theme1/ceiling-left.jpg')
|
||||
background-position: right top
|
||||
background-repeat: repeat-x
|
||||
height: 25px
|
||||
position: absolute
|
||||
left: 0
|
||||
width: 50%
|
||||
.right
|
||||
background-image: image-url('theme1/ceiling-right.jpg')
|
||||
background-position: left top
|
||||
background-repeat: repeat-x
|
||||
height: 25px
|
||||
position: absolute
|
||||
right: 0
|
||||
width: 50%
|
||||
.lights
|
||||
position: absolute
|
||||
height: 140px
|
||||
width: 990px
|
||||
left: 50%
|
||||
margin-left: -495px
|
||||
div
|
||||
position: relative
|
||||
background-repeat: no-repeat
|
||||
width: 315px
|
||||
height: 140px
|
||||
float: left
|
||||
z-index: 2
|
||||
&.light1
|
||||
background-image: image-url('theme1/light-1.jpg')
|
||||
margin-left: 15px
|
||||
margin-right: 2px
|
||||
&.light2
|
||||
background-image: image-url('theme1/light-2.jpg')
|
||||
margin-right: 3px
|
||||
&.light3
|
||||
background-image: image-url('theme1/light-3.jpg')
|
||||
.container
|
||||
width: 960px
|
||||
padding-top: 60px
|
||||
position: relative
|
||||
z-index: 4
|
||||
margin: 0 auto
|
||||
#header
|
||||
margin-bottom: 20px
|
||||
height: 74px
|
||||
a
|
||||
margin: 20px
|
||||
#nav-wrap
|
||||
.container
|
||||
clear: both
|
||||
overflow: hidden
|
||||
z-index: 100
|
||||
width: 900px
|
||||
height: 48px
|
||||
padding: 11px 25px 24px 25px
|
||||
background-image: image-url('theme1/nav-bar.png')
|
||||
background-repeat: no-repeat
|
||||
background-position: 0 0
|
||||
margin: 0 auto
|
||||
ul.nav
|
||||
float: left
|
||||
margin: 0
|
||||
padding: 0
|
||||
list-style: none
|
||||
li
|
||||
position: relative
|
||||
float: left
|
||||
list-style: none
|
||||
a
|
||||
border: 0
|
||||
color: white
|
||||
display: block
|
||||
float: left
|
||||
font-family: 'Pacifico',serif
|
||||
font-size: 18px
|
||||
height: 46px
|
||||
line-height: 46px
|
||||
margin: 0 10px
|
||||
padding: 0 20px
|
||||
text-shadow: 0 2px 2px rgba(0, 0, 0, 0.5)
|
||||
#banner-wrap
|
||||
z-index: 2
|
||||
position: relative
|
||||
.left
|
||||
position: absolute
|
||||
bottom: 0
|
||||
left: 0
|
||||
background-image: image-url('theme1/floor-left.jpg')
|
||||
background-position: right
|
||||
height: 48px
|
||||
width: 50%
|
||||
.right
|
||||
position: absolute
|
||||
bottom: 0
|
||||
right: 0
|
||||
background-image: image-url('theme1/floor-right.jpg')
|
||||
background-position: left
|
||||
height: 48px
|
||||
width: 50%
|
||||
.container
|
||||
background-image: image-url('theme1/floor-center.jpg')
|
||||
background-position: center bottom
|
||||
background-repeat: no-repeat
|
||||
margin: 0 auto
|
||||
width: 982px
|
||||
#banner
|
||||
background-image: image-url('theme1/banner-bg.png')
|
||||
background-position: 2px bottom
|
||||
background-repeat: no-repeat
|
||||
padding-bottom: 38px
|
||||
position: relative
|
||||
width: 982px
|
||||
.wsite-header
|
||||
border: 10px solid white
|
||||
margin-left: 61px
|
||||
width: 840px
|
||||
height: 260px
|
||||
background-image: image-url('theme1/banner-tall.jpg')
|
||||
#main-wrap
|
||||
font-size: 14px
|
||||
font-family: Georgia, serif
|
||||
line-height: 1.5
|
||||
color: #848585
|
||||
h1
|
||||
font-size: 28px
|
||||
padding: 0.5em 0 0.2em 0
|
||||
line-height: 1.4
|
||||
font-family: 'Pacifico', serif
|
||||
color: #AE571F
|
||||
h2
|
||||
font-size: 24px
|
||||
padding: 0.5em 0 0.2em 0
|
||||
line-height: 1.2
|
||||
font-family: 'Pacifico', serif
|
||||
color: #AE571F
|
||||
|
||||
|
||||
background-image: image-url('theme1/wall-bg.jpg')
|
||||
background-position: center
|
||||
overflow: visible
|
||||
z-index: 2
|
||||
position: relative
|
||||
.container
|
||||
background-image: image-url('theme1/content-bg.png')
|
||||
background-position: 2px
|
||||
min-height: 400px
|
||||
margin: 0 auto
|
||||
width: 974px
|
||||
.content-top
|
||||
width: 960px
|
||||
height: 30px
|
||||
margin-left: 9px
|
||||
background-image: image-url('theme1/content-top.jpg')
|
||||
.main-inner
|
||||
width: 894px
|
||||
padding: 0 40px 30px 40px
|
||||
#wsite-content
|
||||
#footer-wrap
|
||||
color: white
|
||||
background-image: image-url('theme1/footer-bg.jpg')
|
||||
background-position: center
|
||||
text-align: right
|
||||
overflow: visible
|
||||
.footer-shadow
|
||||
height: 72px
|
||||
width: 100%
|
||||
background-image: image-url('theme1/footer-top-shadow.png')
|
||||
background-repeat: repeat-x
|
||||
position: relative
|
||||
z-index: 4
|
||||
.container
|
||||
background-color: #420F03
|
||||
width: 838px
|
||||
padding: 72px 30px 20px 30px
|
||||
position: relative
|
||||
top: -72px
|
||||
z-index: 3
|
||||
overflow: visible
|
||||
margin: 0 auto
|
||||
.footer-top
|
||||
width: 974px
|
||||
height: 4px
|
||||
position: relative
|
||||
top: -72px
|
||||
left: -60px
|
||||
overflow: visible
|
||||
background-image: image-url('theme1/footer-top.png')
|
||||
.bottom
|
||||
background-image: image-url('theme1/footer-bottom.png')
|
||||
width: 898px
|
||||
height: 35px
|
||||
position: relative
|
||||
bottom: -35px
|
||||
left: -30px
|
||||
overflow: visible
|
||||
|
||||
Reference in New Issue
Block a user