%PDF-
%PDF-
Mini Shell
Mini Shell
//Variable
$admin-color: #ff6600;
$darkBlue: #0a416e;
$lightBlue: #41a69c;
@keyframes slideUp {
0% { opacity:0; transform:translate3d(0,-10px,0); }
100% { opacity:1; transform:translate3d(0,0,0); }
}
@keyframes slideright {
0% { opacity:0; transform:translate3d(-40px,0,0); }
100% { opacity:1; transform:translate3d(0,0,0); }
}
//Inloggning
.login { background:$darkBlue;
#login { width:400px;
h1 {
a { height:190px; background-image:url('../../../assets/images/intosai_logo_white.png'); background-size:80% auto; width:auto; outline:0; margin:0; box-shadow:none; pointer-events:none;
&:hover { outline:0; }
&:focus { outline:0; }
&:active { outline:0; }
}
}
#login_error { animation-name:slideright; animation-duration:.5s; animation-fill-mode:forwards; animation-timing-function:ease; font-size:14px; line-height:24px; }
p.message { animation-name:slideright; animation-duration:.5s; animation-fill-mode:forwards; animation-timing-function:ease; position:relative; top:inherit!important; left:inherit!important; width:100%!important; margin:20px 0; font-size:14px; line-height:24px; }
#loginform { box-shadow:0 1px 3px rgba(0, 0, 0, 0.45); padding:26px 24px;
p {
label[for=user_login] { float:left; width:100%; margin:0 0 10px;
input { font-size:14px; padding:10px 15px; margin:0;
&:-webkit-autofill { -webkit-box-shadow:0 0 0px 1000px #fff inset; }
&:focus { outline:none; }
}
}
label[for=user_pass] { float:left; width:100%;
input { font-size:14px; padding:10px 15px; margin:0;
&:-webkit-autofill { -webkit-box-shadow:0 0 0px 1000px #fff inset; }
&:focus { outline:none; }
}
}
label[for=authenticator] { float:left; width:100%; margin:10px 0 0;
small { display:none; }
input { font-size:14px; padding:10px 15px; margin:0;
&:-webkit-autofill { -webkit-box-shadow:0 0 0px 1000px #fff inset; }
}
}
&.forgetmenot { float:left; width:100%; margin:15px 0 0;
label[for=rememberme] { float:left; width:100%;
input { margin:0 10px 0 0;
&:-webkit-autofill { -webkit-box-shadow:0 0 0px 1000px #fff inset; }
&:before { color:#507E02; margin:-12px 0 0 -7px; font-size:35px; }
}
}
}
&.submit { width:25%; float: right; margin:15px 0 0;
input { border-radius: 0; padding:10px 15px; height: auto; line-height: 21px; width: 100%; background:$lightBlue; text-shadow:none; box-shadow:none; border:0; transition:background .3s;
&:hover {background:lighten($lightBlue, 5%); outline: 0;}
&:focus {outline: 0;}
&:active {outline: 0;}
}
}
}
}
#lostpasswordform {box-shadow: 0 1px 3px rgba(0, 0, 0, 0.45);
p {
//username
label[for=user_login] { float:left; width:100%; margin:0 0 10px;
input { font-size: 14px; padding: 10px 15px; margin:0;
}
}
//Login button
&.submit { width:100%; float:left; margin:0;
input { border-radius: 0; padding:10px 15px; height: auto; line-height: 21px; width: 100%; background:$lightBlue; text-shadow:none; box-shadow:none; border:0; transition:background .3s;
&:hover {background:lighten($lightBlue, 5%); }
}
}
}
}
//Glömt lösenord
p {
&#nav { display:none; float:right; width:48%; margin:15px 0 0; text-align:center;
a { color:#fff; }
}
&#backtoblog { float:left; width:100%; margin:15px 0 0; text-align:center;
a { color:#fff; }
}
}
}
}
//Admin style
//Admin Bar (Toppen)
#wpadminbar {
.quicklinks {
ul.ab-top-menu {
li { border-right:solid 1px #555;
a {transition: color .2s; color: #DADADA !important; padding: 0 12px;
&:hover, &:focus {color: $admin-color !important;}
&:before {color: #fff !important;}
.ab-icon { color: #fff;
&:before {color: #fff !important;}
}
.ab-label {color: #fff;
}
}
.ab-sub-wrapper { padding: 5px 10px !important;
ul { padding: 0;
li { border-bottom: solid 1px #555; border-right: none;
.ab-item {padding: 5px 0; position: relative; height: 19px !important; line-height: 19px !important;
&:after {content: '\f101'; font-family: FontAwesome; float: right; margin-right: 3px; font-size: 12px; transition: margin .2s;}
&:before {display: none;}
&:hover { color: #fff;
&:after {margin-right: 0;}
}
}
&:last-child{border-bottom: none;}
}
}
}
&#wp-admin-bar-wp-logo, &#wp-admin-bar-comments {display: none;}
&:hover {
a {
.ab-label {color: $admin-color !important;}
}
}
&#wp-admin-bar-customize {display: none;}
}
}
ul.ab-top-secondary {
li { border-left: solid 1px #555;
a {
}
.ab-sub-wrapper { width: 350px; right: -380px; margin: 0 -2px 0 0; display: block !important; opacity: 0; transition: all .3s;
ul#wp-admin-bar-user-actions {
li { border-left: none; margin-left:110px; margin-right: 0px;
a { position: relative; padding: 5px 0 5px 20px;
span { float: left; width: 100%; line-height: 19px; display: inline-block;
&.display-name {text-transform: capitalize;}
&.username {float: right; font-style: italic;}
}
.avatar {left:-80px;height: 64px; width: 64px;}
&:after { position: absolute; left: 0; font-family: FontAwesome; margin:1px 8px 0 0; float: left; color: #fff;}
}
&#wp-admin-bar-user-info {margin-bottom: 0;
a { position: relative;
&:after {content: '\f007'; font-family: FontAwesome;}
}
}
&#wp-admin-bar-edit-profile {
a { position: relative;
&:after {content: '\f085'; font-family: FontAwesome;}
}
}
&#wp-admin-bar-logout {
a { position: relative;
&:after {content: '\f08b'; font-family: FontAwesome;}
}
}
}
}
}
&#wp-admin-bar-my-account {
a {padding: 0 15px;}
}
&#wp-admin-bar-search {display: none;}
&.hover {
.ab-sub-wrapper {opacity: 1; right: 0;}
}
}
}
}
}
/* HIDE UNNECESSARY STUFF FROM SAI TAXONOMY */
body {
&.taxonomy-wdi {
#addtag {
.term-parent-wrap, .term-description-wrap { display:none!important; }
}
}
&.term-php {
&.taxonomy-wdi {
.form-table {
.term-parent-wrap, .term-description-wrap { display:none!important; }
}
}
}
}
Zerion Mini Shell 1.0