test / css /plugins.css
hussein2000's picture
Upload 83 files
7ea4bc8 verified
raw
history blame
22.4 kB
/*
List of plugins
1. Base CSS (made by SRBThemes)
*/
/*------------------------------------------------------------------*/
/* 1. Base CSS
/*------------------------------------------------------------------*/
a,
abbr,
acronym,
address,
applet,
b,
big,
blockquote,
body,
caption,
center,
cite,
code,
dd,
del,
dfn,
div,
dl,
dt,
em,
fieldset,
font,
form,
h1,
h2,
h3,
h4,
h5,
h6,
html,
i,
iframe,
ins,
kbd,
label,
legend,
li,
object,
ol,
p,
pre,
q,
s,
samp,
small,
span,
strike,
strong,
sub,
sup,
table,
tbody,
td,
tfoot,
th,
thead,
tr,
tt,
u,
ul,
var {
background: 0 0;
border: 0;
margin: 0;
padding: 0;
vertical-align: baseline;
outline: 0
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section {
display: block
}
blockquote {
quotes: none
}
blockquote:after,
blockquote:before {
content: '';
content: none
}
ol,
ul {
margin: 30px
}
ol li,
ul li {
margin-bottom: 5px
}
img {
vertical-align: middle;
max-width: 100%
}
iframe {
max-width: 100%
}
del {
text-decoration: line-through
}
a,
i {
-webkit-transition: all .3s ease;
-moz-transition: all .3s ease;
-ms-transition: all .3s ease;
-o-transition: all .3s ease;
transition: all .3s ease;
border: none
}
a:hover {
text-decoration: none
}
h1,
h2,
h3,
h4,
h5,
h6 {
font-weight: 400;
margin-bottom: 20px
}
h1 {
font-size: 45px
}
h2 {
font-size: 36px
}
h3 {
font-size: 30px
}
h4 {
font-size: 24px
}
h5 {
font-size: 20px
}
h6 {
font-size: 16px
}
table {
width: 100%;
max-width: 100%;
text-align: left;
border-collapse: collapse;
border-spacing: 0px;
margin-bottom: 15px;
color: var(--techwave-body-color);
border: 1px solid var(--techwave-border-color)
}
table tr {
border: 1px solid var(--techwave-border-color)
}
table th {
vertical-align: top;
color: var(--techwave-heading-color);
background: 0 0;
font-size: 16px;
font-weight: 400;
padding: 15px 10px;
border: 1px solid var(--techwave-border-color)
}
table td {
vertical-align: top;
padding: 10px;
border: 1px solid var(--techwave-border-color)
}
code,
pre {
padding: 10px;
border-left: 3px solid var(--techwave-main-color);
border-bottom: 1px solid transparent;
background: var(--techwave-some-a-bg-color);
overflow-x: auto;
}
pre {
display: block;
word-break: break-all;
word-wrap: break-word
}
pre code {
white-space: pre-wrap
}
textarea {
outline: none;
font-size: 16px;
color: var(--techwave-heading-color);
resize: vertical;
font-family: var(--techwave-heading-font-family);
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
line-height: 1.4;
padding: 10px;
width: 100%;
border-radius: 5px;
border: 2px solid var(--techwave-border-color);
-webkit-transition: all .3s ease;
-moz-transition: all .3s ease;
-ms-transition: all .3s ease;
-o-transition: all .3s ease;
transition: all .3s ease;
background-color: transparent;
}
.uneditable-input,
input[type=color],
input[type=date],
input[type=datetime-local],
input[type=datetime],
input[type=email],
input[type=month],
input[type=number],
input[type=password],
input[type=search],
input[type=tel],
input[type=text],
input[type=time],
input[type=url],
input[type=week] {
font-size: 16px;
min-width: 220px;
color: var(--techwave-heading-color);
letter-spacing: .5px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
font-family: var(--techwave-heading-font-family);
line-height: 1.6;
padding: 10px 20px;
height: 40px;
vertical-align: middle;
border: 2px solid var(--techwave-border-color);
-webkit-transition: all .3s ease;
-moz-transition: all .3s ease;
-ms-transition: all .3s ease;
-o-transition: all .3s ease;
transition: all .3s ease;
background-color: transparent;
border-radius: 20px;
outline: none;
}
.uneditable-input:focus,
input[type=color]:focus,
input[type=date]:focus,
input[type=datetime-local]:focus,
input[type=datetime]:focus,
input[type=email]:focus,
input[type=month]:focus,
input[type=number]:focus,
input[type=password]:focus,
input[type=search]:focus,
input[type=tel]:focus,
input[type=text]:focus,
input[type=time]:focus,
input[type=url]:focus,
input[type=week]:focus,
textarea:focus {
border-color: var(--techwave-main-color);
}
input[type=submit] {
padding: 13px 15px;
height: 40px;
line-height: 1;
text-transform: uppercase;
font-size: 13px;
font-weight: 600;
text-decoration: none;
letter-spacing: .5px;
border: none;
cursor: pointer;
color: #fff;
background: #777;
-webkit-transition: all .3s ease;
-moz-transition: all .3s ease;
-ms-transition: all .3s ease;
-o-transition: all .3s ease;
transition: all .3s ease
}
input[type=submit]:hover {
background: #444
}
select {
padding: 8px;
border: 2px solid var(--techwave-border-color)
}
input[type=button] {
cursor: pointer;
-webkit-transition: all .3s ease;
-moz-transition: all .3s ease;
-ms-transition: all .3s ease;
-o-transition: all .3s ease;
transition: all .3s ease
}
[class^="fn__space__"]:after,
[class^="fn__space__"]:before {
clear: both;
display: table;
content: '';
}
.fn__space__10 {
margin-bottom: 10px;
}
.fn__space__20 {
margin-bottom: 20px;
}
.fn__space__30 {
margin-bottom: 30px;
}
.fn__space__40 {
margin-bottom: 40px;
}
.fn__space__50 {
margin-bottom: 50px;
}
.fn__space__60 {
margin-bottom: 60px;
}
.fn__space__70 {
margin-bottom: 70px;
}
.fn__space__80 {
margin-bottom: 80px;
}
.fn__space__90 {
margin-bottom: 90px;
}
.fn__space__100 {
margin-bottom: 100px;
}
.fn__space__150 {
margin-bottom: 150px;
}
.fn__space__200 {
margin-bottom: 200px;
}
/* TOOLTIPSTER BUNDLE MIN */
.tooltipster-fall,
.tooltipster-grow.tooltipster-show {
-webkit-transition-timing-function: cubic-bezier(.175, .885, .32, 1);
-moz-transition-timing-function: cubic-bezier(.175, .885, .32, 1.15);
-ms-transition-timing-function: cubic-bezier(.175, .885, .32, 1.15);
-o-transition-timing-function: cubic-bezier(.175, .885, .32, 1.15)
}
.tooltipster-base {
display: flex;
pointer-events: none;
position: absolute
}
.tooltipster-box {
flex: 1 1 auto
}
.tooltipster-content {
box-sizing: border-box;
max-height: 100%;
max-width: 100%;
overflow: auto
}
.tooltipster-ruler {
bottom: 0;
left: 0;
overflow: hidden;
position: fixed;
right: 0;
top: 0;
visibility: hidden
}
.tooltipster-fade {
opacity: 0;
-webkit-transition-property: opacity;
-moz-transition-property: opacity;
-o-transition-property: opacity;
-ms-transition-property: opacity;
transition-property: opacity
}
.tooltipster-fade.tooltipster-show {
opacity: 1
}
.tooltipster-grow {
-webkit-transform: scale(0, 0);
-moz-transform: scale(0, 0);
-o-transform: scale(0, 0);
-ms-transform: scale(0, 0);
transform: scale(0, 0);
-webkit-transition-property: -webkit-transform;
-moz-transition-property: -moz-transform;
-o-transition-property: -o-transform;
-ms-transition-property: -ms-transform;
transition-property: transform;
-webkit-backface-visibility: hidden
}
.tooltipster-grow.tooltipster-show {
-webkit-transform: scale(1, 1);
-moz-transform: scale(1, 1);
-o-transform: scale(1, 1);
-ms-transform: scale(1, 1);
transform: scale(1, 1);
-webkit-transition-timing-function: cubic-bezier(.175, .885, .32, 1.15);
transition-timing-function: cubic-bezier(.175, .885, .32, 1.15)
}
.tooltipster-swing {
opacity: 0;
-webkit-transform: rotateZ(4deg);
-moz-transform: rotateZ(4deg);
-o-transform: rotateZ(4deg);
-ms-transform: rotateZ(4deg);
transform: rotateZ(4deg);
-webkit-transition-property: -webkit-transform, opacity;
-moz-transition-property: -moz-transform;
-o-transition-property: -o-transform;
-ms-transition-property: -ms-transform;
transition-property: transform
}
.tooltipster-swing.tooltipster-show {
opacity: 1;
-webkit-transform: rotateZ(0);
-moz-transform: rotateZ(0);
-o-transform: rotateZ(0);
-ms-transform: rotateZ(0);
transform: rotateZ(0);
-webkit-transition-timing-function: cubic-bezier(.23, .635, .495, 1);
-webkit-transition-timing-function: cubic-bezier(.23, .635, .495, 2.4);
-moz-transition-timing-function: cubic-bezier(.23, .635, .495, 2.4);
-ms-transition-timing-function: cubic-bezier(.23, .635, .495, 2.4);
-o-transition-timing-function: cubic-bezier(.23, .635, .495, 2.4);
transition-timing-function: cubic-bezier(.23, .635, .495, 2.4)
}
.tooltipster-fall {
-webkit-transition-property: top;
-moz-transition-property: top;
-o-transition-property: top;
-ms-transition-property: top;
transition-property: top;
-webkit-transition-timing-function: cubic-bezier(.175, .885, .32, 1.15);
transition-timing-function: cubic-bezier(.175, .885, .32, 1.15)
}
.tooltipster-fall.tooltipster-initial {
top: 0 !important
}
.tooltipster-fall.tooltipster-dying {
-webkit-transition-property: all;
-moz-transition-property: all;
-o-transition-property: all;
-ms-transition-property: all;
transition-property: all;
top: 0 !important;
opacity: 0
}
.tooltipster-slide {
-webkit-transition-property: left;
-moz-transition-property: left;
-o-transition-property: left;
-ms-transition-property: left;
transition-property: left;
-webkit-transition-timing-function: cubic-bezier(.175, .885, .32, 1);
-webkit-transition-timing-function: cubic-bezier(.175, .885, .32, 1.15);
-moz-transition-timing-function: cubic-bezier(.175, .885, .32, 1.15);
-ms-transition-timing-function: cubic-bezier(.175, .885, .32, 1.15);
-o-transition-timing-function: cubic-bezier(.175, .885, .32, 1.15);
transition-timing-function: cubic-bezier(.175, .885, .32, 1.15)
}
.tooltipster-slide.tooltipster-initial {
left: -40px !important
}
.tooltipster-slide.tooltipster-dying {
-webkit-transition-property: all;
-moz-transition-property: all;
-o-transition-property: all;
-ms-transition-property: all;
transition-property: all;
left: 0 !important;
opacity: 0
}
@keyframes tooltipster-fading {
0% {
opacity: 0
}
100% {
opacity: 1
}
}
.tooltipster-update-fade {
animation: tooltipster-fading .4s
}
@keyframes tooltipster-rotating {
25% {
transform: rotate(-2deg)
}
75% {
transform: rotate(2deg)
}
100% {
transform: rotate(0)
}
}
.tooltipster-update-rotate {
animation: tooltipster-rotating .6s
}
@keyframes tooltipster-scaling {
50% {
transform: scale(1.1)
}
100% {
transform: scale(1)
}
}
.tooltipster-update-scale {
animation: tooltipster-scaling .6s
}
.tooltipster-sidetip .tooltipster-box {
background: #565656;
border: 2px solid #000;
border-radius: 4px
}
.tooltipster-sidetip.tooltipster-bottom .tooltipster-box {
margin-top: 8px
}
.tooltipster-sidetip.tooltipster-left .tooltipster-box {
margin-right: 8px
}
.tooltipster-sidetip.tooltipster-right .tooltipster-box {
margin-left: 8px
}
.tooltipster-sidetip.tooltipster-top .tooltipster-box {
margin-bottom: 8px
}
.tooltipster-sidetip .tooltipster-content {
color: #fff;
line-height: 18px;
padding: 6px 14px
}
.tooltipster-sidetip .tooltipster-arrow {
overflow: hidden;
position: absolute
}
.tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow {
height: 10px;
margin-left: -10px;
top: 0;
width: 20px
}
.tooltipster-sidetip.tooltipster-left .tooltipster-arrow {
height: 20px;
margin-top: -10px;
right: 0;
top: 0;
width: 10px
}
.tooltipster-sidetip.tooltipster-right .tooltipster-arrow {
height: 20px;
margin-top: -10px;
left: 0;
top: 0;
width: 10px
}
.tooltipster-sidetip.tooltipster-top .tooltipster-arrow {
bottom: 0;
height: 10px;
margin-left: -10px;
width: 20px
}
.tooltipster-sidetip .tooltipster-arrow-background,
.tooltipster-sidetip .tooltipster-arrow-border {
height: 0;
position: absolute;
width: 0
}
.tooltipster-sidetip .tooltipster-arrow-background {
border: 10px solid transparent
}
.tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow-background {
border-bottom-color: #565656;
left: 0;
top: 3px
}
.tooltipster-sidetip.tooltipster-left .tooltipster-arrow-background {
border-left-color: #565656;
left: -3px;
top: 0
}
.tooltipster-sidetip.tooltipster-right .tooltipster-arrow-background {
border-right-color: #565656;
left: 3px;
top: 0
}
.tooltipster-sidetip.tooltipster-top .tooltipster-arrow-background {
border-top-color: #565656;
left: 0;
top: -3px
}
.tooltipster-sidetip .tooltipster-arrow-border {
border: 10px solid transparent;
left: 0;
top: 0
}
.tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow-border {
border-bottom-color: #000
}
.tooltipster-sidetip.tooltipster-left .tooltipster-arrow-border {
border-left-color: #000
}
.tooltipster-sidetip.tooltipster-right .tooltipster-arrow-border {
border-right-color: #000
}
.tooltipster-sidetip.tooltipster-top .tooltipster-arrow-border {
border-top-color: #000
}
.tooltipster-sidetip .tooltipster-arrow-uncropped {
position: relative
}
.tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow-uncropped {
top: -10px
}
.tooltipster-sidetip.tooltipster-right .tooltipster-arrow-uncropped {
left: -10px
}
.tooltipster-sidetip.tooltipster-borderless .tooltipster-box {
border: none;
background: #1b1b1b;
background: rgba(10, 10, 10, .9)
}
.tooltipster-sidetip.tooltipster-borderless.tooltipster-bottom .tooltipster-box {
margin-top: 8px
}
.tooltipster-sidetip.tooltipster-borderless.tooltipster-left .tooltipster-box {
margin-right: 8px
}
.tooltipster-sidetip.tooltipster-borderless.tooltipster-right .tooltipster-box {
margin-left: 8px
}
.tooltipster-sidetip.tooltipster-borderless.tooltipster-top .tooltipster-box {
margin-bottom: 8px
}
.tooltipster-sidetip.tooltipster-borderless .tooltipster-arrow {
height: 8px;
margin-left: -8px;
width: 16px
}
.tooltipster-sidetip.tooltipster-borderless.tooltipster-left .tooltipster-arrow,
.tooltipster-sidetip.tooltipster-borderless.tooltipster-right .tooltipster-arrow {
height: 16px;
margin-left: 0;
margin-top: -8px;
width: 8px
}
.tooltipster-sidetip.tooltipster-borderless .tooltipster-arrow-background {
display: none
}
.tooltipster-sidetip.tooltipster-borderless .tooltipster-arrow-border {
border: 8px solid transparent
}
.tooltipster-sidetip.tooltipster-borderless.tooltipster-bottom .tooltipster-arrow-border {
border-bottom-color: #1b1b1b;
border-bottom-color: rgba(10, 10, 10, .9)
}
.tooltipster-sidetip.tooltipster-borderless.tooltipster-left .tooltipster-arrow-border {
border-left-color: #1b1b1b;
border-left-color: rgba(10, 10, 10, .9)
}
.tooltipster-sidetip.tooltipster-borderless.tooltipster-right .tooltipster-arrow-border {
border-right-color: #1b1b1b;
border-right-color: rgba(10, 10, 10, .9)
}
.tooltipster-sidetip.tooltipster-borderless.tooltipster-top .tooltipster-arrow-border {
border-top-color: #1b1b1b;
border-top-color: rgba(10, 10, 10, .9)
}
.tooltipster-sidetip.tooltipster-borderless.tooltipster-bottom .tooltipster-arrow-uncropped {
top: -8px
}
.tooltipster-sidetip.tooltipster-borderless.tooltipster-right .tooltipster-arrow-uncropped {
left: -8px
}
.tooltipster-sidetip.tooltipster-light .tooltipster-box {
border-radius: 3px;
border: 1px solid #ccc;
background: #ededed
}
.tooltipster-sidetip.tooltipster-light .tooltipster-content {
color: #666
}
.tooltipster-sidetip.tooltipster-light .tooltipster-arrow {
height: 9px;
margin-left: -9px;
width: 18px
}
.tooltipster-sidetip.tooltipster-light.tooltipster-left .tooltipster-arrow,
.tooltipster-sidetip.tooltipster-light.tooltipster-right .tooltipster-arrow {
height: 18px;
margin-left: 0;
margin-top: -9px;
width: 9px
}
.tooltipster-sidetip.tooltipster-light .tooltipster-arrow-background {
border: 9px solid transparent
}
.tooltipster-sidetip.tooltipster-light.tooltipster-bottom .tooltipster-arrow-background {
border-bottom-color: #ededed;
top: 1px
}
.tooltipster-sidetip.tooltipster-light.tooltipster-left .tooltipster-arrow-background {
border-left-color: #ededed;
left: -1px
}
.tooltipster-sidetip.tooltipster-light.tooltipster-right .tooltipster-arrow-background {
border-right-color: #ededed;
left: 1px
}
.tooltipster-sidetip.tooltipster-light.tooltipster-top .tooltipster-arrow-background {
border-top-color: #ededed;
top: -1px
}
.tooltipster-sidetip.tooltipster-light .tooltipster-arrow-border {
border: 9px solid transparent
}
.tooltipster-sidetip.tooltipster-light.tooltipster-bottom .tooltipster-arrow-border {
border-bottom-color: #ccc
}
.tooltipster-sidetip.tooltipster-light.tooltipster-left .tooltipster-arrow-border {
border-left-color: #ccc
}
.tooltipster-sidetip.tooltipster-light.tooltipster-right .tooltipster-arrow-border {
border-right-color: #ccc
}
.tooltipster-sidetip.tooltipster-light.tooltipster-top .tooltipster-arrow-border {
border-top-color: #ccc
}
.tooltipster-sidetip.tooltipster-light.tooltipster-bottom .tooltipster-arrow-uncropped {
top: -9px
}
.tooltipster-sidetip.tooltipster-light.tooltipster-right .tooltipster-arrow-uncropped {
left: -9px
}
.tooltipster-sidetip.tooltipster-noir .tooltipster-box {
border-radius: 0;
border: 3px solid #000;
background: #fff
}
.tooltipster-sidetip.tooltipster-noir .tooltipster-content {
color: #000
}
.tooltipster-sidetip.tooltipster-noir .tooltipster-arrow {
height: 11px;
margin-left: -11px;
width: 22px
}
.tooltipster-sidetip.tooltipster-noir.tooltipster-left .tooltipster-arrow,
.tooltipster-sidetip.tooltipster-noir.tooltipster-right .tooltipster-arrow {
height: 22px;
margin-left: 0;
margin-top: -11px;
width: 11px
}
.tooltipster-sidetip.tooltipster-noir .tooltipster-arrow-background {
border: 11px solid transparent
}
.tooltipster-sidetip.tooltipster-noir.tooltipster-bottom .tooltipster-arrow-background {
border-bottom-color: #fff;
top: 4px
}
.tooltipster-sidetip.tooltipster-noir.tooltipster-left .tooltipster-arrow-background {
border-left-color: #fff;
left: -4px
}
.tooltipster-sidetip.tooltipster-noir.tooltipster-right .tooltipster-arrow-background {
border-right-color: #fff;
left: 4px
}
.tooltipster-sidetip.tooltipster-noir.tooltipster-top .tooltipster-arrow-background {
border-top-color: #fff;
top: -4px
}
.tooltipster-sidetip.tooltipster-noir .tooltipster-arrow-border {
border-width: 11px
}
.tooltipster-sidetip.tooltipster-noir.tooltipster-bottom .tooltipster-arrow-uncropped {
top: -11px
}
.tooltipster-sidetip.tooltipster-noir.tooltipster-right .tooltipster-arrow-uncropped {
left: -11px
}
.tooltipster-sidetip.tooltipster-punk .tooltipster-box {
border-radius: 5px;
border: none;
border-bottom: 3px solid var(--techwave-main-color);
background: #2a2a2a
}
.tooltipster-sidetip.tooltipster-punk.tooltipster-top .tooltipster-box {
margin-bottom: 7px
}
.tooltipster-sidetip.tooltipster-punk .tooltipster-content {
color: #fff;
padding: 8px 16px
}
.tooltipster-sidetip.tooltipster-punk .tooltipster-arrow-background {
display: none
}
.tooltipster-sidetip.tooltipster-punk.tooltipster-bottom .tooltipster-arrow-border {
border-bottom-color: #2a2a2a
}
.tooltipster-sidetip.tooltipster-punk.tooltipster-left .tooltipster-arrow-border {
border-left-color: #2a2a2a
}
.tooltipster-sidetip.tooltipster-punk.tooltipster-right .tooltipster-arrow-border {
border-right-color: #2a2a2a
}
.tooltipster-sidetip.tooltipster-punk.tooltipster-top .tooltipster-arrow-border {
border-top-color: var(--techwave-main-color)
}
.tooltipster-sidetip.tooltipster-shadow .tooltipster-box {
border: none;
border-radius: 5px;
background: #fff;
box-shadow: 0 0 10px 6px rgba(0, 0, 0, .1)
}
.tooltipster-sidetip.tooltipster-shadow.tooltipster-bottom .tooltipster-box {
margin-top: 6px
}
.tooltipster-sidetip.tooltipster-shadow.tooltipster-left .tooltipster-box {
margin-right: 6px
}
.tooltipster-sidetip.tooltipster-shadow.tooltipster-right .tooltipster-box {
margin-left: 6px
}
.tooltipster-sidetip.tooltipster-shadow.tooltipster-top .tooltipster-box {
margin-bottom: 6px
}
.tooltipster-sidetip.tooltipster-shadow .tooltipster-content {
color: #8d8d8d
}
.tooltipster-sidetip.tooltipster-shadow .tooltipster-arrow {
height: 6px;
margin-left: -6px;
width: 12px
}
.tooltipster-sidetip.tooltipster-shadow.tooltipster-left .tooltipster-arrow,
.tooltipster-sidetip.tooltipster-shadow.tooltipster-right .tooltipster-arrow {
height: 12px;
margin-left: 0;
margin-top: -6px;
width: 6px
}
.tooltipster-sidetip.tooltipster-shadow .tooltipster-arrow-background {
display: none
}
.tooltipster-sidetip.tooltipster-shadow .tooltipster-arrow-border {
border: 6px solid transparent
}
.tooltipster-sidetip.tooltipster-shadow.tooltipster-bottom .tooltipster-arrow-border {
border-bottom-color: #fff
}
.tooltipster-sidetip.tooltipster-shadow.tooltipster-left .tooltipster-arrow-border {
border-left-color: #fff
}
.tooltipster-sidetip.tooltipster-shadow.tooltipster-right .tooltipster-arrow-border {
border-right-color: #fff
}
.tooltipster-sidetip.tooltipster-shadow.tooltipster-top .tooltipster-arrow-border {
border-top-color: #fff
}
.tooltipster-sidetip.tooltipster-shadow.tooltipster-bottom .tooltipster-arrow-uncropped {
top: -6px
}
.tooltipster-sidetip.tooltipster-shadow.tooltipster-right .tooltipster-arrow-uncropped {
left: -6px
}