//Üye Paneli
.visitor-panel-Govde {
color:#000;
.visitor-panel--Ortala {
text-align: center;
}
.visitor-panel-fa-icon {
background-color: @xf-buttonDefault--background-color;
color: @xf-buttonDefault--color;
font-size: 90px;
width: 100px;
height: 100px;
margin: 0px auto 10px auto;
line-height: 90px;
border-radius: 5px;
}
.visitor-panel-altGrup--giris {
color: #fff;
padding: 5px;
.visitor-panel-altGrup-sag {
color:#000;
text-align: center;
}
.visitor-panel-altGrup-sol {
color: #000;
float: left;
width: 50%;
padding-top: 4px;
padding-left: 10px;
}
}
.visitor-panel-altGrup--yonlendir {
.visitor-panel-parola--unutulmus {
background-color: @xf-buttonCta--background-color;
text-align: center;
padding: 5px;
>a {
color: @xf-buttonCta--color;
}
}
.visitor-panel-kayıt--buton {
color:#000;
.button {
color: #fff;
width: 100%;
border-top-left-radius: 0px;
border-top-right-radius: 0px;
}
}
}
.visitor-panel-Blok {
color:#000;
padding:10px;
.visitor-panel--metin {
color:#000;
}
.input {
margin-bottom:5px;
text-align: center;
}
input[type="text"]:focus {
border: 1px solid #5fbae9;
box-shadow: 0px 0px 5px #5fbae9;
}
input[type="password"]:focus {
border: 1px solid #5fbae9;
box-shadow: 0px 0px 5px #5fbae9;
}
}
}
.visitor-panel-new {
background: @xf-contentBg;
position: relative;
padding: 0;
margin-bottom: 20px;
.visitor {
text-align: center;
.vpn-header {
width: 100%;
height: 100px;
background: @xf-paletteColor4;
}
.avatar {
width: 150px;
height: 150px;
margin-top: -90px;
border: 8px solid @xf-contentBg;
border-radius: 50%;
font-size: 100px;
line-height: 1.35;
}
div {
&:nth-of-type(1) {
margin-bottom: 10px;
}
}
.button-prem {
font-size: .8em;
font-weight: 500;
text-transform: uppercase;
padding: 10px 0;
margin: 10px 20px 0;
border: 2px solid @xf-paletteColor4;
&:hover {
border-color: @xf-textColorAttention;
transition: .3s ease-out;
span {
&:nth-of-type(1) {
font-size: 0;
opacity: 0;
transition: .3s ease-out;
}
&:nth-of-type(2) {
font-size: inherit;
opacity: 1;
transition: .3s ease-out;
}
}
}
a {
&:hover {
text-decoration: none;
color: @xf-textColorAttention;
}
}
span {
&:nth-of-type(2) {
font-size: 0;
opacity: 0;
transition: .3s ease-out;
}
&:nth-of-type(1) {
font-size: inherit;
opacity: 1;
transition: .3s ease-out;
}
}
}
}
.stats {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
background: @xf-paletteColor4;
color: contrast(@xf-paletteColor4);
margin-top: 10px;
.column {
flex-basis: calc(100% / 3);
order: 1;
font-size: .85em;
text-align: center;
padding: 5px;
margin: 5px 0;
border-left: 1px solid @xf-paletteColor5;
&:nth-of-type(1) {
border: none;
}
div {
&:nth-of-type(2) {
font-size: 1.1em;
font-weight: 500;
}
}
}
}
}
.tabPanes.widget--tab .block-header {
display: none;
}
.visitor-panel-new {
background: @xf-contentBg;
position: relative;
padding: 0;
margin-bottom: 20px;
.visitor {
text-align: center;
.vpn-header {
width: 100%;
height: 100px;
background: @xf-paletteColor4;
}
.avatar {
width: 150px;
height: 150px;
margin-top: -90px;
border: 8px solid @xf-contentBg;
border-radius: 50%;
font-size: 100px;
line-height: 1.35;
}
div {
&:nth-of-type(1) {
margin-bottom: 10px;
}
}
.button-prem {
font-size: .8em;
font-weight: 500;
text-transform: uppercase;
padding: 10px 0;
margin: 10px 20px 0;
border: 2px solid @xf-paletteColor4;
&:hover {
border-color: @xf-textColorAttention;
transition: .3s ease-out;
span {
&:nth-of-type(1) {
font-size: 0;
opacity: 0;
transition: .3s ease-out;
}
&:nth-of-type(2) {
font-size: inherit;
opacity: 1;
transition: .3s ease-out;
}
}
}
a {
&:hover {
text-decoration: none;
color: @xf-textColorAttention;
}
}
span {
&:nth-of-type(2) {
font-size: 0;
opacity: 0;
transition: .3s ease-out;
}
&:nth-of-type(1) {
font-size: inherit;
opacity: 1;
transition: .3s ease-out;
}
}
}
}
.stats {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
background: @xf-paletteColor4;
color: contrast(@xf-paletteColor4);
margin-top: 10px;
.column {
flex-basis: calc(100% / 3);
order: 1;
font-size: .85em;
text-align: center;
padding: 5px;
margin: 5px 0;
border-left: 1px solid @xf-paletteColor5;
&:nth-of-type(1) {
border: none;
}
div {
&:nth-of-type(2) {
font-size: 1.1em;
font-weight: 500;
}
}
}
}
}