start adding base template
This commit is contained in:
@@ -8,165 +8,6 @@
|
||||
font-style: normal;
|
||||
}
|
||||
|
||||
/*--------------------------------------------------------------
|
||||
# Reset
|
||||
--------------------------------------------------------------*/
|
||||
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video, div
|
||||
{margin:0; padding:0; border:0; outline:0;}
|
||||
mark {background:none;}
|
||||
article,aside,details,figcaption,figure, footer,header,hgroup,menu,nav,section
|
||||
{display:block;}
|
||||
nav ul {list-style:none;}
|
||||
blockquote, q {quotes:none;}
|
||||
blockquote:before, blockquote:after, q:before, q:after {content:''; content:none;}
|
||||
a {margin:0; padding:0; text-decoration:none;}
|
||||
hr { display:block; height:1px; border:0; border:none; padding:0;}
|
||||
input, select {vertical-align:middle;}
|
||||
.clear {clear:both; margin: 0; padding:0;}
|
||||
img {line-height:0;}
|
||||
|
||||
/*--------------------------------------------------------------
|
||||
# Grid
|
||||
--------------------------------------------------------------*/
|
||||
* {-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}.container:before,.container:after,.container-fluid:before,.container-fluid:after,.row:before,.row:after {clear:both; content:" ";display:table;}
|
||||
|
||||
/* Container */
|
||||
.container {padding: 0 15px; margin: 0 auto; position:relative;}.container-fluid {padding: 0 15px; margin: 0 auto;}.row {margin: 0 -15px;}
|
||||
@media (min-width: 768px) {.container {width: 95%;}}
|
||||
@media (min-width: 1050px) {.container {width: 90%;}}
|
||||
@media (min-width: 1250px) {.container {width: 95%;}}
|
||||
@media (min-width: 1800px) {.container {width: 1600px;}}
|
||||
@media (min-width: 2000px) {.container {width: 1900px;}}
|
||||
|
||||
/* Clear */
|
||||
.tab4:nth-of-type(3n+1) {clear:both;}
|
||||
|
||||
.mobile0, .tab0, .medium0, .large0, .mobile1, .tab1, .medium1, .large1, .mobile2, .tab2, .medium2, .large2, .mobile3, .tab3, .medium3, .large3, .mobile4, .tab4, .medium4, .large4, .mobile5, .tab5, .medium5, .large5, .mobile6, .tab6, .medium6, .large6, .mobile7, .tab7, .medium7, .large7, .mobile8, .tab8, .medium8, .large8, .mobile9, .tab9, .medium9, .large9, .mobile10, .tab10, .medium10, .large10, .mobile11, .tab11, .medium11, .large11, .mobile12, .tab12, .medium12, .large12, .tab20 {position: relative; min-height: 1px; padding: 0 15px; display:block;}
|
||||
|
||||
.mobile0, .mobile1, .mobile2, .mobile3, .mobile4, .mobile5, .mobile6, .mobile7, .mobile8, .mobile9, .mobile10, .mobile11, .mobile12 {float: left;}
|
||||
|
||||
.mobile12 {width: 100%;}.mobile11 {width: 91.66666667%;}.mobile10 {width: 83.33333333%;}.mobile9 {width: 75%;}.mobile8 {width: 66.66666667%;}.mobile7 {width: 58.33333333%;}.mobile6 {width: 50%;}.mobile5 {width: 41.66666667%;}.mobile4 {width: 33.33333333%;}.mobile3 {width: 25%;}.mobile2 {width: 16.66666667%;}.mobile1 {width: 8.33333333%;}.mobile0 {display:none;}
|
||||
|
||||
@media (min-width: 768px) {
|
||||
.tab1, .tab2, .tab3, .tab4, .tab5, .tab6, .tab7, .tab8, .tab9, .tab10, .tab11, .tab12, .tab20 {float: left;}
|
||||
.tab12 {width: 100%;}.tab11 {width: 91.66666667%;}.tab10 {width: 83.33333333%;}.tab9 {width: 75%;}.tab8 {width: 66.66666667%;}.tab7 {width: 58.33333333%;}.tab6 {width: 50%;}.tab5 {width: 41.66666667%;}.tab4 {width: 33.33333333%;}.tab3 {width: 25%;}.tab2 {width: 16.66666667%;}.tab1 {width: 8.33333333%;}.tab0 {display:none;}.tab20 {width: 20%;}
|
||||
}
|
||||
@media (min-width: 1050px) {
|
||||
.medium1, .medium2, .medium3, .medium4, .medium5, .medium6, .medium7, .medium8, .medium9, .medium10, .medium11, .medium12 {float: left;}.medium12 {width: 100%;}
|
||||
.medium11 {width: 91.66666667%;}.medium10 {width: 83.33333333%;}.medium9 {width: 75%;}.medium8 {width: 66.66666667%;}.medium7 {width: 58.33333333%;}.medium6 {width: 50%;}.medium5 {width: 41.66666667%;}.medium4 {width: 33.33333333%;}.medium3 {width: 25%;}.medium2 {width: 16.66666667%;}.medium1 {width: 8.33333333%;}.medium0 {display:none;}
|
||||
}
|
||||
@media (min-width: 1250px) {
|
||||
.large1, .large2, .large3, .large4, .large5, .large6, .large7, .large8, .large9, .large10, .large11, .large12 {float: left;}
|
||||
.large12 {width: 100%;}.large11 {width: 91.66666667%;}.large10 {width: 83.33333333%;}.large9 {width: 75%;}.large8 {width: 66.66666667%;}.large7 {width: 58.33333333%;}.large6 {width: 50%;}.large5 {width: 41.66666667%;}.large4 {width: 33.33333333%;}.large3 {width: 25%;}.large2 {width: 16.66666667%;}.large1 {width: 8.33333333%;}.large0 {display:none;}
|
||||
}
|
||||
|
||||
|
||||
/*--------------------------------------------------------------
|
||||
# General Settings
|
||||
--------------------------------------------------------------*/
|
||||
html,body {
|
||||
font-family: 'Open Sans', sans-serif;
|
||||
font-size:15px;
|
||||
line-height:1.4;
|
||||
color:#000;
|
||||
background:#f5f3f4;
|
||||
}
|
||||
.clear {clear:both;}
|
||||
.section_padding {padding:100px 0px;}
|
||||
|
||||
/*--------------------------------------------------------------
|
||||
# Typo
|
||||
--------------------------------------------------------------*/
|
||||
p {margin-bottom:20px; color:#000;}
|
||||
h1 {display: block; font-size: 25px; font-weight: 600; line-height: 1.2; margin-bottom:10px; text-align:left; color:#333;}
|
||||
h2 {display: block; font-size: 45px; font-weight: 600; line-height: 1.2; margin-bottom:10px; text-align:center;}
|
||||
h3 {display: block; font-size: 20px; font-weight: 300; line-height: 1.2; letter-spacing:2px;}
|
||||
h4 {display: block; font-size: 15px; font-weight: 600; line-height: 1.2;}
|
||||
h5 {display: block; font-size: 18px; font-weight: 600; line-height: 1.2; border-bottom:dotted 1px #999; padding-bottom:5px; margin-top:20px; margin-bottom:20px;}
|
||||
strong {font-weight:700;}
|
||||
mark {color:#ac1526;}
|
||||
a {text-decoration:none; color:#ac1526;}
|
||||
a:hover {color:#901624;}
|
||||
|
||||
|
||||
/*--------------------------------------------------------------
|
||||
# Forms
|
||||
--------------------------------------------------------------*/
|
||||
.input_holder {margin-bottom:20px; display:block;}
|
||||
.input_header {margin-bottom:10px;}
|
||||
.input_description {font-size:13px; color:#666;}
|
||||
input, textarea, select {
|
||||
font-family: 'Open Sans', sans-serif;
|
||||
width:100%;
|
||||
display:block;
|
||||
height:35px;
|
||||
padding:0px 10px;
|
||||
color:#333;
|
||||
backrgound:#FFF;
|
||||
border:solid 1px #CCC;
|
||||
outline:none;
|
||||
font-size:13px;
|
||||
transition:all 0.3s;
|
||||
-webkit-transition:all 0.3s;
|
||||
-moz-transition:all 0.3s;
|
||||
}
|
||||
textarea {padding:10px; height:auto;}
|
||||
input:focus, textarea:focus, select:focus {background:#FFF; border-color:#28b78d;}
|
||||
label {font-weight:600; color:#333;}
|
||||
|
||||
input[type="checkbox"] {
|
||||
position: absolute;
|
||||
top: -10px;
|
||||
left: -10px;
|
||||
line-height:50px;
|
||||
visibility: hidden;
|
||||
display: inline-block;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
width: auto;
|
||||
height: auto;
|
||||
}
|
||||
.checkbox_holder {position:absolute; top:0px; bottom:0px;}
|
||||
.check_checkbox {
|
||||
background: #FFF;
|
||||
display: block;
|
||||
position: absolute;
|
||||
border: 1px solid #999;
|
||||
border-radius: 0;
|
||||
height: 18px;
|
||||
width: 18px;
|
||||
top: 50%;
|
||||
margin-top:-9px;
|
||||
left: 0px;
|
||||
z-index: 5;
|
||||
transition: border .25s linear;
|
||||
-webkit-transition: border .25s linear;
|
||||
|
||||
}
|
||||
.check_checkbox::before {
|
||||
display: block;
|
||||
position: absolute;
|
||||
content: '';
|
||||
border-radius: 0;
|
||||
height: 17px;
|
||||
width: 17px;
|
||||
top: 0px;
|
||||
left: 0px;
|
||||
margin: auto;
|
||||
transition: background 0.25s linear;
|
||||
-webkit-transition: background 0.25s linear;
|
||||
}
|
||||
input[type=checkbox]:checked ~ .check_checkbox {
|
||||
border: 1px solid #28b78d;
|
||||
}
|
||||
|
||||
input[type=checkbox]:checked ~ .check_checkbox:before{
|
||||
background: #28b78d!important;
|
||||
}
|
||||
.cell_checkbox label {width:18px; height:18px; display:block; cursor:pointer; z-index:10; position: absolute; top:50%; margin-top:-9px;}
|
||||
.checkbox_holder:hover .check_checkbox {border: 1px solid #28b78d;}
|
||||
|
||||
|
||||
/*--------------------------------------------------------------
|
||||
# CMS CONTENT FORM
|
||||
--------------------------------------------------------------*/
|
||||
@@ -180,345 +21,6 @@ input[type=checkbox]:checked ~ .check_checkbox:before{
|
||||
.fieldgroup_open .cms_fieldgroup_content {display:block;}
|
||||
|
||||
|
||||
/*--------------------------------------------------------------
|
||||
# LOGINBOX
|
||||
--------------------------------------------------------------*/
|
||||
#loginbox_container {
|
||||
/* Center vertically */
|
||||
display: -webkit-box;
|
||||
display: -ms-flexbox;
|
||||
display: -webkit-flex;
|
||||
display: flex;
|
||||
-webkit-box-pack: center;
|
||||
-ms-flex-pack: center;
|
||||
-webkit-justify-content: center;
|
||||
justify-content: center;
|
||||
-webkit-box-align: center;
|
||||
-ms-flex-align: center;
|
||||
-webkit-align-items: center;
|
||||
align-items: center;
|
||||
width:100%;
|
||||
height:100%;
|
||||
position:absolute;
|
||||
top:0px; left:0px; bottom:0px; right:0px;
|
||||
background:#28b78d;
|
||||
}
|
||||
.loginbox_holder {
|
||||
max-width:380px;
|
||||
width:90%;
|
||||
margin:0px;
|
||||
position:relative;
|
||||
display:block;
|
||||
/* border:solid 1px #FFF; */
|
||||
border-radius:2px;
|
||||
/*background:#FFF;*/
|
||||
height:auto;
|
||||
padding:20px;
|
||||
}
|
||||
|
||||
.loginbox_logo {line-height:0; margin-bottom:15px; text-align:center;}
|
||||
/*.loginbox_logo p {font-size:25px; line-height:33px; color:#000;}
|
||||
.loginbox_logo_icon {width:35px; float:left; margin-right:10px;}*/
|
||||
.loginbox_logo img {width:100%; max-width:72px;}
|
||||
|
||||
.loginbox_content {}
|
||||
p.login_intro_text {font-size:14px!important; margin-bottom:20px; line-height:1.5;}
|
||||
.loginbox_content p {text-align:center; color:#FFF; font-size:15px; line-height:1.2;}
|
||||
.login_input {
|
||||
margin-bottom:10px;
|
||||
border:none;
|
||||
height:40px;
|
||||
position:relative;
|
||||
}
|
||||
.login_input:before {
|
||||
font-family: 'FontAwesome';
|
||||
position:absolute;
|
||||
left:10px;
|
||||
top:5px;
|
||||
font-size:20px;
|
||||
color:#28b78d;
|
||||
content:"";
|
||||
}
|
||||
.login_form {
|
||||
text-align:center;
|
||||
}
|
||||
.login_user:before {content:"\f007";}
|
||||
.login_pw:before {content:"\f084";}
|
||||
.login_submit {
|
||||
width:auto;
|
||||
margin:0 auto;
|
||||
display:inline-block;
|
||||
margin-top:10px;
|
||||
}
|
||||
.login_submit:before {content:"\f090"; left:15px; top:6px;}
|
||||
|
||||
.login_input input {
|
||||
border:none;
|
||||
background:none;
|
||||
height:40px;
|
||||
width:100%;
|
||||
padding: 0px 10px 0px 35px;
|
||||
background:#f4f4f4;
|
||||
border:solid 1px #FFF;
|
||||
}
|
||||
.loginbox_content .login_input input:focus {border:solid 1px #152129; background:#FFF;}
|
||||
.login_form input[type="submit"] {
|
||||
height:40px;
|
||||
background:#152129;
|
||||
border:none;
|
||||
color:#FFF;
|
||||
cursor:pointer;
|
||||
text-transform:uppercase;
|
||||
width:auto;
|
||||
margin:0px auto 0 auto;
|
||||
padding: 0px 20px 0px 40px;
|
||||
border-radius:20px;
|
||||
}
|
||||
.login_form input[type="submit"]:hover {
|
||||
background:#1f3441;
|
||||
}
|
||||
.login_error {
|
||||
display:block;
|
||||
text-align:center;
|
||||
color:#FFF;
|
||||
line-height:1.2;
|
||||
margin-top:20px;
|
||||
}
|
||||
.login_error p {text-transform:uppercase; display:inline-block; background:#c70e00; padding:5px; font-weight:600; font-size:14px;}
|
||||
|
||||
/*--------------------------------------------------------------
|
||||
# Topbar
|
||||
--------------------------------------------------------------*/
|
||||
.cms_topbar {
|
||||
position: fixed;
|
||||
top: 0;
|
||||
right: 0;
|
||||
left: 0px;
|
||||
background: #1a2e3b;
|
||||
height: 40px;
|
||||
z-index: 1500;
|
||||
}
|
||||
.cms_logo {width:70px; display:block; height:40px; float:left; position:relative;}
|
||||
.cms_logo a {display:block; width:100%; height:100%;}
|
||||
.cms_logo img {width:32px; height:auto; margin:0 auto; padding-top:4px; display:block;}
|
||||
.cms_logo:hover {background:rgba(40,183,141,0.3);}
|
||||
|
||||
.cms_websitename {float:left; width:auto; line-height:40px; color:#FFF; padding-left:15px;}
|
||||
.cms_open_navbutton {
|
||||
display:block;
|
||||
float:left;
|
||||
font-size:22px;
|
||||
color:#FFF;
|
||||
width:auto;
|
||||
height:100%;
|
||||
margin-left:40px;
|
||||
height:40px;
|
||||
width:40px;
|
||||
/*padding:3px 10px 0px 5px;*/
|
||||
padding-top:4px;
|
||||
cursor:pointer;
|
||||
text-align:center;
|
||||
}
|
||||
.cms_open_navbutton:hover {background:rgba(40,183,141,0.3);}
|
||||
.cms_open_navbutton .fa {color:#FFF;}
|
||||
|
||||
/*--------------------------------------------------------------
|
||||
# Left Sidebar (Main Navigation)
|
||||
--------------------------------------------------------------*/
|
||||
.cms_sidebar {position:fixed; left:0px; top:40px; bottom:0px; background:#152129; width:70px; transition:all 0.3s; z-index:2000;}
|
||||
.cms_sidebar_trigger {
|
||||
position:absolute;
|
||||
left:100%;
|
||||
bottom:5px;
|
||||
background:#1a2e3b;
|
||||
width:30px;
|
||||
height:30px;
|
||||
color:#FFF;
|
||||
padding-top:;
|
||||
text-align:center;
|
||||
font-size:20px;
|
||||
cursor:pointer;
|
||||
transition:all 0.3s;
|
||||
}
|
||||
.cms_sidebar_trigger:hover {background:#28b78d;}
|
||||
.trigger_active i:before {
|
||||
transform:rotate(180deg);
|
||||
}
|
||||
|
||||
.cms_sidebar_mainnav {height:100%; /*overflow-y:scroll;*/}
|
||||
.cms_sidebar_inner {position:relative; width:auto;}
|
||||
.cms_sidebar_icons_bg {background:#1a2e3b; width:70px; position:absolute; top:0px; left:0px; bottom:0px;}
|
||||
.main_navigation ul {list-style-type:none;}
|
||||
.main_navigation ul li {padding:0px; line-height:1.2; color:#FFF; position:relative; width:70px;}
|
||||
.main_navigation ul li .fa, .main_navigation ul li .ion_icon {
|
||||
color:#FFF;
|
||||
font-size:22px;
|
||||
text-align:center;
|
||||
position:relative;
|
||||
left:0;
|
||||
margin-bottom:5px;
|
||||
display:block;
|
||||
transition:all 0.3s;
|
||||
}
|
||||
.main_navigation ul li .fa {font-size:16px;}
|
||||
.main_navigation ul li .main_navigation_text {
|
||||
position:relative;
|
||||
font-size:10px;
|
||||
display:block;
|
||||
color:#FFF;
|
||||
text-align:center;
|
||||
width:auto;
|
||||
float:none;
|
||||
line-height:1;
|
||||
/*transition:all 0.3s;*/
|
||||
}
|
||||
.main_navigation ul li a {color:#FFF; display:block; height:auto; width:70px; height:auto; padding:8px 0px; text-align:center;}
|
||||
.main_navigation ul li:after {clear:both; content:""; display:block;}
|
||||
.main_navigation ul li:hover {background:rgba(40,183,141,0.3);}
|
||||
|
||||
.main_navigation ul li.active {background:#28b78d;}
|
||||
.main_navigation ul li.active .fa {background:#19435e;}
|
||||
|
||||
.main_navigation ul li.active .submenu {border-top:solid 1px rgba(255,255,255,0.2);}
|
||||
.main_navigation .submenu {margin-left:45px;}
|
||||
.main_navigation .submenu .submenu_headline {padding-left:15px;}
|
||||
.main_navigation .submenu li {}
|
||||
.main_navigation .submenu li .main_navigation_text {
|
||||
font-size:14px;
|
||||
display:block;
|
||||
color:#FFF;
|
||||
text-align:left;
|
||||
float:left;
|
||||
padding:0px 10px 0px 15px;
|
||||
width:180px;
|
||||
line-height:35px;
|
||||
}
|
||||
|
||||
.main_navigation .submenu li a {height:35px; padding:0px; text-align:left;}
|
||||
.main_navigation .nav_add_more {border-top:solid 1px rgba(255,255,255,0.2);}
|
||||
.main_navigation .submenu li.nav_add_more .main_navigation_text {text-align:center;}
|
||||
.main_navigation .submenu li:hover {background:rgba(56,29,29,0.6);}
|
||||
|
||||
/* Submenu */
|
||||
.sub_navigation {
|
||||
position:absolute;
|
||||
left:100%;
|
||||
top:0px;
|
||||
background:#152129;
|
||||
width:180px;
|
||||
height:auto;
|
||||
transition:all 0.3s;
|
||||
/*visibility:visible;
|
||||
opacity:1;*/
|
||||
visibility:hidden;
|
||||
opacity:0;
|
||||
}
|
||||
.sub_navigation ul {list-style-type:none;}
|
||||
.sub_navigation ul li {font-size:12px; display:block; text-align:left; padding:0px 10px 0px 15px; width:auto; line-height:30px; color:#FFF; position:relative;}
|
||||
.sub_navigation ul li a {color:#FFF; display:block; width:100%; height:100%; padding:0px; text-align:left;}
|
||||
.sub_navigation .nav_add_more {border-top:solid 1px rgba(255,255,255,0.2); border-bottom:solid 1px rgba(255,255,255,0.2); display:block;}
|
||||
.sub_navigation .nav_add_more a {display:block; text-align:center; color:rgba(255,255,255,0.5); font-weight:600; font-size:20px;}
|
||||
.sub_navigation ul li.active, .cms_content_sidebar .sub_navigation ul li:hover {background:#28B78D;}
|
||||
.sub_navigation ul li.active:after {
|
||||
right: 0;
|
||||
top: 50%;
|
||||
border: solid transparent;
|
||||
content: " ";
|
||||
height: 0;
|
||||
width: 0;
|
||||
position: absolute;
|
||||
pointer-events: none;
|
||||
border-color: rgba(255, 255, 255, 0);
|
||||
border-right-color: #f5f3f4;
|
||||
border-width: 10px;
|
||||
margin-top: -10px;
|
||||
}
|
||||
.sub_navigation_headline {color:#FFF; padding:0px 10px 0px 15px; font-weight:600; width:100%; display:block; border-bottom:solid 1px #FFF; line-height:50px; font-size:12px;}
|
||||
|
||||
.main_navigation ul li:hover .sub_navigation {
|
||||
visibility:visible;
|
||||
opacity:1;
|
||||
}
|
||||
|
||||
|
||||
/* Open Sidebar */
|
||||
.open_sidebar {width:250px;}
|
||||
.open_sidebar .sub_navigation {
|
||||
visibility:visible;
|
||||
opacity:1;
|
||||
left:70px;
|
||||
}
|
||||
.open_sidebar .main_navigation ul li.active {position:inherit;}
|
||||
.open_sidebar .sub_navigation ul li.active {position:relative;}
|
||||
.open_sidebar .main_navigation>ul>li.active>a>i:after {
|
||||
right: 0;
|
||||
top: 75%;
|
||||
border: solid transparent;
|
||||
content: " ";
|
||||
height: 0;
|
||||
width: 0;
|
||||
position: absolute;
|
||||
pointer-events: none;
|
||||
border-color: rgba(255, 255, 255, 0);
|
||||
border-right-color: #152129;
|
||||
border-width: 7px;
|
||||
margin-top: -7px;
|
||||
}
|
||||
|
||||
/*.open_sidebar {width:225px;}
|
||||
.open_sidebar .main_navigation ul li .main_navigation_text {
|
||||
width:auto;
|
||||
float:left;
|
||||
text-align:left;
|
||||
padding:0px 10px 0px 15px;
|
||||
line-height:40px;
|
||||
font-size:14px;
|
||||
}
|
||||
.open_sidebar .cms_sidebar_icons_bg {width:45px;}
|
||||
.open_sidebar .main_navigation ul li a {height:40px; width:auto; text-align:left; padding:0px;}
|
||||
.open_sidebar .main_navigation ul li .fa, .open_sidebar .main_navigation ul li .ion_icon {
|
||||
float:left;
|
||||
height:40px;
|
||||
width:45px;
|
||||
line-height:40px;
|
||||
margin:0px;
|
||||
}*/
|
||||
|
||||
/*--------------------------------------------------------------
|
||||
# Left Sidebar (User Profile)
|
||||
--------------------------------------------------------------*/
|
||||
.user_profile {position:fixed; bottom:0px; left:0px; right:0px; cursor:pointer; width:230px;}
|
||||
.user_profile_trigger {display:block;}
|
||||
.user_profile_trigger a {display:block; width:100%; height:100%;}
|
||||
.user_profile_image {float:left; width:45px; height:45px; padding-top:7px; text-align:center;}
|
||||
.user_profile_image .ion_icon {font-size:22px; color:#FFF;}
|
||||
.user_profile_image img {width:70%; margin:0 auto; display:block;}
|
||||
.user_profile_text {float:left; line-height:1; color:#FFF; font-size:14px; padding-left:15px; padding-top: 9px;}
|
||||
.user_profile_text .user_role {font-size:12px; color:rgba(255,255,255,0.5); display:block; margin-top:0px;}
|
||||
|
||||
.user_profile_trigger:hover {background:rgba(40,183,141,0.3);}
|
||||
.user_profile_open {position:absolute; right:0px; top:0px; width:auto; height:auto; padding-top:12px; padding-right:20px;}
|
||||
.user_profile_open .fa {color:#FFF; font-size:18px; transition:all 0.3s;}
|
||||
|
||||
|
||||
.user_profile_content {display:none; color:#FFF; padding-bottom:30px;}
|
||||
.user_profile_content ul {list-style-type:none;}
|
||||
.user_profile_content li {padding:0px; line-height:1.2; color:#FFF; position:relative;}
|
||||
.user_profile_content ul li .ion_icon {color:#FFF; font-size:20px; text-align:center; position:relative; left:0; float:left; height:45px; width:45px; line-height:45px;}
|
||||
.user_profile_content ul li .navigation_text {position:relative; font-size:14px; display:block; color:#FFF; text-align:left; float:left; padding:0px 10px 0px 15px; width:180px; line-height:45px;}
|
||||
.user_profile_content ul li a {color:#FFF; display:block; height:45px;}
|
||||
.user_profile_content ul li:after {clear:both; content:""; display:block;}
|
||||
.user_profile_content ul li:hover {background:rgba(40,183,141,0.3);}
|
||||
|
||||
|
||||
|
||||
.open_profile {background:rgba(40,183,141,0.3);}
|
||||
.open_profile .user_profile_trigger {background:rgba(40,183,141,0.5);}
|
||||
.open_profile .fa-angle-up {
|
||||
transform: rotate(180deg);
|
||||
}
|
||||
|
||||
|
||||
/*--------------------------------------------------------------
|
||||
# Content Area
|
||||
--------------------------------------------------------------*/
|
||||
|
||||
Reference in New Issue
Block a user