|
|
Line 2: |
Line 2: |
| <html> | | <html> |
| <style> | | <style> |
- | #contentSub, #footer-box, #catlinks, #search-controls, #p-logo, .printfooter, .firstHeading,.visualClear {display: none;} /*-- hides default wiki settings --*/ | + | #contentSub, #footer-box, #catlinks, #search-controls, #p-logo, .printfooter, .firstHeading,.visualClear {display: none;} |
| </style> | | </style> |
- |
| |
- | <!-- here ends the section that changes the default wiki template to a white full width background -->
| |
- |
| |
- |
| |
- | <!-- beginning of your page -->
| |
| <style type="text/css"> | | <style type="text/css"> |
| #contentSub, #footer-box, #catlinks, #search-controls, #p- | | #contentSub, #footer-box, #catlinks, #search-controls, #p- |
Line 16: |
Line 11: |
| none;} /*-- hides default wiki settings --*/ | | none;} /*-- hides default wiki settings --*/ |
| | | |
- | #top-section { /*-- styling for default menu bar (edit, page, | + | #top-section { |
- | | + | |
- | history, etc.) --*/
| + | |
- | | + | |
| border: 0 none; | | border: 0 none; |
| height: 14px; | | height: 14px; |
Line 30: |
Line 22: |
| } | | } |
| | | |
- | #globalWrapper, #content { /*-- changes default wiki settings | + | #globalWrapper, #content { |
- | | + | |
- | --*/
| + | |
| width: 100%; | | width: 100%; |
| height: 100%; | | height: 100%; |
Line 41: |
Line 31: |
| } | | } |
| | | |
- | html, body, .wrapper { /*-- changes default wiki settings -- | + | html, body, .wrapper { |
- | | + | |
- | */
| + | |
| width: 100%; | | width: 100%; |
| height: 100%; | | height: 100%; |
| background-color: transparent; | | background-color: transparent; |
| } | | } |
- | <!--The following is our css-->
| |
- | /*
| |
- | Theme Name: Zeences HTML
| |
- | Theme URI: http://themes.iki-bir.com/zeences/light
| |
- | Author: elemis
| |
- | Author URI: http://iki-bir.com
| |
- | Version: 1.0.3
| |
- | */
| |
- |
| |
- | /*-----------------------------------------------------------------------------------*/
| |
- | /* RESET
| |
- | /*-----------------------------------------------------------------------------------*/
| |
- |
| |
| html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend { | | html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend { |
| margin:0; | | margin:0; |
Line 143: |
Line 118: |
| outline : none; | | outline : none; |
| } | | } |
- | /*-----------------------------------------------------------------------------------*/
| |
- | /* GENERAL
| |
- | /*-----------------------------------------------------------------------------------*/
| |
| | | |
| body { | | body { |
Line 392: |
Line 364: |
| } | | } |
| | | |
- | /*-----------------------------------------------------------------------------------*/
| |
- | /* LAYOUT
| |
- | /*-----------------------------------------------------------------------------------*/
| |
| | | |
| #wrapper { | | #wrapper { |
Line 524: |
Line 493: |
| padding: 0; | | padding: 0; |
| } | | } |
- | /*-----------------------------------------------------------------------------------*/
| |
- | /* MENU
| |
- | /*-----------------------------------------------------------------------------------*/
| |
| | | |
| .menu { | | .menu { |
Line 642: |
Line 608: |
| margin-top: -30px; | | margin-top: -30px; |
| } | | } |
- | /*-----------------------------------------------------------------------------------*/
| |
- | /* SHOWCASE
| |
- | /*-----------------------------------------------------------------------------------*/
| |
- |
| |
| #awOnePageButton .view-slide { | | #awOnePageButton .view-slide { |
| display: none; | | display: none; |
Line 850: |
Line 812: |
| display: none; | | display: none; |
| } | | } |
- | /*-----------------------------------------------------------------------------------*/
| |
- | /* COLUMNS
| |
- | /*-----------------------------------------------------------------------------------*/
| |
| | | |
| .one-half { | | .one-half { |
Line 896: |
Line 855: |
| clear:right; | | clear:right; |
| } | | } |
- | /*-----------------------------------------------------------------------------------*/
| + | |
- | /* CAROUSEL
| + | |
- | /*-----------------------------------------------------------------------------------*/
| + | |
| .carousel { | | .carousel { |
| height: 130px; | | height: 130px; |
Line 967: |
Line 924: |
| background-position: bottom right; | | background-position: bottom right; |
| } | | } |
- | /*-----------------------------------------------------------------------------------*/
| |
- | /* FORMS
| |
- | /*-----------------------------------------------------------------------------------*/
| |
- |
| |
| .form-container { | | .form-container { |
| position: relative; | | position: relative; |
Line 1,101: |
Line 1,054: |
| font-size: 13px; | | font-size: 13px; |
| } | | } |
- | /*-----------------------------------------------------------------------------------*/
| |
- | /* FOOTER FORMS
| |
- | /*-----------------------------------------------------------------------------------*/
| |
| | | |
| #footer .form-container { | | #footer .form-container { |
Line 1,193: |
Line 1,143: |
| } | | } |
| | | |
- | /*-----------------------------------------------------------------------------------*/
| |
- | /* PORTFOLIO
| |
- | /*-----------------------------------------------------------------------------------*/
| |
| | | |
| .items { | | .items { |
Line 1,263: |
Line 1,210: |
| opacity: 0; | | opacity: 0; |
| } | | } |
- | /*-----------------------------------------------------------------------------------*/
| |
- | /* PORTFOLIO HOVER
| |
- | /*-----------------------------------------------------------------------------------*/
| |
| | | |
| .box a, .carousel ul li { | | .box a, .carousel ul li { |
Line 1,297: |
Line 1,241: |
| background-color: rgba(15, 15, 15, 0.4); | | background-color: rgba(15, 15, 15, 0.4); |
| } | | } |
- | /*-----------------------------------------------------------------------------------*/
| |
- | /* GALLERY
| |
- | /*-----------------------------------------------------------------------------------*/
| |
| | | |
| #gallery { | | #gallery { |
| margin-top: 40px; | | margin-top: 40px; |
| } | | } |
- | /*-----------------------------------------------------------------------------------*/
| |
- | /* BLOG
| |
- | /*-----------------------------------------------------------------------------------*/
| |
| | | |
| .blog { | | .blog { |
Line 1,552: |
Line 1,490: |
| } | | } |
| | | |
- | /*-----------------------------------------------------------------------------------*/
| |
- | /* SERVICES
| |
- | /*-----------------------------------------------------------------------------------*/
| |
| | | |
| .service { | | .service { |
Line 1,565: |
Line 1,500: |
| vertical-align: middle; | | vertical-align: middle; |
| } | | } |
- | /*-----------------------------------------------------------------------------------*/
| |
- | /* 18. TOGGLE
| |
- | /*-----------------------------------------------------------------------------------*/
| |
| | | |
| .toggle { | | .toggle { |
Line 1,629: |
Line 1,561: |
| border-radius: 5px; | | border-radius: 5px; |
| } | | } |
- | /*-----------------------------------------------------------------------------------*/
| |
- | /* TABS
| |
- | /*-----------------------------------------------------------------------------------*/
| |
| | | |
| ul.tabs { | | ul.tabs { |
Line 1,700: |
Line 1,629: |
| padding: 15px 15px 15px 15px; | | padding: 15px 15px 15px 15px; |
| } | | } |
- | /*-----------------------------------------------------------------------------------*/
| + | |
- | /* TABLE
| + | |
- | /*-----------------------------------------------------------------------------------*/
| + | |
| | | |
| table { | | table { |
Line 1,801: |
Line 1,728: |
| background: url('style/images/tile.png'); | | background: url('style/images/tile.png'); |
| } | | } |
- | /*-----------------------------------------------------------------------------------*/
| |
- | /* COMMENTS
| |
- | /*-----------------------------------------------------------------------------------*/
| |
- |
| |
- | #comments {
| |
- | width: 590px;
| |
- | }
| |
- | .full-width #comments {
| |
- | width: 900px;
| |
- | }
| |
- | ol.commentlist .message p {
| |
- | font-style: normal;
| |
- | clear: both;
| |
- | padding: 0;
| |
- | }
| |
- | ol.commentlist {
| |
- | list-style:none;
| |
- | margin:0;
| |
- | }
| |
- | ol.commentlist li {
| |
- | margin: 0;
| |
- | list-style:none;
| |
- | background: none;
| |
- | padding: 25px 0 26px 0;
| |
- | border-bottom: 1px solid #454545;
| |
- | font-family: 'PTSansRegular';
| |
- | }
| |
- | #comments .user {
| |
- | float:left;
| |
- | width:60px;
| |
- | }
| |
- | .avatar {
| |
- | width: 60px;
| |
- | height: 60px;
| |
- | float:left;
| |
- | display:block;
| |
- | }
| |
- | #comments .message .info .date {
| |
- | float:left;
| |
- | font-size: 11px;
| |
- | margin-left: 10px;
| |
- | }
| |
- | #comments .info a {
| |
- | font-size:11px;
| |
- | float:left;
| |
- | text-decoration: none;
| |
- | }
| |
- | #comments a.reply-link {
| |
- | display:block;
| |
- | margin-left: 10px;
| |
- | float:right;
| |
- | text-decoration:none;
| |
- | font-size:9px;
| |
- | text-transform: uppercase;
| |
- | font-style: normal;
| |
- | }
| |
- | #comments .message {
| |
- | background:none;
| |
- | width:510px;
| |
- | float:right;
| |
- | font-size:13px;
| |
- | line-height:20px;
| |
- | position:relative;
| |
- | padding:0;
| |
- | margin: 0;
| |
- | }
| |
- | .full-width #comments .message {
| |
- | width:820px;
| |
- | }
| |
- | #comments .info {
| |
- | margin: 0 0 3px 0;
| |
- | }
| |
- | #comments ul.children {
| |
- | margin:0;
| |
- | padding:0 0 0 40px;
| |
- | }
| |
- | #comments ol.commentlist ul.children li {
| |
- | padding:25px 0 0 0;
| |
- | margin: 0;
| |
- | margin-top: 25px;
| |
- | border: none;
| |
- | border-top: 1px solid #454545;
| |
- | }
| |
- | #comments ol.commentlist ul.children li .message {
| |
- | width:470px;
| |
- | }
| |
- | #comments ol.commentlist ul.children ul li .message {
| |
- | width:430px;
| |
- | }
| |
- | #comments ol.commentlist ul.children ul ul li .message {
| |
- | width:390px;
| |
- | }
| |
- | #comments ol.commentlist ul.children ul ul ul li .message {
| |
- | width:350px;
| |
- | }
| |
- | #comments ol.commentlist ul.children ul ul ul ul li .message {
| |
- | width:310px;
| |
- | }
| |
- | #comments ol.commentlist ul.children ul ul ul ul ul li .message {
| |
- | width:270px;
| |
- | }
| |
- | .full-width #comments ol.commentlist ul.children li .message {
| |
- | width:780px;
| |
- | }
| |
- | .full-width #comments ol.commentlist ul.children ul li .message {
| |
- | width:740px;
| |
- | }
| |
- | .full-width #comments ol.commentlist ul.children ul ul li .message {
| |
- | width:700px;
| |
- | }
| |
- | .full-width #comments ol.commentlist ul.children ul ul ul li .message {
| |
- | width:660px;
| |
- | }
| |
- | .full-width #comments ol.commentlist ul.children ul ul ul ul li .message {
| |
- | width:620px;
| |
- | }
| |
- | .full-width #comments ol.commentlist ul.children ul ul ul ul ul li .message {
| |
- | width:580px;
| |
- | }
| |
- | #comments .info h3 {
| |
- | margin: 0;
| |
- | padding: 0;
| |
- | line-height: 18px;
| |
- | display: inline;
| |
- | }
| |
- | #comments .info h3 a {
| |
- | font-size: 15px;
| |
- | font-style: normal;
| |
- | }
| |
- | #comments .info h3 a:hover {
| |
- | }
| |
- | .comment-form {
| |
- | margin-top: 40px;
| |
- | }
| |
- |
| |
| </style> | | </style> |