identity.less

identity.less

// Hides the options based on authorisation.  If not authenticated then the class
// will be .isNotAuthenticatedtrue, if authenticated then the class would be .isAuthenticatedtrue
.isNotAuthenticated, .isAuthenticated
{
    display: none;
}


// Default login is email based, so hide the .nameBased features -->
.nameBased, .rememberMe, .isAuthenticated, .isNotAuthenticatedtrue
{
    display : none !important;
}

.tabControl
{
    display:block;
    float:left;
    border:none;
}

.identityPanel
{   
    width:480px;
    padding:10px;

    h1{
        &.title{
            padding:30px 30px 10px 10px;
        }
    }

-webkit-box-shadow: 0px 1px 10px 0px #474747 !important;
 -moz-box-shadow: 0px 1px 10px 0px #474747 !important;
      box-shadow: 0px 1px 10px 0px #474747 !important;

    display: inline-block !important;
    background:none !important;
    margin: 40px !important;
    background:#ffffff !important;
    
    .navLinks{
        color:white;
        background-color: @identityButtonColorLighter !important;
        padding:5px;
        display: inline-block;
        margin: 1em 1em 1em 0;
    }

    .title
    {
        border:none !important;
        background:none !important;
        padding:20px;
    }
    .tabList
    {   

        li{

            display: block;
            width: auto;
            height: 30px;
            padding: 0;

            &:hover{

            }
/*  
            &:first-child { padding: 0 9px 0 0; }*/

            a {
                display: block; 
                width: auto;
                height: 29px;
                padding: 0 9px;
                line-height: 30px;
                border: solid 1px #ddd;
                margin: 0 -1px 0 0;
                color: #555;
                background: #eee;

                &.selected {
                    background: #fff;
                    border-width: 1px 1px 0 1px;
                    height: 30px;
                }
            }
        }
        
            
    }

    .tabs{
        
        

        
        margin-top:20px;

        .formField{

            padding:3px;

            label{
                background:none;
                font-weight: normal;

            }
        }

        fieldset{
            padding-top:10px;
            margin:0px;
            border:none;

            legend{
                display:inline-block;
                font-size:1.2em;
                padding:0px;
                margin:0px;
                border-radius:0px;
                -webkit-border-radius:0px;
            }
        }

        .button {
            background:@identityButtonColor;
            display: inline-block;
            text-align: center;
            padding: 9px 34px 11px;
            color: #fff;
            text-decoration: none;
            font-weight: bold;
            font-size: 13px; font-size: 1.3rem;
            line-height: 1;
            font-family: "Helvetica Neue", "Helvetica", Arial, Verdana, sans-serif;
            position: relative;
            cursor: pointer;
            border: none;
            outline: none;
            -moz-border-radius: 5px;
            -webkit-border-radius: 5px;
            border-radius: 5px;
        }
    }
}