Your IP : 216.73.216.171

Current Path : /home/ereika83/www/wp-content/plugins/pressplay/assets/css/
Upload File :
Current File : /home/ereika83/www/wp-content/plugins/pressplay/assets/css/pp_style.scss

@import 'font-awesome';

/*!
 *  PressPlay Plugin - CSS
*/

.pp {
    &.right {
        display: block;
        float: left;
        height: 200px;
        width: 15.5%;
        margin: 20px 0;
        padding: 0 0 15px;
        box-sizing: border-box;
        -ie-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        -o-box-sizing: border-box;
        background-color: #FFFFFF;
        border-top: 1px solid rgb(204, 204, 204);
        border-left: 1px solid rgb(204, 204, 204);
        border-right: 1px solid rgb(204, 204, 204);
        height: auto;
        border-bottom: #cdcfd4 solid 2px;
        border-bottom-left-radius: 4px;
        border-bottom-right-radius: 4px;
    }
    &.left {
        margin: 20px 1%;
        width: 80%;
        border-bottom: #cdcfd4 solid 2px;
        border-bottom-left-radius: 4px;
        border-bottom-right-radius: 4px;
        background: #f5f5f5;
        float: right;
        width: 82%;
    }
    .pp__header {
        background: #73B85D;
        padding: 15px 20px;
        border-top-right-radius: 4px;
        border-top-left-radius: 4px;
    }
    .pp__app-link {
        float: none;
        margin: 0 auto;
        display: block;
    }
}

a.pp__app-button {
    color: rgb(255, 255, 255);
    font-weight: 600;
    height: auto;
    padding: 8px 10px 8px 60px;
    text-decoration: none;
    width: 60%;
    background: none repeat scroll 0 0 rgb(246, 172, 69);
    border: 1px solid rgb(209, 146, 59);
    display: block;
    text-align: left;
    border-radius: 4px;
    margin: 15px auto 0;
    position: relative;
}

.pp__project-api {
    color: rgb(255, 255, 255);
    font-weight: 600;
    height: auto;
    float: left;
    padding: 8px 10px;
    text-decoration: none;
    width: 79.5%;
    background: none repeat scroll 0 0 rgb(246, 172, 69);
    border: 1px solid rgb(209, 146, 59);
    display: block;
    text-align: center;
    border-radius: 4px;
    position: relative;
}

.pp__app-button i {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0.3);
    border-bottom-left-radius: 3px;
    border-top-left-radius: 3px;
    left: 0;
    padding: 11px 15px;
    position: absolute;
    top: 0;
}

.pp {
    .pp__app-link a img {
        margin-left: 4px;
    }
    .pp__headline {
        font-size: 18px;
        font-weight: 600;
        color: #FFF;
        i {
            margin-right: 5px;
        }
    }
    .pp__container {
        text-align: center;
    }
    .pp__projects-list {
        width: 100%;
        border-spacing: 0;
        border-collapse: collapse;
        th {
            text-transform: uppercase;
            font-size: 10px;
            &:first-child {
                text-align: left;
            }
        }
        td:first-child {
            text-align: left;
        }
        th, td {
            border: 1px solid rgb(204, 204, 204);
            font-size: 14px;
            padding: 15px 20px;
        }
        tr td {
            background: #FFF;
            padding: 15px 20px;
        }
    }
    .pp__info-toggle {
        cursor: pointer;
        font-size: 14px;
        font-weight: 300;
        i {
            float: right;
            &.fa-home {
                float: left;
                font-size: 20px;
                color: #1F7CA4;
                position: relative;
                top: -1px;
                margin-right: 5px;
            }
        }
    }
    .pp__project-info {
        margin: 0;
        font-size: 13px;
        font-weight: 300;
    }
    .pp__actions {
        width: 15%;
        text-align: left;
        a {
            font-size: 20px;
            margin: 0 10px;
            text-decoration: none;
            color: #222;
            &.active {
                color: #1F7CA4;
            }
        }
    }
}

.pp__app-key {
    text-align: center;
}

.pp__project-apiContainer {
    display: inline-block;
    width: 88%;
    margin: 15px auto 0;
}

.pp__app-campaignSelector {
    background: none repeat scroll 0 0 rgb(245, 245, 245);
    border-bottom: 1px solid rgb(204, 204, 204);
    padding: 15px;
    .pp__app-button {
        width: 67%;
        background-color: #76BB60 !important;
        border-color: #528343 !important;
    }
    label {
        display: inline-block;
        padding: 0 0 5px;
        text-align: center;
        width: 100%;
    }
    select {
        color: #222;
        font-weight: 600;
        height: auto;
        padding: 4px 10px;
        text-decoration: none;
        width: 100%;
        display: block;
        text-align: center;
        border-radius: 4px;
        position: relative;
    }
}

.pp__project-apiControl > a {
    float: right;
    font-size: 22px;
    padding: 8px 8px 0;
    display: none;
    &.active {
        display: block;
    }
}

@media screen and (max-width: 1650px) {
    .pp__app-button i {
        display: none;
    }
    a.pp__app-button {
        width: 90%;
        padding: 8px 0;
        text-align: center;
    }
}

@media screen and (max-width: 1460px) {
    .pp {
        &.right {
            float: none;
            width: 300px;
            margin: 20px 0 0;
        }
        &.left {
            width: 99%;
        }
    }
    .pp__app-button i {
        display: block;
    }
    .pp__app-campaignSelector .pp__app-button {
        width: 100%;
    }
    .pp .pp__actions {
        text-align: center;
        a {
            color: rgb(34, 34, 34);
            display: inline-block;
            font-size: 20px;
            margin: 10px 0;
            text-decoration: none;
            width: 100%;
        }
    }
}