|
|
Line 71: |
Line 71: |
| #wrapper { | | #wrapper { |
| overflow: hidden; | | overflow: hidden; |
- | background: #F1F2E9; | + | background: #5C5B5B; |
| } | | } |
| | | |
Line 147: |
Line 147: |
| overflow: hidden; | | overflow: hidden; |
| padding: 0px 0px 50px 0px; | | padding: 0px 0px 50px 0px; |
- | border-bottom: 1px dashed #E7E2DC; | + | border-bottom: 1px dashed #E7E7E7; |
| letter-spacing: -3px; | | letter-spacing: -3px; |
| text-align: center; | | text-align: center; |
Line 154: |
Line 154: |
| | | |
| #splash span { | | #splash span { |
- | color: #313131; | + | color: #E7E7E7; |
| } | | } |
| | | |
Line 182: |
Line 182: |
| padding: 6px 5px 2px 5px; | | padding: 6px 5px 2px 5px; |
| border: 1px solid #DEDEDE; | | border: 1px solid #DEDEDE; |
- | background: #FFFFFF; | + | background: #E7E7E7; |
| text-transform: lowercase; | | text-transform: lowercase; |
| font: normal 11px Arial, Helvetica, sans-serif; | | font: normal 11px Arial, Helvetica, sans-serif; |
Line 192: |
Line 192: |
| height: 22px; | | height: 22px; |
| border: none; | | border: none; |
- | background: #B9B9B9; | + | background: #E7E7E7; |
| color: #000000; | | color: #000000; |
| } | | } |
Line 202: |
Line 202: |
| height: 52px; | | height: 52px; |
| margin-bottom: 2em; | | margin-bottom: 2em; |
- | background: #3C342E; | + | background: #E7E7E7; |
| } | | } |
| | | |
Line 233: |
Line 233: |
| font-family: 'Oswald', sans-serif; | | font-family: 'Oswald', sans-serif; |
| font-size: 14px; | | font-size: 14px; |
- | font-weight: 300; | + | font-weight: 500; |
- | color: #FFFFFF; | + | color: #56273F; |
| } | | } |
| | | |
| #menu a:hover, #menu .current_page_item a { | | #menu a:hover, #menu .current_page_item a { |
- | background: #DE5635; | + | background: #C61A70; |
| text-decoration: none; | | text-decoration: none; |
| color: #FFFFFF; | | color: #FFFFFF; |
Line 318: |
Line 318: |
| color: #FFFFFF; | | color: #FFFFFF; |
| } | | } |
- |
| |
| .comments { | | .comments { |
| display: block; | | display: block; |
Line 325: |
Line 324: |
| height: 25px; | | height: 25px; |
| padding: 2px 0px 0px 0px; | | padding: 2px 0px 0px 0px; |
- | background: url(images/img08.jpg) no-repeat left top; | + | background: none; |
| text-align: center; | | text-align: center; |
| color: #FFFFFF; | | color: #FFFFFF; |
| + | |
| } | | } |
| | | |
Line 333: |
Line 333: |
| | | |
| #sidebar { | | #sidebar { |
- | float: right; | + | float: left; |
- | width: 384px; | + | width: 200px; |
| margin: 0px; | | margin: 0px; |
| padding: 0px 0px 0px 0px; | | padding: 0px 0px 0px 0px; |
- | color: #787878; | + | color: #F7F7F7; |
| } | | } |
| | | |
| #sidebar h2 { | | #sidebar h2 { |
- | margin: 0px 0px 30px 0px; | + | margin: 0px 0px 0px 0px; |
- | padding: 0px 0px 10px 0px; | + | padding: 40px 0px 5px 0px; |
- | border-bottom: 3px solid #E0E1D6; | + | border-bottom: none; |
- | text-shadow: 1px 1px 0px #FFFFFF; | + | text-shadow: none; |
- | font-size: 26px; | + | font-size: 20px; |
- | color: #373737; | + | color: #56273F; |
| } | | } |
| | | |
Line 382: |
Line 382: |
| #footer-bg { | | #footer-bg { |
| overflow: hidden; | | overflow: hidden; |
- | padding: 70px 0px; | + | padding: 20px 20px; |
- | background: #3C342E; | + | background: #F7F7F7; |
- | border-top: 10px solid #E5E6DD; | + | border-top: 10px solid #E7E7E7; |
| + | margin |
| } | | } |
| | | |
| #footer-content { | | #footer-content { |
| } | | } |
- |
| |
| #footer-content h2 { | | #footer-content h2 { |
- | margin: 0px 0px 20px 0px; | + | float: justify; |
- | padding: 0px 0px 10px 0px; | + | margin: 0px 0px 0px 0px; |
- | border-bottom: 2px solid #DE5635; | + | padding: 20px 20px 10px 0px; |
| + | border-bottom: 3px solid #DD6FFF; |
| font-size: 22px; | | font-size: 22px; |
| color: #FFFFFF; | | color: #FFFFFF; |
| + | |
| } | | } |
- |
| |
| #column1 { | | #column1 { |
| float: left; | | float: left; |
| width: 384px; | | width: 384px; |
- | margin-right: 20px; | + | margin-right: 23px; |
| } | | } |
| | | |
Line 410: |
Line 411: |
| | | |
| #column3 { | | #column3 { |
- | float: right; | + | float: left; |
| width: 384px; | | width: 384px; |
| + | margin-left: 23px; |
| } | | } |
- |
| |
| /* Footer */ | | /* Footer */ |
| | | |
Line 419: |
Line 420: |
| height: 100px; | | height: 100px; |
| margin: 0 auto; | | margin: 0 auto; |
- | padding: 50px 0px 0px 0px; | + | padding: 0px 0px 0px 0px; |
| } | | } |
- |
| |
| #footer p { | | #footer p { |
| margin: 0; | | margin: 0; |
| padding-top: 10px; | | padding-top: 10px; |
| line-height: normal; | | line-height: normal; |
- | text-align: center; | + | text-align: justify; |
| text-shadow: 1px 1px 0px #FFFFFF; | | text-shadow: 1px 1px 0px #FFFFFF; |
- | color: #909090; | + | color: #E7E7E7; |
| + | |
| } | | } |
| | | |
Line 438: |
Line 439: |
| #footer a:hover { | | #footer a:hover { |
| text-decoration: none; | | text-decoration: none; |
- | color: #383838; | + | color: #DD6FFF; |
| } | | } |
| | | |
Line 444: |
Line 445: |
| overflow: hidden; | | overflow: hidden; |
| height: 300px; | | height: 300px; |
- | background: url(images/img04.jpg) no-repeat center bottom; | + | background: #F7F7F7; |
| } | | } |
| | | |
Line 472: |
Line 473: |
| padding: 7px 0px 7px 0px; | | padding: 7px 0px 7px 0px; |
| } | | } |
| + | |
| | | |
| .list-style2 a { | | .list-style2 a { |
- | color: #8A8985; | + | color: #000000; |
| + | |
| } | | } |
| | | |
Line 489: |
Line 492: |
| /* Banner */ | | /* Banner */ |
| | | |
- | #banner {
| |
- | overflow: hidden;
| |
- | height: 450px;
| |
- | background: url(images/img04.png) no-repeat center bottom;
| |
- | }
| |
- |
| |
- | /* Three Column Content */
| |
- |
| |
- | #three-column {
| |
- | overflow: hidden;
| |
- | padding: 10px 0px 50px 0px;
| |
- | }
| |
- |
| |
- | #three-column #tbox1 {
| |
- | float: left;
| |
- | width: 384px;
| |
- | margin-right: 20px;
| |
- | }
| |
- |
| |
- | #three-column #tbox2 {
| |
- | float: left;
| |
- | width: 384px;
| |
- | }
| |
- |
| |
- | #three-column #tbox3 {
| |
- | float: right;
| |
- | width: 384px;
| |
- | }
| |
- |
| |
- | .box-style {
| |
- | background: #3C342E;
| |
- | }
| |
- |
| |
- | .box-style01
| |
- | {
| |
- | border-bottom: 5px solid #DE5635;
| |
- | }
| |
- |
| |
- |
| |
- | .box-style02
| |
- | {
| |
- | border-bottom: 5px solid #F8AF00;
| |
- | }
| |
- |
| |
- | .box-style03
| |
- | {
| |
- | border-bottom: 5px solid #A2B837;
| |
- | }
| |
- |
| |
- |
| |
- | .box-style h2 {
| |
- | padding: 10px 0px;
| |
- | letter-spacing: -1px;
| |
- | font-size: 22px;
| |
- | color: #FFFFFF;
| |
- | }
| |
- |
| |
- | .box-style .image {
| |
- | width: 324px;
| |
- | }
| |
- |
| |
- | .box-style .arrow {
| |
- | }
| |
- |
| |
- | .box-style .content {
| |
- | overflow: hidden;
| |
- | width: 324px;
| |
- | padding: 30px;
| |
- | }
| |
- |
| |
- |
| |
- | .divider {
| |
- | overflow: hidden;
| |
- | height: 50px;
| |
- | background: url(images/img04.png) no-repeat center top;
| |
- | }
| |
| | | |
| </style> | | </style> |
Line 585: |
Line 512: |
| <li><a href="#">Contact Us</a></li> | | <li><a href="#">Contact Us</a></li> |
| </ul> | | </ul> |
- | </div>
| |
- | </div>
| |
- | <div id="three-column" class="container">
| |
- | <div id="tbox1">
| |
- | <div class="box-style box-style01">
| |
- | <div class="content">
| |
- | <div class="image"><img src="images/img01.jpg" width="324" height="200" alt="" /></div>
| |
- | <h2>Fusce ultrices fringilla</h2>
| |
- | <p>Aliquam erat volutpat. Pellentesque tristique ante ut risus. Quisque dictum. Integer nisl risus, sagittis convallis, rutrum id, elementum congue,
| |
- |
| |
- | nibh. </p>
| |
- | </div>
| |
- | </div>
| |
- | </div>
| |
- | <div id="tbox2">
| |
- | <div class="box-style box-style02">
| |
- | <div class="content">
| |
- | <div class="image"><img src="images/img02.jpg" width="324" height="200" alt="" /></div>
| |
- | <h2>Mauris vulputate dolor</h2>
| |
- | <p>Aliquam erat volutpat. Pellentesque tristique ante ut risus. Quisque dictum. Integer nisl risus, sagittis convallis, rutrum id, elementum congue,
| |
- |
| |
- | nibh. </p>
| |
- | </div>
| |
- | </div>
| |
- | </div>
| |
- | <div id="tbox3">
| |
- | <div class="box-style box-style03">
| |
- | <div class="content">
| |
- | <div class="image"><img src="images/img03.jpg" width="324" height="200" alt="" /></div>
| |
- | <h2>Nulla luctus eleifend </h2>
| |
- | <p>Aliquam erat volutpat. Pellentesque tristique ante ut risus. Quisque dictum. Integer nisl risus, sagittis convallis, rutrum id, elementum congue,
| |
- |
| |
- | nibh.</p>
| |
- | </div>
| |
- | </div>
| |
| </div> | | </div> |
| </div> | | </div> |
Line 625: |
Line 517: |
| <div id="content"> | | <div id="content"> |
| <div class="post"> | | <div class="post"> |
- | <h2 class="title"><a href="#">Fusce ultrices fringilla metus</a></h2> | + | <h2 class="title"><a href="#">Information Body</a></h2> |
| <div class="entry"> | | <div class="entry"> |
| <p>This is <strong>Glissade </strong>, a free, fully standards-compliant CSS template designed by <a href="http://www.freecsstemplates.org">FCT</a>. | | <p>This is <strong>Glissade </strong>, a free, fully standards-compliant CSS template designed by <a href="http://www.freecsstemplates.org">FCT</a>. |
Line 702: |
Line 594: |
| </div> | | </div> |
| <div id="footer"> | | <div id="footer"> |
- | <p>© 2013 Untitled Inc. All rights reserved. Lorem ipsum dolor sit amet nullam blandit consequat phasellus etiam lorem. Design by <a href="http://www.freecsstemplates.org">FCT</a>. | + | |
- | | + | |
- | Photos by <a href="http://fotogrph.com/">Fotogrph</a>.</p>
| + | |
| </div> | | </div> |
| <!-- end #footer --> | | <!-- end #footer --> |
| </body> | | </body> |
| </html> | | </html> |