mirror of
https://github.com/KevinMidboe/rohnenedre.git
synced 2025-12-08 20:39:02 +00:00
208 lines
12 KiB
CSS
208 lines
12 KiB
CSS
/******************************
|
|
Styles
|
|
*********************************/
|
|
.clef-badge-prompt {
|
|
position: relative;
|
|
min-height: 170px; }
|
|
.clef-badge-prompt * {
|
|
-webkit-box-sizing: border-box;
|
|
-moz-box-sizing: border-box;
|
|
box-sizing: border-box; }
|
|
.clef-badge-prompt .link-fade {
|
|
display: none; }
|
|
.clef-badge-prompt .dismiss {
|
|
position: absolute;
|
|
top: 5px;
|
|
right: 10px;
|
|
font-weight: bold;
|
|
color: #AAA;
|
|
font-size: 20px; }
|
|
.clef-badge-prompt .dismiss:hover {
|
|
color: #888; }
|
|
|
|
.clef-badge {
|
|
width: 100%;
|
|
text-align: center;
|
|
display: inline-block;
|
|
margin: 10px auto; }
|
|
.clef-badge * {
|
|
-webkit-box-sizing: border-box;
|
|
-moz-box-sizing: border-box;
|
|
box-sizing: border-box; }
|
|
.clef-badge.pretty {
|
|
display: block;
|
|
overflow: hidden;
|
|
text-indent: -579px;
|
|
height: 50px;
|
|
width: 140px;
|
|
background: url("https://bit.ly/clef-wordpress-badge");
|
|
background-size: 100% 100%;
|
|
opacity: .8; }
|
|
.clef-badge.pretty:hover {
|
|
opacity: 1; }
|
|
|
|
.clef-login-form .clef-button-container {
|
|
width: 188px;
|
|
height: 35px;
|
|
margin: auto; }
|
|
|
|
.clef-login-form:not(.login-action-register):not(.login-action-lostpassword) .clef-login-container .clef-button-container {
|
|
margin-bottom: 30px; }
|
|
|
|
.clef-login-form:not(.login-action-register):not(.login-action-lostpassword) .clef-login-container .close-overlay, .clef-login-form:not(.login-action-register):not(.login-action-lostpassword) .clef-login-container .overlay-info, .clef-login-form:not(.login-action-register):not(.login-action-lostpassword) .clef-login-container .open-overlay {
|
|
display: none; }
|
|
|
|
.clef-login-form:not(.login-action-register):not(.login-action-lostpassword).clef-hidden:not(.clef-login-form-embed):not(.clef-override-or-invite) #login form#loginform {
|
|
padding: 40px 20px; }
|
|
.clef-login-form:not(.login-action-register):not(.login-action-lostpassword).clef-hidden:not(.clef-login-form-embed):not(.clef-override-or-invite) #login form#loginform input, .clef-login-form:not(.login-action-register):not(.login-action-lostpassword).clef-hidden:not(.clef-login-form-embed):not(.clef-override-or-invite) #login form#loginform label {
|
|
display: none; }
|
|
|
|
.clef-login-form:not(.login-action-register):not(.login-action-lostpassword).clef-login-form-embed:not(.clef-override-or-invite):not(.clef-auto-connect-account):not(.clef-show-username-password):not(.interim-login) #login {
|
|
padding-top: 50px; }
|
|
|
|
.clef-login-form:not(.login-action-register):not(.login-action-lostpassword).clef-login-form-embed:not(.clef-override-or-invite):not(.clef-auto-connect-account):not(.clef-show-username-password) #login {
|
|
width: 400px;
|
|
max-width: 100%;
|
|
margin: auto; }
|
|
.clef-login-form:not(.login-action-register):not(.login-action-lostpassword).clef-login-form-embed:not(.clef-override-or-invite):not(.clef-auto-connect-account):not(.clef-show-username-password) #login input, .clef-login-form:not(.login-action-register):not(.login-action-lostpassword).clef-login-form-embed:not(.clef-override-or-invite):not(.clef-auto-connect-account):not(.clef-show-username-password) #login label {
|
|
visibility: hidden; }
|
|
.clef-login-form:not(.login-action-register):not(.login-action-lostpassword).clef-login-form-embed:not(.clef-override-or-invite):not(.clef-auto-connect-account):not(.clef-show-username-password) #login form {
|
|
-webkit-box-sizing: border-box;
|
|
-moz-box-sizing: border-box;
|
|
box-sizing: border-box;
|
|
width: 100%;
|
|
height: 520px;
|
|
position: relative !important; }
|
|
.clef-login-form:not(.login-action-register):not(.login-action-lostpassword).clef-login-form-embed:not(.clef-override-or-invite):not(.clef-auto-connect-account):not(.clef-show-username-password) #login .clef-embed-wrapper {
|
|
margin: auto !important; }
|
|
|
|
.clef-login-form:not(.login-action-register):not(.login-action-lostpassword).clef-login-form-embed:not(.clef-override-or-invite):not(.clef-auto-connect-account):not(.clef-show-username-password) .clef-login-container {
|
|
position: absolute;
|
|
top: 0;
|
|
left: 0;
|
|
width: 100%;
|
|
height: 100%;
|
|
background: white;
|
|
overflow: visible; }
|
|
.clef-login-form:not(.login-action-register):not(.login-action-lostpassword).clef-login-form-embed:not(.clef-override-or-invite):not(.clef-auto-connect-account):not(.clef-show-username-password) .clef-login-container .clef-button-container {
|
|
padding-top: 5px; }
|
|
|
|
.clef-login-form:not(.login-action-register):not(.login-action-lostpassword).clef-login-form-embed:not(.clef-override-or-invite):not(.clef-auto-connect-account):not(.clef-show-username-password):not(.clef-closed) p#nav {
|
|
display: none; }
|
|
|
|
.clef-login-form:not(.login-action-register):not(.login-action-lostpassword).clef-login-form-embed:not(.clef-override-or-invite):not(.clef-auto-connect-account):not(.clef-show-username-password).clef-closed #login {
|
|
width: 320px; }
|
|
.clef-login-form:not(.login-action-register):not(.login-action-lostpassword).clef-login-form-embed:not(.clef-override-or-invite):not(.clef-auto-connect-account):not(.clef-show-username-password).clef-closed #login input, .clef-login-form:not(.login-action-register):not(.login-action-lostpassword).clef-login-form-embed:not(.clef-override-or-invite):not(.clef-auto-connect-account):not(.clef-show-username-password).clef-closed #login label {
|
|
visibility: visible; }
|
|
.clef-login-form:not(.login-action-register):not(.login-action-lostpassword).clef-login-form-embed:not(.clef-override-or-invite):not(.clef-auto-connect-account):not(.clef-show-username-password).clef-closed #login form {
|
|
height: auto; }
|
|
|
|
.clef-login-form:not(.login-action-register):not(.login-action-lostpassword).clef-login-form-embed:not(.clef-override-or-invite):not(.clef-auto-connect-account):not(.clef-show-username-password).clef-closed .clef-login-container {
|
|
height: 25px;
|
|
top: auto;
|
|
bottom: 0; }
|
|
|
|
.clef-login-form:not(.login-action-register):not(.login-action-lostpassword).clef-login-form-embed:not(.clef-override-or-invite):not(.clef-auto-connect-account):not(.clef-show-username-password).clef-closed .clef-button-container {
|
|
display: none; }
|
|
|
|
.clef-login-form:not(.login-action-register):not(.login-action-lostpassword).clef-login-form-embed:not(.clef-override-or-invite):not(.clef-auto-connect-account):not(.clef-show-username-password).clef-closed .overlay-info, .clef-login-form:not(.login-action-register):not(.login-action-lostpassword).clef-login-form-embed:not(.clef-override-or-invite):not(.clef-auto-connect-account):not(.clef-show-username-password).clef-closed .close-overlay {
|
|
display: none; }
|
|
|
|
.clef-login-form:not(.login-action-register):not(.login-action-lostpassword).clef-login-form-embed:not(.clef-override-or-invite):not(.clef-auto-connect-account):not(.clef-show-username-password).clef-closed .open-overlay {
|
|
display: block;
|
|
margin: 0; }
|
|
|
|
.clef-login-form:not(.login-action-register):not(.login-action-lostpassword).clef-login-form-embed:not(.clef-override-or-invite):not(.clef-auto-connect-account):not(.clef-show-username-password) .clef-button-container {
|
|
margin: 0 auto;
|
|
position: absolute;
|
|
top: 0;
|
|
left: 0;
|
|
width: 100%;
|
|
height: 100%; }
|
|
.clef-login-form:not(.login-action-register):not(.login-action-lostpassword).clef-login-form-embed:not(.clef-override-or-invite):not(.clef-auto-connect-account):not(.clef-show-username-password) .clef-button-container .spinner-container {
|
|
display: none;
|
|
text-align: center;
|
|
position: absolute;
|
|
top: 175px;
|
|
left: 0;
|
|
width: 100%;
|
|
height: 100%; }
|
|
.clef-login-form:not(.login-action-register):not(.login-action-lostpassword).clef-login-form-embed:not(.clef-override-or-invite):not(.clef-auto-connect-account):not(.clef-show-username-password) .clef-button-container .spinner-container .spinner {
|
|
margin-top: 25px;
|
|
display: inline-block;
|
|
float: none;
|
|
width: 50px;
|
|
height: 50px;
|
|
background-image: url(../img/loading.gif);
|
|
background-size: 100%;
|
|
background-position: center;
|
|
background-repeat: no-repeat; }
|
|
|
|
.clef-login-form:not(.login-action-register):not(.login-action-lostpassword).clef-login-form-embed:not(.clef-override-or-invite):not(.clef-auto-connect-account):not(.clef-show-username-password) .overlay-text {
|
|
position: absolute;
|
|
width: 100%;
|
|
bottom: 12px;
|
|
margin-top: 5px;
|
|
text-align: center;
|
|
display: block;
|
|
color: #aaa;
|
|
cursor: pointer;
|
|
text-decoration: none; }
|
|
.clef-login-form:not(.login-action-register):not(.login-action-lostpassword).clef-login-form-embed:not(.clef-override-or-invite):not(.clef-auto-connect-account):not(.clef-show-username-password) .overlay-text:hover {
|
|
color: #999; }
|
|
.clef-login-form:not(.login-action-register):not(.login-action-lostpassword).clef-login-form-embed:not(.clef-override-or-invite):not(.clef-auto-connect-account):not(.clef-show-username-password) .overlay-text:active {
|
|
outline: none; }
|
|
|
|
.clef-login-form:not(.login-action-register):not(.login-action-lostpassword).clef-login-form-embed:not(.clef-override-or-invite):not(.clef-auto-connect-account):not(.clef-show-username-password) .or-container, .clef-login-form:not(.login-action-register):not(.login-action-lostpassword).clef-login-form-embed:not(.clef-override-or-invite):not(.clef-auto-connect-account):not(.clef-show-username-password) .open-overlay {
|
|
display: none; }
|
|
|
|
.clef-login-form:not(.login-action-register):not(.login-action-lostpassword).clef-login-form-embed:not(.clef-override-or-invite):not(.clef-auto-connect-account):not(.clef-show-username-password) .overlay-info {
|
|
display: block;
|
|
position: absolute;
|
|
bottom: 10px;
|
|
left: 0; }
|
|
.clef-login-form:not(.login-action-register):not(.login-action-lostpassword).clef-login-form-embed:not(.clef-override-or-invite):not(.clef-auto-connect-account):not(.clef-show-username-password) .overlay-info .info {
|
|
-webkit-box-sizing: border-box;
|
|
-moz-box-sizing: border-box;
|
|
box-sizing: border-box;
|
|
width: 90%;
|
|
margin: auto;
|
|
border: 1px solid #eee;
|
|
padding: 10px;
|
|
background: white;
|
|
color: #999; }
|
|
.clef-login-form:not(.login-action-register):not(.login-action-lostpassword).clef-login-form-embed:not(.clef-override-or-invite):not(.clef-auto-connect-account):not(.clef-show-username-password) .overlay-info .info p {
|
|
font-size: 11px;
|
|
line-height: 15px; }
|
|
.clef-login-form:not(.login-action-register):not(.login-action-lostpassword).clef-login-form-embed:not(.clef-override-or-invite):not(.clef-auto-connect-account):not(.clef-show-username-password) .overlay-info .info p a {
|
|
color: #999; }
|
|
.clef-login-form:not(.login-action-register):not(.login-action-lostpassword).clef-login-form-embed:not(.clef-override-or-invite):not(.clef-auto-connect-account):not(.clef-show-username-password) .overlay-info .info p:not(:last-child) {
|
|
margin-bottom: 5px !important; }
|
|
.clef-login-form:not(.login-action-register):not(.login-action-lostpassword).clef-login-form-embed:not(.clef-override-or-invite):not(.clef-auto-connect-account):not(.clef-show-username-password) .overlay-info .open {
|
|
height: 15px;
|
|
width: 15px;
|
|
font-size: 10px;
|
|
text-align: center;
|
|
line-height: 15px;
|
|
border-radius: 15px;
|
|
color: #ccc;
|
|
border: 1px solid #ccc;
|
|
cursor: pointer;
|
|
margin-left: 10px;
|
|
display: none; }
|
|
.clef-login-form:not(.login-action-register):not(.login-action-lostpassword).clef-login-form-embed:not(.clef-override-or-invite):not(.clef-auto-connect-account):not(.clef-show-username-password) .overlay-info .open:hover {
|
|
color: #b3b3b3;
|
|
border-color: #b3b3b3; }
|
|
.clef-login-form:not(.login-action-register):not(.login-action-lostpassword).clef-login-form-embed:not(.clef-override-or-invite):not(.clef-auto-connect-account):not(.clef-show-username-password) .overlay-info.closed .info {
|
|
display: none; }
|
|
.clef-login-form:not(.login-action-register):not(.login-action-lostpassword).clef-login-form-embed:not(.clef-override-or-invite):not(.clef-auto-connect-account):not(.clef-show-username-password) .overlay-info.closed .open {
|
|
display: block; }
|
|
|
|
@media screen and (max-width: 400px) {
|
|
.clef-login-form:not(.login-action-register):not(.login-action-lostpassword).clef-login-form-embed:not(.clef-override-or-invite) #login {
|
|
width: 320px;
|
|
padding: 0; } }
|
|
|
|
.login-action-register.clef-login-form .clef-register-container {
|
|
padding-top: 20px; }
|