Created
June 28, 2018 09:40
-
-
Save sandip1699/8fd3714766bef99063291ae91e808c28 to your computer and use it in GitHub Desktop.
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
.sep-element { border-bottom: 1px solid #237ac6; display: inline-block; margin: 0 auto; position: relative; width: 100px; } | |
.sep-element::after { background-color: #ffffff; border: 1px solid #237ac6; content: ""; display: block; height: 11px; left: 50%; margin-left: -5px; margin-top: -5px; position: absolute; top: 0; width: 10px; } | |
/* =============== input berfore wrap:before ============================*/ | |
wrap::before { background: rgba(255, 255, 255, 0.05) none repeat scroll 0 0; border: 1px solid #646464; bottom: 0; content: ""; left: -25px; position: absolute; right: -15px; top: 0; transform: skew(-33deg); transition: all 400ms ease 0s; } | |
/* =============== big right arrow ============================*/ | |
.ans-details:before { border-left: 34px solid rgba(0, 0, 0, 0); border-right: 34px solid rgba(0, 0, 0, 0); border-bottom: 34px solid #c1e1ec; clear: both; content: ""; height: 0; left: 10%; position: absolute; top: -34px; width: 0; } | |
/* =============== Heading Bottom Saparator <div class="separator"> </div> ============================*/ | |
.separator::before { content: ""; float: right; height: 1px; max-width: 120px; opacity: 0.5; position: relative; right: 100%; top: 1px; transition: all 0.3s ease 0s; width: 120%; } | |
.separator::after { content: ""; float: left; height: 1px; left: 100%; max-width: 120px; opacity: 0.5; position: absolute; top: 1px; transition: all 0.3s ease 0s; width: 120%; } | |
.separator { border: 1px solid; box-sizing: border-box; content: ""; display: inline-block; height: 5px !important; margin: auto; max-width: 100px; opacity: 0.6; position: relative; transition: all 0.3s ease 0s; width: 20%; } | |
.onhover:hover .separator::after { | |
max-width: 190px; | |
width: 190%; | |
} | |
/* =============== chating li psesdo class ============================*/ | |
.chat_body ul li:nth-of-type(odd) span::after { | |
content: ""; | |
position: absolute; | |
top: 0; | |
left: -5px; | |
width: 0; | |
height: 0; | |
border: 5px solid #E8E8E8; | |
border-left-color: transparent; | |
border-bottom-color: transparent; | |
} | |
.chat_body ul li:nth-of-type(even) span::after { | |
content: ""; | |
position: absolute; | |
bottom: 0; | |
right: -5px; | |
width: 0; | |
height: 0; | |
border: 5px solid #CDEAFC; | |
border-right-color: transparent; | |
border-top-color: transparent; | |
} | |
/*================== tab active botttom arrow =============================*/ | |
.nav-tabs > li.active > a::after { | |
border-left: 10px solid transparent; | |
border-right: 10px solid transparent; | |
border-top: 10px solid #FFCA00; | |
clear: both; | |
content: ""; | |
height: 0; | |
left: 44%; | |
position: absolute; | |
top: 38px; | |
width: 0; | |
} | |
/*================== table =============================*/ | |
table tr:nth-child(2n+1) { | |
background-color: #f1f1f1; | |
} | |
table tr:nth-child(2n) { | |
background-color: #ffffff; | |
} | |
.iten-info [class*="col-"] { padding-right: 0; } | |
/*================== Transition =============================*/ | |
*::before, *::after { | |
transition: all 0.3s ease-in-out 0s; | |
} | |
a { | |
transition: all 0.35s ease 0s; | |
} | |
/*================== box shadow on hover =============================*/ | |
.price-table-feature-block:hover { | |
border: 1px solid rgba(0, 0, 0, 0.15); | |
border-radius: 4px; | |
box-shadow: -2px 5px 15px 7px #e2e2e2; | |
transform: scale(1); | |
transition: all 0.5s ease-out 0s; | |
} | |
/*================== Flex div width =============================*/ | |
.half { | |
flex-grow: 0; | |
flex-shrink: 0; | |
flex-basis: 50%; | |
} | |
.disflex { display: flex; } | |
.flex-spacer { flex: 1 1 auto; flex-basis:30px; } | |
/*================== Drop down menu google profile =============================*/ | |
.dropdown-menu.pull-right { border: 1px solid rgba(0, 0, 0, 0.2); border-radius: 2px; box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2); color: #000; } | |
.dropdown-menu.pull-right::before { border-bottom: 7px solid rgba(0, 0, 0, 0.2); border-left: 7px solid transparent; border-right: 7px solid transparent; right: 8px; top: -7px; } | |
.dropdown-menu.pull-right::after { border-bottom: 6px solid #fff; border-left: 6px solid transparent; border-right: 6px solid transparent; right: 9px; top: -6px; } | |
.dropdown-menu.pull-right::after, .dropdown-menu.pull-right::before { content: ""; display: inline-block; position: absolute; } | |
.dropdown-toggle { cursor: pointer; } | |
.h6::after { | |
background: #ffa200; | |
border-radius: 3px; | |
content: ""; | |
display: block; | |
height: 6px; | |
margin: 7px 0 0; | |
width: 35px; | |
} | |
/*================== bootsrap all col css ===================*/ | |
.row [class*="col-"] { padding:0; } | |
/*--------------------- Hover on border inset change ------------------------------- */ | |
.support_list .support_block:hover { background: #F18C22; box-shadow: inset 0 0 0 15px #F19D1F;} | |
/*--------------------- login background <div class="auth0-lock-overlay"></div> ------------------------------- */ | |
.auth0-lock-overlay { | |
background: -webkit-radial-gradient(#40404b, #111118) rgba(34,34,40,0.94); | |
background: radial-gradient(#40404b, #111118) rgba(34,34,40,0.94); | |
position: fixed; | |
top: 0; | |
bottom: 0; | |
right: 0; | |
left: 0; | |
z-index: -1; | |
opacity: 0; | |
-webkit-transition: opacity 0.2s ease-in 0.4s; | |
transition: opacity 0.2s ease-in 0.4s; | |
} | |
.loginbiox { box-shadow: 0 0 40px 4px #111118;} | |
/* table tr gredient background */ | |
tr { background:-webkit-linear-gradient(top,transparent 0,transparent 50%,rgba(0,0,0,.15) 95.5%,rgba(0,0,0,.15) 100%); | |
background: linear-gradient(top,transparent 0,transparent 50%,rgba(0,0,0,.15) 95.5%,rgba(0,0,0,.15) 100%); | |
} | |
/* text shadow */ | |
.text {text-shadow: rgba(0, 0, 0, 0.36) 7px 7px 10px;} | |
.shadow {box-shadow: 0 5px 20px 1px rgba(17,72,155,.2);} | |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
thanks you so much ."nth css is most important "