Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- * {
- margin:0;
- padding:0
- }
- body {
- width:100%;
- background:#fff;
- font-family: 'Open Sans', sans-serif;
- }
- a,a:hover, a:focus {
- text-decoration:none;
- outline:none;
- }
- h1, h2, h3, h4, h5, h6 {
- margin:0;
- }
- ul, ul li {
- list-style-type:none
- }
- /* --- Accordion --- */
- ul#acc1 {
- width: 250px;
- margin: 10px auto;
- -webkit-box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.49);
- -moz-box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.49);
- box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.49);
- background:#fff;
- border-radius:3px;
- }
- .accordion h4.h {
- cursor: pointer;
- text-transform:uppercase;
- text-shadow: 0px 1px 0px rgba(0,0,0,0.4);
- line-height: 30px;
- font-size: 12px;
- }
- .accordion h4.h a {
- color: #eaeaea;
- position:relative;
- background: #1e8bc1;
- border-bottom:1px solid #096d9e;
- font-weight:700;
- }
- .accordion .h a i {
- position: absolute;
- width: 30px;
- height: 30px;
- right: 0;
- top: 0;
- font-size:16px;
- background: #0870a3;
- text-align:center;
- line-height:30px;
- }
- #acc1 > li:nth-child(1) > h4.h a {
- border-radius:3px 3px 0 0;
- }
- #acc1 > li:nth-child(1) > h4.h a i {
- border-radius:0 3px 0 0;
- }
- #acc1 > li:last-child > h4.h a {
- border-radius: 0 0 3px 3px;
- }
- #acc1 > li:last-child > h4.h a i {
- border-radius:0 0 3px 0;
- }
- #acc1 > li:last-child > .h a.open {
- border-radius:0;
- }
- #acc1 .outer {
- position:relative;
- }
- #acc1 > li:nth-child(1) > div:before {
- background: none repeat scroll 0 0 #1e8bc1;
- content: "";
- height: 100%;
- left: 4%;
- margin-left: -2px;
- position: absolute;
- top: 0;
- width: 2px;
- }
- .accordion .inner {
- margin-bottom:0;
- padding:7px 7px 7px 27px;
- overflow:hidden
- }
- #acc1 > li> .outer > .inner > ul > li {
- position: relative;
- background: #e6e6e6;
- margin:2px 0;
- width:100%;
- float:left;
- }
- #acc1 > li > .outer > .inner > ul > li:after {
- right: 100%;
- top: 14px;
- content: " ";
- height: 0;
- width: 0;
- position: absolute;
- pointer-events: none;
- border-top: 5px solid transparent;
- border-bottom: 5px solid transparent;
- border-right: 7px solid #000;
- margin-top: -10px;
- }
- #acc1 > li > div > div > ul > li > i {
- position: absolute;
- margin-left: -25px;
- background: #fff;
- padding: 5px 0;
- }
- #acc1 > li > div > div > ul > li > i.fa-map-se {
- margin-left:-22px;
- }
- .accordion .inner h5.h {
- height: 25px;
- cursor: pointer;
- text-transform:capitalize;
- line-height: 25px;
- background: #181818;
- }
- .accordion .inner h5.h a {
- color: #fff;
- position:relative;
- font-size:13px;
- font-weight:400;
- }
- .accordion .inner .inner {
- padding:5px;
- font-size:11px;
- }
- a.trigger {
- display:block;
- padding-left:15px;
- }
- /*----Size Tabs CSS Starts Here-----*/
- .sizetab {
- outline: none;
- font-size: 0;
- }
- .sizetab > input {
- position: absolute;
- display: none;
- }
- .sizetab > label {
- position: relative;
- display: inline-block;
- margin: 0 1px 0 0;
- padding: 0 3px;
- background: #fff;
- font-size: 11px;
- color:#454545;
- line-height: 22px;
- border-radius:3px 3px 0 0;
- border:1px solid #b2b2b2;
- font-weight:normal;
- cursor: pointer;
- }
- .sizetab > input:checked + label {
- cursor: default;
- border-bottom:0;
- z-index:1;
- }
- .sizetab > ul {
- position: relative;
- display: block;
- overflow: hidden;
- margin: -2px 0 0 0;
- padding: 0;
- height:auto !important;
- background:#fff;
- }
- .sizetab > ul > li {
- position: absolute;
- width: 94%;
- overflow: auto;
- padding: 5px;
- opacity: 0;
- border:1px solid #b2b2b2;
- }
- .sizetab > .tab-content-first:checked ~ ul .tab-content-first,
- .sizetab > .tab-content-2:checked ~ ul .tab-content-2,
- .sizetab > .tab-content-3:checked ~ ul .tab-content-3,
- .sizetab > .tab-content-last:checked ~ ul .tab-content-last {
- z-index: 1;
- top: 0;
- left: 0;
- opacity: 1;
- }
- .sizetab-height-auto > ul > li {
- position: static;
- display: none;
- height: auto !important;
- }
- .sizetab-height-auto > .tab-content-first:checked ~ ul .tab-content-first,
- .sizetab-height-auto > .tab-content-2:checked ~ ul .tab-content-2,
- .sizetab-height-auto > .tab-content-3:checked ~ ul .tab-content-3,
- .sizetab-height-auto > .tab-content-last:checked ~ ul .tab-content-last {
- display: block;
- }
- .sizetab p {
- line-height: 20px;
- text-align: left;
- font-size:11px;
- }
- /*Square CSS Starts Here*/
- .square-tab {
- width:90%;
- margin:0 2%;
- }
- .square-tab tr td {
- position:relative;
- }
- input[type=radio].sizecheckbox {
- position:absolute;
- z-index:-1000;
- left:-1000px;
- overflow: hidden;
- clip: rect(0 0 0 0);
- height:1px;
- width:1px;
- }
- input[type=radio].sizecheckbox + label.sizelabel {
- padding-left:23px;
- height:18px;
- display:inline-block;
- background-repeat:no-repeat;
- background-position: 0 -22px;
- vertical-align:middle;
- cursor:pointer;
- }
- input[type=radio].sizecheckbox:checked + label.sizelabel {
- background-position: 0 -2px;
- color:#027eba;
- }
- label.sizelabel {
- background:url(../images/radio_btn_v1.png) no-repeat 0 -2px;
- font-size:11px;
- font-weight:normal;
- }
- /*----Position CSS Starts Here-----*/
- li.position ul {
- padding: 0 0 0 30px;
- }
- li.position ul:before{
- background: none repeat scroll 0 0 #454545;
- content: "";
- height: 73%;
- left: 10%;
- position: absolute;
- width: 2px;
- top:17px;
- }
- li.position ul li {
- margin:8px 0;
- }
- li.position ul i {
- position: absolute;
- margin:2px 0 0 -16px;
- font-size:10px;
- padding:2px 0;
- background:#e6e6e6;
- }
- li.position ul i.fa-check-circle-o {
- color:#027eba;
- font-size:16px;
- margin:0 0 0 -19px;
- }
- li.position ul li i.fa-check-circle-o + span {
- color:#027eba;
- }
- /*----Segment CSS Starts Here--------*/
- .segment ul {
- padding: 0 5px;
- }
- .segment ul li{
- padding:3px 0;
- border-bottom:1px solid #d6d4d4;
- }
- .segment ul li a {
- color:#454545;
- }
- /*-------------------------------------------Navigation CSS STarts Here-----------------------------------------------------*/
- nav.topnavbar {
- top:0;
- width:100%;
- height:45px;
- border-bottom:2px solid #0870a3;
- position:relative;
- background:#fff;
- box-shadow:0px 0px 4px 0px rgba(0,0,0,0.49);
- /*background: #414141;
- background: -moz-linear-gradient(top, #414141 0%, #222222 100%);
- background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#414141), color-stop(100%,#222222));
- background: -webkit-linear-gradient(top, #414141 0%,#222222 100%);
- background: -o-linear-gradient(top, #414141 0%,#222222 100%);
- background: -ms-linear-gradient(top, #414141 0%,#222222 100%);
- background: linear-gradient(to bottom, #414141 0%,#222222 100%);
- filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#414141', endColorstr='#222222',GradientType=0 );*/
- }
- nav.topnavbar .container {
- width:1200px;
- margin:0 auto;
- }
- ul.navbarleft {
- float:left;
- bottom:0;
- position:absolute;
- }
- ul.navbarleft li {
- float:left;
- margin:0 2px 0 0;
- position:relative;
- }
- ul.navbarleft li a {
- background:#e6e6e6;
- border-radius:3px 3px 0 0;
- border:1px solid #c0c0c0;
- border-bottom:0;
- font-size:12px;
- color:#454545;
- line-height:29px;
- text-transform:uppercase;
- display:block;
- padding:0 10px;
- -webkit-box-shadow: inset 0px 1px 0px 0px rgba(255,255,255,0.75);
- -moz-box-shadow: inset 0px 1px 0px 0px rgba(255,255,255,0.75);
- box-shadow: inset 0px 1px 0px 0px rgba(255,255,255,0.75);
- text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.50);
- }
- ul.navbarleft li a:hover {
- background:#f0f0f0;
- }
- ul.navbarleft li.active a {
- background:#1e8bc1;
- border-radius:3px 3px 0 0;
- border:1px solid #096d9e;
- border-bottom:0;
- font-size:12px;
- color:#eaeaea;
- line-height:29px;
- display:block;
- padding:0 10px;
- -webkit-box-shadow: inset 0px 1px 0px 0px rgba(255,255,255,0.75);
- -moz-box-shadow: inset 0px 1px 0px 0px rgba(255,255,255,0.75);
- box-shadow: inset 0px 1px 0px 0px rgba(255,255,255,0.75);
- text-shadow: 0px 1px 0px rgba(0, 0, 0, 0.50);
- cursor:default;
- }
- ul.navbarleft li.active a:hover {
- background:#1e8bc1;
- }
- ul.navbarleft li.active a:after {
- top: 100%;
- left: 50%;
- content: " ";
- height: 0;
- width: 0;
- position: absolute;
- pointer-events: none;
- border-top: 10px solid #0870a3;
- border-left: 8px solid transparent;
- border-right: 8px solid transparent;
- margin-left: -10px;
- }
- /*ul.navbarright {
- float:right;
- }
- ul.navbarright li a {
- background:#1e8bc1;
- display:block;
- height:45px;
- }
- ul.navbarright li a span {
- background:#0870a3;
- padding:0 13px;
- display:inline-block;
- }
- ul.navbarright li a span i {
- color:#fff;
- font-size:11px;
- width:24px;
- height:24px;
- padding:0;
- background:#055e89;
- border-radius:50%;
- }*/
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement