Created
March 24, 2013 19:19
-
-
Save emirajbbd/5233128 to your computer and use it in GitHub Desktop.
symbiotic
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| * { | |
| padding:0px; | |
| margin:0px; | |
| } | |
| body { | |
| background:url(../images/bodybg.png) repeat-x center top #115995; | |
| font-size:14px; | |
| font-family:Arial, Helvetica, sans-serif; | |
| } | |
| div{ | |
| outline:none; | |
| border:none; | |
| border-width:0px; | |
| } | |
| a { | |
| text-decoration:none; | |
| color:#F4871D; | |
| } | |
| a img{ | |
| border:none; | |
| text-decoration:none; | |
| } | |
| ul, ol { | |
| list-style-position:outside; | |
| } | |
| .clear { | |
| height:0px; | |
| margin:0px; | |
| padding:0px; | |
| line-height:0px; | |
| font-size:0px; | |
| clear:both; | |
| } | |
| @font-face { | |
| font-family: 'BellGothicStdBold'; | |
| src: url('bellgothicstd-bold.eot'); | |
| src: url('bellgothicstd-bold.eot') format('embedded-opentype'), | |
| url('bellgothicstd-bold.woff') format('woff'), | |
| url('bellgothicstd-bold.ttf') format('truetype'), | |
| url('bellgothicstd-bold.svg#BellGothicStdBold') format('svg'); | |
| } | |
| .wholebody{ | |
| background:url(../images/bg.png) repeat-x center top; | |
| } | |
| .bodywrapper{ | |
| background:url(../images/nav.png) no-repeat center top; | |
| } | |
| #wrapper { | |
| margin:0px auto; | |
| width:1008px; | |
| } | |
| .top_wrap{ | |
| padding:26px 0px 0px 0px; | |
| height:86px; | |
| } | |
| .top_heading{ | |
| height:43px; | |
| } | |
| .logo{ | |
| width:772px; | |
| float:left; | |
| padding:2px 0px 0px 0px; | |
| } | |
| .logo img{ | |
| margin-left:21px; | |
| } | |
| .search_area{ | |
| width:236px; | |
| float:left; | |
| } | |
| .search_area ul{ | |
| list-style:none outside; | |
| } | |
| .search_area ul li{ | |
| float:left; | |
| } | |
| .src_fld{ | |
| height:21px; | |
| width:160px; | |
| border:none; | |
| background:url(../images/src.png) no-repeat left; | |
| padding:0px 0px 0px 14px; | |
| font-family:Arial, Helvetica, sans-serif; | |
| font-size:12px; | |
| font-style:normal; | |
| font-weight:normal; | |
| line-height:21px; | |
| text-align:left; | |
| text-decoration:none; | |
| text-transform:none; | |
| color:#DEDCD9; | |
| } | |
| .src_btn{ | |
| height:21px; | |
| width:35px; | |
| border:none; | |
| background:url(../images/src.png) no-repeat right; | |
| cursor:pointer; | |
| text-indent:-9999px; | |
| } | |
| .nav{ | |
| height:38px; | |
| } | |
| .nav ul{ | |
| list-style:none outside; | |
| } | |
| .nav ul li{ | |
| float:left; | |
| padding:0px 2px; | |
| } | |
| .nav ul li a{ | |
| display:block; | |
| padding:8px 15px; | |
| font-family:Arial, Helvetica, sans-serif; | |
| font-size:16px; | |
| font-style:normal; | |
| font-weight:bold; | |
| line-height:22px; | |
| text-align:left; | |
| text-decoration:none; | |
| text-transform:none; | |
| color:#3d362a; | |
| } | |
| .nav ul li a:hover, .nav ul li.active a{ | |
| color:#dad3c7; | |
| } | |
| .middle_wrap{ | |
| background:url(../images/wrap_bg.png) repeat-y center; | |
| padding:18px 28px 0px 20px; | |
| } | |
| .container{ | |
| } | |
| .left_module{ | |
| width:551px; | |
| float:left; | |
| margin-right:11px; | |
| } | |
| .modleft{ | |
| background:#F3E2D4; | |
| padding:39px 40px 38px 46px; | |
| height:auto; | |
| width:auto; | |
| position:relative; | |
| margin-bottom:10px; | |
| } | |
| .modleft_imgholder{ | |
| width:205px; | |
| float:left; | |
| } | |
| .modleft_content{ | |
| width:258px; | |
| float:left; | |
| padding-top:31px; | |
| } | |
| .modleft h2{ | |
| font-family:'BellGothicStdBold', Arial, Helvetica, sans-serif; | |
| font-size:24px; | |
| font-style:normal; | |
| font-weight:normal; | |
| line-height:32px; | |
| text-align:left; | |
| text-decoration:none; | |
| text-transform:none; | |
| color:#3c362b; | |
| background:url(../images/heading_underline.png) repeat-x left bottom; | |
| padding-bottom:8px; | |
| margin-bottom:12px; | |
| } | |
| .modleft p{ | |
| font-family:'BellGothicStdBold', Arial, Helvetica, sans-serif; | |
| font-size:14px; | |
| font-style:normal; | |
| font-weight:normal; | |
| line-height:17px; | |
| text-align:justify; | |
| text-decoration:none; | |
| text-transform:none; | |
| color:#3c362b; | |
| padding-bottom:17px; | |
| } | |
| .modleft_content ul{ | |
| list-style:none outside; | |
| text-align:right; | |
| } | |
| .modleft_content ul li{ | |
| height:15px; | |
| width:19px; | |
| display:inline; | |
| } | |
| .modleft_content ul li a{ | |
| display:inline-block; | |
| height:15px; | |
| width:19px; | |
| text-indent:-9999px; | |
| background:url(../images/scroll_btn.png) no-repeat left; | |
| } | |
| .modleft_content ul li:last-child a{ | |
| background:url(../images/scroll_btn.png) no-repeat right; | |
| } | |
| .modleft_dtls{ | |
| padding:11px 0px 16px 14px; | |
| background:#F3E2D4; | |
| } | |
| .modleft_dtls ul{ | |
| list-style:none outside; | |
| } | |
| .modleft_dtls ul li{ | |
| float:left; | |
| width:256px; | |
| margin-right:10px; | |
| } | |
| .modleft_dtls ul li:last-child{ | |
| margin:0px; | |
| } | |
| .modleft_dtls ul li img{ | |
| background:url(../images/img_bg.png) no-repeat; | |
| height:153px; | |
| width:230px; | |
| padding:14px 14px 14px 12px; | |
| margin-bottom:6px; | |
| } | |
| .modleft_dtls ul li:last-child img{ | |
| background:url(../images/img_bg1.png) no-repeat; | |
| } | |
| .modleft_dtls ul li strong{ | |
| font-family:'BellGothicStdBold', Arial, Helvetica, sans-serif; | |
| font-size:18px; | |
| font-style:normal; | |
| font-weight:normal; | |
| line-height:22px; | |
| text-align:left; | |
| text-decoration:none; | |
| text-transform:none; | |
| color:#125996; | |
| display:block; | |
| padding-bottom:2px; | |
| } | |
| .modleft_dtls ul li strong a{ | |
| color:#125996; | |
| } | |
| .modleft_dtls ul li:last-child strong{ | |
| padding-left:9px; | |
| } | |
| .modleft_dtls ul li span{ | |
| font-family:'BellGothicStdBold', Arial, Helvetica, sans-serif; | |
| font-size:14px; | |
| font-style:normal; | |
| font-weight:normal; | |
| line-height:17px; | |
| text-align:left; | |
| text-decoration:none; | |
| text-transform:none; | |
| color:#141414; | |
| display:block; | |
| } | |
| .modleft_dtls ul li span a{ | |
| color:#141414; | |
| } | |
| .modleft_dtls ul li:last-child span{ | |
| padding-left:9px; | |
| } | |
| .right_module{ | |
| width:397px; | |
| float:left; | |
| } | |
| .modright{ | |
| } | |
| .modright ul{ | |
| list-style:none outside; | |
| } | |
| .modright ul li{ | |
| height:94px; | |
| width:381px; | |
| margin-bottom:11px; | |
| padding:7px 9px 8px 7px; | |
| } | |
| .modright ul li.atschool{ | |
| background:url(../images/at_school.jpg) no-repeat 8px 8px #F3E2D4; | |
| } | |
| .modright ul li.athome{ | |
| background:url(../images/at_home.jpg) no-repeat 8px 8px #F3E2D4; | |
| } | |
| .modright ul li.atcenter{ | |
| background:url(../images/at_center.jpg) no-repeat 8px 8px #F3E2D4; | |
| } | |
| .modright ul li a{ | |
| padding:32px 0px 0px 171px; | |
| display:block; | |
| height:62px; | |
| font-family:'BellGothicStdBold', Arial, Helvetica, sans-serif; | |
| font-size:24px; | |
| font-style:normal; | |
| font-weight:normal; | |
| line-height:28px; | |
| text-align:left; | |
| text-decoration:none; | |
| text-transform:none; | |
| color:#f4871d; | |
| text-shadow:1px 1px 2px #000000; | |
| } | |
| .testimonial_wrap{ | |
| padding:10px 9px 12px 7px; | |
| background:#F3E2D4; | |
| margin-bottom:9px; | |
| } | |
| .testimonial_area{ | |
| border:1px solid #CAC9C9; | |
| background:#F7F2ED; | |
| height:auto; | |
| width:auto; | |
| padding:36px 39px 15px 41px; | |
| position:relative; | |
| } | |
| .quote_start{ | |
| position:absolute; | |
| left:4px; | |
| top:15px; | |
| } | |
| .quote_end{ | |
| position:absolute; | |
| right:6px; | |
| bottom:10px; | |
| } | |
| .testimonial_area p{ | |
| font-family:'BellGothicStdBold', Arial, Helvetica, sans-serif; | |
| font-size:13px; | |
| font-style:normal; | |
| font-weight:normal; | |
| line-height:16px; | |
| text-align:left; | |
| text-decoration:none; | |
| text-transform:none; | |
| color:#3c362b; | |
| padding-bottom:14px; | |
| } | |
| .testimonial_area p span{ | |
| display:block; | |
| text-align:right; | |
| } | |
| .subscribe{ | |
| float:none; | |
| min-height: 61px; | |
| padding:12px 10px 10px 33px; | |
| background:#F3E2D4; | |
| } | |
| .subscribe h2{ | |
| color: #125996; | |
| font-family: 'BellGothicStdBold',Arial,Helvetica,sans-serif; | |
| font-size: 18px; | |
| font-style: normal; | |
| font-weight: normal; | |
| line-height: 22px; | |
| padding-bottom:4px; | |
| text-align: left; | |
| text-decoration: none; | |
| text-transform: none; | |
| } | |
| .subscribe ul{ | |
| list-style:none outside; | |
| margin-left:4px; | |
| } | |
| .subscribe ul li{ | |
| float:left; | |
| } | |
| .inpt_fld{ | |
| height:19px; | |
| width:210px; | |
| border:none; | |
| background:url(../images/subscribe_box.png) no-repeat left; | |
| font-family:Arial, Helvetica, sans-serif; | |
| font-size:12px; | |
| font-style:normal; | |
| font-weight:normal; | |
| line-height:19px; | |
| text-align:left; | |
| text-decoration:none; | |
| text-transform:none; | |
| color:#818282; | |
| padding:2px 6px 2px 9px; | |
| } | |
| .sub_btn{ | |
| height:23px; | |
| width:86px; | |
| border:none; | |
| background:url(../images/subscribe_box.png) no-repeat right; | |
| font-family:'BellGothicStdBold', Arial, Helvetica, sans-serif; | |
| font-size:14px; | |
| font-style:normal; | |
| font-weight:normal; | |
| text-align:center; | |
| text-decoration:none; | |
| text-transform:none; | |
| color:#125996; | |
| cursor:pointer; | |
| } | |
| .content_wrap{ | |
| } | |
| .content{ | |
| } | |
| .main_content{ | |
| padding:30px 49px 20px 45px; | |
| color: #3C362B; | |
| font-family: 'BellGothicStdBold',Arial,Helvetica,sans-serif; | |
| font-size: 15px; | |
| font-style: normal; | |
| font-weight: normal; | |
| line-height: 17px; | |
| text-align: justify; | |
| text-decoration: none; | |
| text-transform: none; | |
| } | |
| .main_content h2, .componentheading{ | |
| background: url(../images/heading_underline.png) no-repeat left bottom; | |
| color: #3C362B; | |
| font-family: 'BellGothicStdBold',Arial,Helvetica,sans-serif; | |
| font-size: 24px; | |
| font-style: normal; | |
| font-weight: normal; | |
| line-height: 32px; | |
| margin-bottom: 15px; | |
| padding-bottom: 8px; | |
| text-align: left; | |
| text-decoration: none; | |
| text-transform: none; | |
| } | |
| .main_content p{ | |
| color: #3C362B; | |
| font-family: 'BellGothicStdBold',Arial,Helvetica,sans-serif; | |
| font-size: 15px; | |
| font-style: normal; | |
| font-weight: normal; | |
| line-height: 17px; | |
| padding-bottom: 17px; | |
| text-align: justify; | |
| text-decoration: none; | |
| text-transform: none; | |
| } | |
| .main_content p a{ | |
| color: #3C362B; | |
| font-style:italic; | |
| } | |
| .main_content p.buttonheading{ | |
| padding:0; | |
| margin:0; | |
| } | |
| .bottom_wrap{ | |
| background:url(../images/footer_bg.png) no-repeat center top; | |
| } | |
| .footer_area{ | |
| padding:0px 8px 0px 0px; | |
| } | |
| .footer_top{ | |
| padding:0px 22px 0px 64px; | |
| min-height:58px; | |
| } | |
| .contact_info{ | |
| float:left; | |
| padding-top:6px; | |
| } | |
| .contact_info p{ | |
| font-family:Verdana, Geneva, sans-serif; | |
| font-size:14px; | |
| font-style:normal; | |
| font-weight:normal; | |
| line-height:22px; | |
| text-align:left; | |
| text-decoration:none; | |
| text-transform:none; | |
| color:#1d1d1e; | |
| } | |
| .social{ | |
| float:right; | |
| } | |
| .social ul{ | |
| list-style:none outside; | |
| text-align:right; | |
| } | |
| .social ul li{ | |
| display:inline; | |
| } | |
| .social ul li a{ | |
| display:inline-block; | |
| } | |
| .copyright{ | |
| } | |
| .copyright p{ | |
| font-family:Arial, Helvetica, sans-serif; | |
| font-size:10px; | |
| font-style:normal; | |
| font-weight:normal; | |
| line-height:12px; | |
| text-align:left; | |
| text-decoration:none; | |
| text-transform:none; | |
| color:#dedcd9; | |
| } | |
| .copyright p span{ | |
| float:right; | |
| } | |
| .copyright p a{ | |
| color:#dedcd9; | |
| } | |
| /* ------------------------------ inner --------------------------------*/ | |
| .inner{ | |
| } | |
| .inner .content{ | |
| float:left; | |
| width:560px; | |
| padding-top:15px; | |
| } | |
| .inner .right_module{ | |
| width:400px; | |
| } | |
| .challenges_wrap{ | |
| } | |
| .challenges_img{ | |
| padding:8px 6px 7px 7px; | |
| background:#F3E2D4; | |
| } | |
| .challenges_content{ | |
| padding:21px 50px 17px 48px; | |
| } | |
| .challenges_content h2{ | |
| background: url(../images/heading_underline.png) repeat-x left bottom; | |
| color: #3C362B; | |
| font-family: 'BellGothicStdBold',Arial,Helvetica,sans-serif; | |
| font-size: 24px; | |
| font-style: normal; | |
| font-weight: normal; | |
| line-height: 32px; | |
| margin-bottom: 13px; | |
| padding-bottom: 8px; | |
| text-align: left; | |
| text-decoration: none; | |
| text-transform: none; | |
| } | |
| .challenges_content p{ | |
| color: #3C362B; | |
| font-family: 'BellGothicStdBold',Arial,Helvetica,sans-serif; | |
| font-size: 13px; | |
| font-style: normal; | |
| font-weight: normal; | |
| line-height: 16px; | |
| padding-bottom: 13px; | |
| text-align: justify; | |
| text-decoration: none; | |
| text-transform: none; | |
| } | |
| /*--------------------------------- blog ----------------------------------*/ | |
| .blogs{ | |
| width:auto; | |
| height:auto; | |
| position:relative; | |
| } | |
| .blogs .main_content{ | |
| padding-top:0px; | |
| } | |
| .blogs .main_content h2{ | |
| background:none; | |
| margin-bottom:0px; | |
| padding-bottom:0px; | |
| } | |
| .blogs .cat{ | |
| list-style:none inside; | |
| padding-bottom:19px; | |
| } | |
| .blogs .cat li{ | |
| list-style:none; | |
| } | |
| .blogs .cat li a{ | |
| font-family:Arial, Helvetica, sans-serif; | |
| font-size:12px; | |
| font-style:normal; | |
| font-weight:normal; | |
| line-height:12px; | |
| text-align:left; | |
| text-decoration:none; | |
| text-transform:none; | |
| color:#000000; | |
| } | |
| .blogs .cat li a:hover{ | |
| color:#000000; | |
| } | |
| .blogs .main_content h3{ | |
| background: url(../images/heading_underline.png) no-repeat left bottom; | |
| color: #3C362B; | |
| font-family: 'BellGothicStdBold',Arial,Helvetica,sans-serif; | |
| font-size: 24px; | |
| font-style: normal; | |
| font-weight: normal; | |
| line-height: 24px; | |
| margin-bottom: 16px; | |
| padding-bottom:14px; | |
| text-align: left; | |
| text-decoration: none; | |
| text-transform: none; | |
| } | |
| .blogs .main_content h3 span{ | |
| display:block; | |
| line-height:18px; | |
| font-size:14px; | |
| } | |
| .blogs .main_content p{ | |
| font-size: 14px; | |
| } | |
| .blogs_dtls{ | |
| padding-bottom:2px; | |
| } | |
| .blogs .subscribe{ | |
| width:355px; | |
| position:absolute; | |
| right:0px; | |
| top:0px; | |
| } | |
| /* System Messages */ | |
| #system-message { | |
| margin-bottom: 10px; | |
| padding: 0px; | |
| } | |
| #system-message dt { | |
| font-weight: bold; | |
| } | |
| #system-message dd { | |
| margin: 0px; | |
| font-weight: bold; | |
| text-indent: 30px; | |
| } | |
| #system-message dd ul { | |
| color: #195D00; | |
| margin-bottom: 10px; | |
| list-style: none; | |
| padding: 10px; | |
| border-top: 3px solid #195D00; | |
| border-bottom: 3px solid #195D00; | |
| background: #E2F9E3; | |
| } | |
| /* System Standard Messages */ | |
| #system-message dt.message { | |
| display: none; | |
| } | |
| #system-message dd.message { | |
| } | |
| /* System Error Messages */ | |
| #system-message dt.error { | |
| display: none; | |
| } | |
| #system-message dd.error ul { | |
| color: #c00; | |
| background-color: #E6C0C0; | |
| border-top: 3px solid #DE7A7B; | |
| border-bottom: 3px solid #DE7A7B; | |
| } | |
| /* System Notice Messages */ | |
| #system-message dt.notice { | |
| display: none; | |
| } | |
| #system-message dd.notice ul { | |
| color: #c00; | |
| background: #E2F9E3; | |
| border-top: 3px solid #0055BB; | |
| border-bottom: 3px solid #0055BB; | |
| } | |
| /* Debug */ | |
| #system-debug { | |
| color: #ccc; | |
| background-color: #fff; | |
| padding: 10px; | |
| margin: 10px; | |
| } | |
| #system-debug div { | |
| font-size: 11px; | |
| } |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment