Minor spacing change.

Minor spacing change.

remote: Support for password authentication was removed on August 13, 2021.
remote: Please see https://docs.github.com/en/get-started/getting-started-with-git/about-remote-repositories#cloning-with-https-urls for information on currently recommended modes of authentication.
fatal: Authentication failed for 'https://github.com/ZyMoEntertainment/Zymo.io.git/'


style bugfix

style bugfix

remote: Support for password authentication was removed on August 13, 2021.
remote: Please see https://docs.github.com/en/get-started/getting-started-with-git/about-remote-repositories#cloning-with-https-urls for information on currently recommended modes of authentication.
fatal: Authentication failed for 'https://github.com/fynnfeldpausch/frame.git/'


added nav tabs google

added nav tabs google

remote: Support for password authentication was removed on August 13, 2021.
remote: Please see https://docs.github.com/en/get-started/getting-started-with-git/about-remote-repositories#cloning-with-https-urls for information on currently recommended modes of authentication.
fatal: Authentication failed for 'https://github.com/dedalozzo/pit-bootstrap.git/'


do not truncate reviews headings so much on desktop/tablet

@import 'lib';

// On page load this gets transformed by JS into a star picker.
select[name=rating] {
    display: none;
}

li a.delete {
    color: @red;
    &:hover {
        color: @maroon;
    }
}

.detail {
    .reviews {
        margin-bottom: 15px;
        > div {
            float: left;
            width: 50%;
        }
    }
    #submit-review {
        bottom: 15px;
    }
}

.listing {
    header img {
        float: left;
        margin-right: 10px;
    }
    .reviews {
        margin-bottom: 5px;
        figure,
        figure + div {
            float: left;
        }
        figure {
            width: 40%;
            + div {
                width: 25%;
            }
        }
        #submit-review {
            bottom: 20px;
        }
    }
    #review-list + .paginator {
        margin-top: 15px;
    }
}

#reviews-info {
    margin-top: 20px;
    position: relative;
}

#reviews {
    margin: 55px 0 15px 0;
    position: relative;
    > div {
        .border-box;
    }
    ul {
        margin: 0;
        padding: 0;
    }
    #submit-review {
        position: absolute;
        margin: 10px 0;
    }
}

#review-list {
    background: @bg-lite;
    border-top: 1px solid darken(@light-gray, 2%);
    border-bottom: 1px solid lighten(@faint-gray, 4%);
}

.review {
    .transition(~'.3s all');
    border: 1px solid darken(@light-gray, 2%);
    border-width: 0 1px;
    border-bottom: 1px solid darken(@light-gray, 2%);
    list-style-type: none;
    padding: 10px;
    position: relative;
    + .review {
        border-top: 1px solid @white;
    }
    &.reply {
        background: url(../../img/mkt/icons/reply.png) 10px 15px no-repeat;
        display: none;
        padding-left: 35px;
    }
    &.deleting {
        background: fade(@red, 40%);
    }
    &.deleted {
        border: 0;
        height: 0;
        overflow: hidden;
        padding: 0;
        + .review {
            border-top: 0;
        }
    }
    &.normal:nth-child(2n) {
        background-color: lighten(@bg, 5%);
    }
    .byline, .timestamp {
        font-size: 12px;
    }
    .byline {
        color: @medium-gray;
        b {
            color: @gray;
        }
    }
    .timestamp {
        color: @note-gray;
        float: right;
        &:hover {
            color: @gray;
        }
    }
    .body {
        margin: 10px 0;
    }
    .view-reply {
        font-size: 12px;
        font-weight: 600;
        padding: 5px 10px;
    }
    ul {
        float: left;
        list-style: none;
    }
    li {
        display: inline-block;
        &.hidden {
            display: none;
        }
        + li:before {
            color: @note-gray;
            content: "\00a0\2022\00a0\00a0";
        }
    }
}

.overlay {
    form {
        margin: 0;
    }
    h2, .char-count {
        margin-bottom: 10px;
    }
    .req-error {
        float: left;
        font-size: 13px;
        line-height: 18px;
        margin-top: 5px;
    }
}

header.product {
    margin-bottom: 15px;
    position: relative;
    .visual {
        margin-right: 15px;
        height: 64px;
        width: 64px;
        + div {
            float: left;
            max-width: 905px;
        }
    }
    h1 {
        color: @navy-gray;
        font-size: 22px;
        font-weight: 400;
        line-height: 1.2;
        &.multi {
            font-size: 22px;
            small, span {
                .ellipsis;
                display: block;
                margin-bottom: -8px;
                padding-bottom: 6px;
            }
            small {
                color: lighten(@navy-gray, 10%);
                display: block;
                font-size: 14px;
                font-weight: 600;
            }
        }
    }
    p {
        font-size: 14px;
        line-height: 1;
        margin: 5px 0;
    }
}

#submit-review {
    header.product .simple-field,
    &.friendly header .errorlist {
        margin: 5px 0 0;
    }
    h2 {
        font-size: 18px;
        font-weight: 400;
    }
    .req,
    label[for=id_rating] {
        display: none;
    }
}

.stars {
    background: url(../../img/mkt/stars/sprite-16.png) no-repeat;
    display: inline-block;
    height: 18px;
    margin-right: 4px;
    text-indent: -9999px;
    vertical-align: middle;
    width: 89px;
    &.stars-4 { background-position: -18px 0; }
    &.stars-3 { background-position: -36px 0; }
    &.stars-2 { background-position: -54px 0; }
    &.stars-1 { background-position: -72px 0; }
    &.stars-0 { background-position: -90px 0; }
    &.ratingwidget {
        background: url(../../img/mkt/stars/32.png) repeat-x;
        background-repeat: repeat-x 5px 0;
        height: 32px;
        width: 200px;
        // Yeah, maybe I should just set a class in JS. I thought I was being clever.
        &.stars-1 label[data-stars="1"], &.stars-2 label[data-stars="1"], &.stars-2 label[data-stars="2"],
        &.stars-3 label[data-stars="1"], &.stars-3 label[data-stars="2"], &.stars-3 label[data-stars="3"],
        &.stars-4 label[data-stars="1"], &.stars-4 label[data-stars="2"], &.stars-4 label[data-stars="3"], &.stars-4 label[data-stars="4"],
        &.stars-5 label[data-stars="1"], &.stars-5 label[data-stars="2"], &.stars-5 label[data-stars="3"], &.stars-5 label[data-stars="4"], &.stars-5 label[data-stars="5"] {
            background: url(../../img/mkt/stars/32.png) 100% 100%;
        }
        label {
            height: 32px;
            width: 40px;
        }
    }
}

.html-rtl .stars {
    margin: 0 0 0 4px;
}

.no-rating strong {
    font-size: 12px;
    font-weight: 700;
}

.average-rating {
    // Clicking on this will expose the rating breakdown.
    cursor: pointer;
    strong {
        display: none;
    }
    span {
        color: @green;
        vertical-align: middle;
    }
    &:hover span {
        text-decoration: none;
    }
}

.simple-field.rating {
    .border-radius(4px);
    .box-shadow(inset 0 1px 4px rgba(0,0,0,.25),
                inset 0 1px 0 fade(@white, 80%),
                0 1px 0 fade(@white, 80%));
    background: rgba(200,200,200,.2);
    margin-bottom: 15px;
    padding: 20px 10px;
    .ratingwidget {
        margin: 0 auto;
    }
    .errorlist {
        margin-top: 10px;
        text-align: center;
    }
}

.ratingwidget {
    display: block;
    float: none;
    width: 65px;
    input {
        display: none;
    }
    label {
        cursor: pointer;
        display: block;
        float: left;
        margin: 0;
        text-indent: -9999px;
        width: 13px;
    }
}

.grouped-ratings {
    .border-box;
    .border-radius(4px);
    background: rgb(226,230,233);
    border: 1px solid @bg-gray;
    color: @medium-gray;
    display: none;
    padding: 17px 15px;
    position: relative;
    top: -5px;
    width: 100%;
    z-index: 0;
    // The arrow.
    &:before {
        .transform(~'rotate(45deg)');
        background: rgb(226,230,233);
        border: 1px solid @bg-gray;
        border-width: 1px 0 0 1px;
        content: "";
        height: 12px;
        position: absolute;
        top: -8px;
        left: 116px;
        right: 22px;
        width: 12px;
        z-index: 0;
    }
    .rating-bar {
        height: 22px;
        float: left;
        overflow: visible;
        width: 96px;
        // OMFG.
        &:before {
            .box-shadow(0 3px 6px @dark-gray);
            content: "";
            display: block;
            height: 22px;
            position: absolute;
            top: 0;
            left: 96px;
            width: 2px;
            z-index: 0;
        }
        &:after {
            content: "";
            background: rgb(226,230,233);
            height: 36px;
            position: absolute;
            top: -5px;
            left: 89px;
            width: 9px;
            z-index: 1;
        }
        .bar {
            background: rgb(205,210,214);
            border-top: rgb(183,188,192) 1px solid;
            border-bottom: rgb(234,238,239) 1px solid;
            display: block;
            height: 4px;
            position: relative;
            margin: 10px 10px 0 3px;
            &:before {
                background: @barely-gray;
                content: "";
                display: block;
                height: 22px;
                position: absolute;
                top: -11px;
                left: -2px;
                width: 1px;
            }
        }
    }
    li {
        position: relative;
        &:first-child,
        &:last-child {
            .rating-bar:before {
                .box-shadow(0 3px 6px @medium-gray);
            }
            .bar:before {
                height: 26px;
            }
        }
        &:first-child .bar:before {
            top: -10px;
        }
    }
    .num-ratings {
        color: lighten(@navy-gray, 10%);
        font-size: 11px;
        line-height: 8px;
        position: absolute;
        top: -2px;
        right: -5px;
        width: 1px;
        word-wrap: normal;
    }
    .stars {
        float: left;
        margin: 4px 8px 0 0;
    }
}

@media (max-width: @4col) {
    #submit-review p.reminder {
        display: none;
    }
    #reviews #review-list {
        margin: 0 -10px;
        .review {
            border-left: 0;
            border-right: 0;
            .byline, .timestamp {
                font-size: 12px;
            }
            .body {
                font-size: 14px;
                line-height: 1.2;
            }
        }
        .review:nth-child(5) ~ .review {
            display: none;
        }
    }
}

.items-profile {
    padding: 0;

    .review {
        background: @white;
    }
    .review:first-child {
        border-top: 1px solid @light-gray;
    }

    .review-inner {
        padding: 0 10px 0 95px;
    }
    h3 {
        font-size: 18px;
    }
    .icon-profile {
        position: absolute;
        left: 10px;
        max-height: 64px;
        max-width: 64px;
    }
    .byline {
        display: none;
    }
    .body {
        margin: 5px 0;
    }
    .timestamp {
        position: absolute;
        top: 10px;
        right: 10px;
    }
    .actions {
        position: absolute;
        bottom: 15px;
        right: 10px;
    }
}

.submit-review {
    float: left;
}
p.support-link {
    float: right;
    font-size: 13px;
    margin-top: 48px;
}

@media (max-width: @7col) {
    header.product .visual + div {
        max-width: 615px;
    }
}

@media (max-width: @4col) {
    .support-link {
        clear: left;
        float: none;
        margin-top: 0;
    }
    #reviews-detail {
        .view-more-reviews,
        .add-edit-review {
            display: none;
        }
    }
    header.product .visual + div {
        max-width: 206px;
    }
}

@import 'lib';

// On page load this gets transformed by JS into a star picker.
select[name=rating] {
    display: none;
}

li a.delete {
    color: @red;
    &:hover {
        color: @maroon;
    }
}

.detail {
    .reviews {
        margin-bottom: 15px;
        > div {
            float: left;
            width: 50%;
        }
    }
    #submit-review {
        bottom: 15px;
    }
}

.listing {
    header img {
        float: left;
        margin-right: 10px;
    }
    .reviews {
        margin-bottom: 5px;
        figure,
        figure + div {
            float: left;
        }
        figure {
            width: 40%;
            + div {
                width: 25%;
            }
        }
        #submit-review {
            bottom: 20px;
        }
    }
    #review-list + .paginator {
        margin-top: 15px;
    }
}

#reviews-info {
    margin-top: 20px;
    position: relative;
}

#reviews {
    margin: 20px 0;
    position: relative;
    > div {
        .border-box;
    }
    ul {
        margin: 0;
        padding: 0;
    }
    #submit-review {
        position: absolute;
        margin: 10px 0;
    }
}

#review-list {
    background: @bg-lite;
    border-top: 1px solid darken(@light-gray, 2%);
    border-bottom: 1px solid lighten(@faint-gray, 4%);
}

.review {
    .transition(~'.3s all');
    border: 1px solid darken(@light-gray, 2%);
    border-width: 0 1px;
    border-bottom: 1px solid darken(@light-gray, 2%);
    list-style-type: none;
    padding: 10px;
    position: relative;
    + .review {
        border-top: 1px solid @white;
    }
    &.reply {
        background: url(../../img/mkt/icons/reply.png) 10px 15px no-repeat;
        display: none;
        padding-left: 35px;
    }
    &.deleting {
        background: fade(@red, 40%);
    }
    &.deleted {
        border: 0;
        height: 0;
        overflow: hidden;
        padding: 0;
        + .review {
            border-top: 0;
        }
    }
    &.normal:nth-child(2n) {
        background-color: lighten(@bg, 5%);
    }
    .byline, .timestamp {
        font-size: 12px;
    }
    .byline {
        color: @medium-gray;
        b {
            color: @gray;
        }
    }
    .timestamp {
        color: @note-gray;
        float: right;
        &:hover {
            color: @gray;
        }
    }
    .body {
        margin: 10px 0;
    }
    .view-reply {
        font-size: 12px;
        font-weight: 600;
        padding: 5px 10px;
    }
    ul {
        float: left;
        list-style: none;
    }
    li {
        display: inline-block;
        &.hidden {
            display: none;
        }
        + li:before {
            color: @note-gray;
            content: "\00a0\2022\00a0\00a0";
        }
    }
}

.overlay {
    form {
        margin: 0;
    }
    h2, .char-count {
        margin-bottom: 10px;
    }
    .req-error {
        float: left;
        font-size: 13px;
        line-height: 18px;
        margin-top: 5px;
    }
}

header.product {
    margin-bottom: 15px;
    position: relative;
    .visual {
        margin-right: 15px;
        height: 64px;
        width: 64px;
        + div {
            float: left;
            max-width: 206px;
        }
    }
    h1 {
        color: @navy-gray;
        font-size: 22px;
        font-weight: 400;
        line-height: 1.2;
        &.multi {
            font-size: 22px;
            small, span {
                .ellipsis;
                display: block;
                margin-bottom: -8px;
                padding-bottom: 6px;
            }
            small {
                color: lighten(@navy-gray, 10%);
                display: block;
                font-size: 14px;
                font-weight: 600;
            }
        }
    }
    p {
        font-size: 14px;
        line-height: 1;
        margin: 5px 0;
    }
}

#submit-review {
    header.product .simple-field,
    &.friendly header .errorlist {
        margin: 5px 0 0;
    }
    h2 {
        font-size: 18px;
        font-weight: 400;
    }
    .req,
    label[for=id_rating] {
        display: none;
    }
}

.stars {
    background: url(../../img/mkt/stars/sprite-16.png) no-repeat;
    display: inline-block;
    height: 18px;
    margin-right: 4px;
    text-indent: -9999px;
    vertical-align: middle;
    width: 89px;
    &.stars-4 { background-position: -18px 0; }
    &.stars-3 { background-position: -36px 0; }
    &.stars-2 { background-position: -54px 0; }
    &.stars-1 { background-position: -72px 0; }
    &.stars-0 { background-position: -90px 0; }
    &.ratingwidget {
        background: url(../../img/mkt/stars/32.png) repeat-x;
        background-repeat: repeat-x 5px 0;
        height: 32px;
        width: 200px;
        // Yeah, maybe I should just set a class in JS. I thought I was being clever.
        &.stars-1 label[data-stars="1"], &.stars-2 label[data-stars="1"], &.stars-2 label[data-stars="2"],
        &.stars-3 label[data-stars="1"], &.stars-3 label[data-stars="2"], &.stars-3 label[data-stars="3"],
        &.stars-4 label[data-stars="1"], &.stars-4 label[data-stars="2"], &.stars-4 label[data-stars="3"], &.stars-4 label[data-stars="4"],
        &.stars-5 label[data-stars="1"], &.stars-5 label[data-stars="2"], &.stars-5 label[data-stars="3"], &.stars-5 label[data-stars="4"], &.stars-5 label[data-stars="5"] {
            background: url(../../img/mkt/stars/32.png) 100% 100%;
        }
        label {
            height: 32px;
            width: 40px;
        }
    }
}

.html-rtl .stars {
    margin: 0 0 0 4px;
}

.no-rating strong {
    font-size: 12px;
    font-weight: 700;
}

.average-rating {
    // Clicking on this will expose the rating breakdown.
    cursor: pointer;
    strong {
        display: none;
    }
    span {
        color: @green;
        vertical-align: middle;
    }
    &:hover span {
        text-decoration: none;
    }
}

.simple-field.rating {
    .border-radius(4px);
    .box-shadow(inset 0 1px 4px rgba(0,0,0,.25),
                inset 0 1px 0 fade(@white, 80%),
                0 1px 0 fade(@white, 80%));
    background: rgba(200,200,200,.2);
    margin-bottom: 15px;
    padding: 20px 10px;
    .ratingwidget {
        margin: 0 auto;
    }
    .errorlist {
        margin-top: 10px;
        text-align: center;
    }
}

.ratingwidget {
    display: block;
    float: none;
    width: 65px;
    input {
        display: none;
    }
    label {
        cursor: pointer;
        display: block;
        float: left;
        margin: 0;
        text-indent: -9999px;
        width: 13px;
    }
}

.grouped-ratings {
    .border-box;
    .border-radius(4px);
    background: rgb(226,230,233);
    border: 1px solid @bg-gray;
    color: @medium-gray;
    display: none;
    padding: 17px 15px;
    position: relative;
    top: -5px;
    width: 100%;
    z-index: 0;
    // The arrow.
    &:before {
        .transform(~'rotate(45deg)');
        background: rgb(226,230,233);
        border: 1px solid @bg-gray;
        border-width: 1px 0 0 1px;
        content: "";
        height: 12px;
        position: absolute;
        top: -8px;
        left: 116px;
        right: 22px;
        width: 12px;
        z-index: 0;
    }
    .rating-bar {
        height: 22px;
        float: left;
        overflow: visible;
        width: 96px;
        // OMFG.
        &:before {
            .box-shadow(0 3px 6px @dark-gray);
            content: "";
            display: block;
            height: 22px;
            position: absolute;
            top: 0;
            left: 96px;
            width: 2px;
            z-index: 0;
        }
        &:after {
            content: "";
            background: rgb(226,230,233);
            height: 36px;
            position: absolute;
            top: -5px;
            left: 89px;
            width: 9px;
            z-index: 1;
        }
        .bar {
            background: rgb(205,210,214);
            border-top: rgb(183,188,192) 1px solid;
            border-bottom: rgb(234,238,239) 1px solid;
            display: block;
            height: 4px;
            position: relative;
            margin: 10px 10px 0 3px;
            &:before {
                background: @barely-gray;
                content: "";
                display: block;
                height: 22px;
                position: absolute;
                top: -11px;
                left: -2px;
                width: 1px;
            }
        }
    }
    li {
        position: relative;
        &:first-child,
        &:last-child {
            .rating-bar:before {
                .box-shadow(0 3px 6px @medium-gray);
            }
            .bar:before {
                height: 26px;
            }
        }
        &:first-child .bar:before {
            top: -10px;
        }
    }
    .num-ratings {
        color: lighten(@navy-gray, 10%);
        font-size: 11px;
        line-height: 8px;
        position: absolute;
        top: -2px;
        right: -5px;
        width: 1px;
        word-wrap: normal;
    }
    .stars {
        float: left;
        margin: 4px 8px 0 0;
    }
}

@media (max-width: @4col) {
    #submit-review p.reminder {
        display: none;
    }
    #reviews #review-list {
        margin: 0 -10px;
        .review {
            border-left: 0;
            border-right: 0;
            .byline, .timestamp {
                font-size: 12px;
            }
            .body {
                font-size: 14px;
                line-height: 1.2;
            }
        }
        .review:nth-child(5) ~ .review {
            display: none;
        }
    }
}

.items-profile {
    padding: 0;

    .review {
        background: @white;
    }
    .review:first-child {
        border-top: 1px solid @light-gray;
    }

    .review-inner {
        padding: 0 10px 0 95px;
    }
    h3 {
        font-size: 18px;
    }
    .icon-profile {
        position: absolute;
        left: 10px;
        max-height: 64px;
        max-width: 64px;
    }
    .byline {
        display: none;
    }
    .body {
        margin: 5px 0;
    }
    .timestamp {
        position: absolute;
        top: 10px;
        right: 10px;
    }
    .actions {
        position: absolute;
        bottom: 15px;
        right: 10px;
    }
}

.submit-review {
    float: left;
}
p.support-link {
    float: right;
    font-size: 13px;
    margin-top: 48px;
}

@media (max-width: @4col) {
    .support-link {
        clear: left;
        float: none;
        margin-top: 0;
    }
    #reviews-detail {
        .view-more-reviews,
        .add-edit-review {
            display: none;
        }
    }
}


use @gap var

use @gap var

remote: Support for password authentication was removed on August 13, 2021.
remote: Please see https://docs.github.com/en/get-started/getting-started-with-git/about-remote-repositories#cloning-with-https-urls for information on currently recommended modes of authentication.
fatal: Authentication failed for 'https://github.com/crdx/crdx.org.git/'


Remove button: removes margin and makes lowercase

remote: Support for password authentication was removed on August 13, 2021.
remote: Please see https://docs.github.com/en/get-started/getting-started-with-git/about-remote-repositories#cloning-with-https-urls for information on currently recommended modes of authentication.
fatal: Authentication failed for 'https://github.com/hevnly/asset-bazaar.git/'


Update grid.less

Update grid.less

remote: Support for password authentication was removed on August 13, 2021.
remote: Please see https://docs.github.com/en/get-started/getting-started-with-git/about-remote-repositories#cloning-with-https-urls for information on currently recommended modes of authentication.
fatal: Authentication failed for 'https://github.com/nanna-dk/ku.dk-bootstrap.git/'


Added styles.less

Added styles.less

Added styles.less

remote: Support for password authentication was removed on August 13, 2021.
remote: Please see https://docs.github.com/en/get-started/getting-started-with-git/about-remote-repositories#cloning-with-https-urls for information on currently recommended modes of authentication.
fatal: Authentication failed for 'https://github.com/vimalmenon/code-easy.net-new.git/'


Refactored custom bootstrap styles into default.less and placed it into themes folder

// Brand Colors
// -------------------------

@brand-primary: #4d90fc;
@brand-success: #60bf60;
@brand-warning: #ff9800;
@brand-danger: #de4b33;
@brand-info: #5bc0dd;

// Buttons
// -------------------------

@btn-primary-border: darken(@btn-primary-bg, 3.2%);
@btn-success-border: darken(@btn-success-bg, 3.2%);
@btn-warning-border: darken(@btn-warning-bg, 3.2%);
@btn-danger-border: darken(@btn-danger-bg, 3.2%);
@btn-info-border: darken(@btn-info-bg, 3.2%);

.btn {
  border-radius: 0;
  box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.11), 1px 1px 0 rgba(255, 255, 255, 0.21) inset;

  &:focus {
    outline: none;
  }
}

.btn-default, .btn-default:focus {
  background-image: linear-gradient(to bottom, #ffffff 60%, #f8f8f8 100%);
}

// Forms
// -------------------------

@input-border-radius: 0;
@input-border-focus: #2598f9;

.form-control:focus {
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1) inset;
}

// Form states and alerts
// -------------------------

@state-success-text: #569845;
@state-success-bg: #dbf5d3;
@state-success-border: #aed3a5;

@state-info-text: #3a87ad;
@state-info-bg: #d9edf7;
@state-info-border: #98cce7;

@state-warning-text: #bf9853;
@state-warning-bg: #fdf8e2;
@state-warning-border: #f2daab;

@state-danger-text: #b94a48;
@state-danger-bg: #f2dede;
@state-danger-border: #e0b1b8;

// Alerts
// -------------------------

.alert {
  border-radius: 0;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.10);
}

error: pathspec 'public/css/themes/default.less' did not match any file(s) known to git


Fixed headers for all sizes. Wow.

Fixed headers for all sizes. Wow.

remote: Support for password authentication was removed on August 13, 2021.
remote: Please see https://docs.github.com/en/get-started/getting-started-with-git/about-remote-repositories#cloning-with-https-urls for information on currently recommended modes of authentication.
fatal: Authentication failed for 'https://github.com/simonpfry/AuctionHouse.git/'


Better dealing with long names on desktop.


tweak css a tad

tweak css a tad

Enyo-DCO-1.1-Signed-off-by: Cole Davis <cole.davis@lge.com>

remote: Support for password authentication was removed on August 13, 2021.
remote: Please see https://docs.github.com/en/get-started/getting-started-with-git/about-remote-repositories#cloning-with-https-urls for information on currently recommended modes of authentication.
fatal: Authentication failed for 'https://github.com/clinuz/college-football.git/'


Some surgery, and some consolidation, in the custom.less file.

remote: Support for password authentication was removed on August 13, 2021.
remote: Please see https://docs.github.com/en/get-started/getting-started-with-git/about-remote-repositories#cloning-with-https-urls for information on currently recommended modes of authentication.
fatal: Authentication failed for 'https://github.com/QueensSailing/QueensSailing.github.io.git/'


Add WAI-ARIA support to badge component

Add WAI-ARIA support to badge component

remote: Support for password authentication was removed on August 13, 2021.
remote: Please see https://docs.github.com/en/get-started/getting-started-with-git/about-remote-repositories#cloning-with-https-urls for information on currently recommended modes of authentication.
fatal: Authentication failed for 'https://github.com/sfi0zy/muilessium.git/'


Tabs styles in separate file

Tabs styles in separate file

.main-tabs {
    display       : flex;
    flex-direction: row;
    position      : relative;
    padding-bottom: 3px;
    background    : @color-ui;

    &::after {
        content   : '';
        height    : 2px;
        display   : block;
        background: @color-ui-light;
        position  : absolute;
        top       : 100%;
        left      : 0;
        width     : 100%;
        margin-top: -3px;
        z-index   : 3;
        border    : 1px solid @color-ui-darkest;
    }

    .tab {
        flex         : 1;
        position     : relative;
        z-index      : 2;
        padding      : 3px 8px 4px;
        max-width    : 180px;
        white-space  : nowrap;
        overflow     : hidden;
        text-overflow: ellipsis;
        border       : 1px solid @color-ui-dark;
        border-bottom: 0;
        margin       : 3px -1px -1px 0;
        text-align   : center;
        background   : @color-ui-light;
        color        : @color-ui-darkest;

        &:last-child {
            border-top-right-radius: 3px;
        }
        &:first-child {
            border-top-left-radius: 3px;
        }

        &:hover {
            color: @color;
        }

        &.active {
            z-index: 4;
            border-radius: 3px 3px 0 0;
            margin       : 0 -1px -1px 0;
            padding      : 6px 8px 4px;
            color        : @color;
            border-color : @color-ui-darkest;
            background   : linear-gradient(
                lighten(@color-ui-light, 10%),
                @color-ui-light
            );
            box-shadow: 0 2px 1px -2px rgba(255, 255, 255, 0.8) inset,
                        0 10px 0 -8px fade(@color-ui-accent, 40%) inset;
        }

        &.preview {
            font-style: italic;
        }

        &.modified {
            color: @color-ui-accent;
        }

        .close-tab {
            float        : right;
            display      : inline-block;
            width        : 16px;
            height       : 16px;
            border-radius: 2px;
            margin       : 1px -3px auto 3px;
            font-size    : 14px;
            line-height  : 16px;
            text-align   : center;
            padding      : 0;
            position     : relative;
            z-index      : 2;
            background   : rgba(0, 0, 0, 0);
            color        : @color-ui-dark;
            transition   : all 0.2s;

            &:hover {
                background: rgba(0, 0, 0, 0.3);
                color     : #fff;
            }

            &:active {
                box-shadow: 1px 1px 3px #000 inset;
            }
        }

        &.modified .close-tab:not(:hover) {
            opacity: 1;
            &::before {
                content: '\f14b';
                color  : @color-ui-accent;
            }
        }
    }
}

/* DARK THEME --------------------------------------------------------------- */
.dark .main-tabs {
    // background    : linear-gradient(@color-ui-dark, @color-ui);
    background: @color-ui;

    &::after {
        background: @color-ui;
        box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1);
    }
    .tab {
        box-shadow: 0px -1px 0px 1px rgba(0, 0, 0, 0.2),
                    0 1px 2px -2px rgba(255, 255, 255, 0.5) inset,
                    0 -17px 16px -7px rgba(0, 0, 0, 0.2) inset;
        background: @color-ui;
        text-shadow: 0px -1px 0px #000;

        &:hover {
            background: lighten(#2F3129, 2%);
            color: #fff;
        }

        &.active {
            // border-top: 2px solid rgba(255, 165, 0, 0.4);
            box-shadow: 0px -1px 0px 1px rgba(0, 0, 0, 0.5),
                        0 2px 1px -2px rgba(255, 255, 255, 0.8) inset,
                        0 10px 0 -8px @color-ui-accent inset;
            background: linear-gradient(
                @color-ui-light,
                @color-ui
            );
            color: #fff;
        }

        &.modified {
            color: orange;
        }

        &.modified .close-tab:not(:hover) {
            &::before {
                color: orange;
                text-shadow: 0px 0px 1px #000;
            }
        }
    }
}

error: pathspec 'src/style/tabs.less' did not match any file(s) known to git


Styling for approval.

Styling for approval.

@import "core.less";

.headings {
    font-weight:600;
    font-size:24px;
}

#approval-list .application {
    border-top: 1px solid #eeeeee;
    padding: 2px;
}

#approval-list .application .cell {
    margin-top: 8px;
}

error: pathspec 'files/static/less/approval.less' did not match any file(s) known to git


添加common.less

添加common.less

html, body {
    height: 100%;
}
.navbar {
    border-radius: 0;
}
.page-header {
    padding-bottom: 0 !important;
    margin: 0 !important;
    border-bottom: 0 !important;
}
.page-header .navbar-nav {
    float: right;
}
.page-header>div>div, .page-header>div>ul {
    display:inline-block;
}
.text-edit {
    padding: 13px 0 0 0;
}
.account {
    text-align:right;
}
.account>div, .account>ul {
    text-align:left;
}
.navbar .nav>li>a.brand {
    padding-left:20px;
    margin-left:0
}
.content {
    margin-top:70px;
    width:100%
}
body .wrapper {
    height: auto;
    min-height: 100%;
}

@footer-height: 80px;
.main-container {
    padding-bottom: @footer-height;
}
@theme-color: #2d313d;
footer {
    position: relative;
    margin-top: -@footer-height;
    height: @footer-height;
    clear: both;
    color: white;
    background-color: @theme-color;
}
footer .container {
    padding: 5px 0;
}
footer p {
    margin-top: 10px;
}

error: pathspec 'public/system/assets/less/common.less' did not match any file(s) known to git


Reverted .btn mouse hover to native bootstrap behaviour

remote: Support for password authentication was removed on August 13, 2021.
remote: Please see https://docs.github.com/en/get-started/getting-started-with-git/about-remote-repositories#cloning-with-https-urls for information on currently recommended modes of authentication.
fatal: Authentication failed for 'https://github.com/trustify/oroplatform.git/'


very basic fluid grid system

very basic fluid grid system

@import "proximity/_utilities";
@import "proximity/_settings";
@import "proximity/_validation";
@import "proximity/_grid";

error: pathspec 'proximity.less' did not match any file(s) known to git


Change arrow style on bubble

Change arrow style on bubble

@import 'vendor.less';
@import 'grid.less';
@import 'variables.less';
@import 'mixins.less';
@import 'magic.less';

@font-face {
  font-family: 'OpenSans';
  font-weight: normal;
  src: url('../fonts/OpenSans-Regular-webfont.eot'); /* IE9 Compat Modes */
  src: url('../fonts/OpenSans-Regular-webfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
  url('../fonts/OpenSans-Regular-webfont.woff') format('woff'), /* Modern Browsers */
  url('../fonts/OpenSans-Regular-webfont.ttf')  format('truetype'), /* Safari, Android, iOS */
  url('../fonts/OpenSans-Regular-webfont.svg#svgFontName') format('svg'); /* Legacy iOS */
}

@font-face {
  font-family: 'OpenSans';
  font-weight: bold;
  src: url('../fonts/OpenSans-Semibold-webfont.eot'); /* IE9 Compat Modes */
  src: url('../fonts/OpenSans-Semibold-webfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
  url('../fonts/OpenSans-Semibold-webfont.woff') format('woff'), /* Modern Browsers */
  url('../fonts/OpenSans-Semibold-webfont.ttf')  format('truetype'), /* Safari, Android, iOS */
  url('../fonts/OpenSans-Semibold-webfont.svg#svgFontName') format('svg'); /* Legacy iOS */
}

@font-face {
  font-family: 'OpenSansLight';
  src: url('../fonts/OpenSans-Light-webfont.eot'); /* IE9 Compat Modes */
  src: url('../fonts/OpenSans-Light-webfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
  url('../fonts/OpenSans-Light-webfont.woff') format('woff'), /* Modern Browsers */
  url('../fonts/OpenSans-Light-webfont.ttf')  format('truetype'), /* Safari, Android, iOS */
  url('../fonts/OpenSans-Light-webfont.svg#svgFontName') format('svg'); /* Legacy iOS */
}

body,
html {
  background: @backgroundGrey url('../img/grain.png') 0 0 repeat;
  color: #333;
  font-family: Helvetica, Arial, sans-serif;
  font-size: 13px;
  height: 100%;
}

a,
a:visited {
  color: #00a7e4;
  text-decoration: none;
  .transition-duration(0.3s);
  .transition-property(color);
}

a:hover {
  color: #00539f;
  text-decoration: underline;
}

dl {
  dd {
    margin: 0 0 16px 0;

    &:last-child {
      margin-bottom: 0;
    }
  }

  dt {
    font-weight: bold;
    margin-bottom: 2px;
  }
}

footer {
  background: #fff;
  bottom: 0;
  color: #999;
  font-size: 13px;
  height: 74px;
  left: 0;
  line-height: 140%;
  padding: 40px 0;
  position: absolute;
  right: 0;

  nav {
    font-family: @OpenSansLight;
    font-size: 16px;
    line-height: normal;

    > ul {
      float: right;
      list-style: none;
      margin: 0;
      padding: 0;

      > li {
        margin-bottom: 4px;
        text-align: right;

        &:last-of-type {
          margin-bottom: 0;
        }

        > a {
          &:after {
            content: ' \00BB';
          }
        }
      }
    }
  }
}

h3 {
  border-bottom: 1px solid #f2f2f2;
  border-top: 1px solid #bebebe;
  color: #999;
  font-size: 13px;
  font-weight: normal;
  margin: 4px 0 24px 0;
  position: relative;
  text-shadow: 1px 1px 0 #f2f2f2;

  a,
  a:visited {
    background: @backgroundGrey url('../img/grain.png') 0 0 repeat;
    color: inherit;
    right: 60px;
    padding: 0 20px;
    position: absolute;
    top: -9px;
  }

  a:hover {
    color: #666;
    text-decoration: none;
  }
}

header {
  background: @purple;
  font-family: @OpenSansLight;
  font-size: 17px;
  height: 50px;
  letter-spacing: -1px;
  margin-bottom: 30px;

  nav {
    > ul {
      border-left: 1px solid #281e41;
      border-right: 1px solid #3a2e54;
      float: right;
      list-style: none;
      margin: 0;
      padding: 0;
      position: relative;
      z-index: 10;

      > li {
        border-left: 1px solid #3a2e54;
        border-right: 1px solid #281e41;
        color: #fff;
        float: left;
        position: relative;

        > a,
        > a:visited {
          color: #fff;
          display: block;
          height: 50px;
          line-height: 46px;
          padding: 0 15px 0 20px;

          &:after {
            background: url('../img/icons-sprite.png') -57px -183px no-repeat;
            content: '';
            float: right;
            height: 5px;
            margin: 22px 0 0 10px;
            width: 9px;
          }

          &#login {
            &:after {
              background-position: -57px -304px;
              height: 11px;
              margin-top: 19px;
            }
          }

          &#user-menu {
            img {
              border: 1px solid #fff;
              float: left;
              height: 22px;
              margin: 13px 0;
            }
          }
        }

        > a:hover {
          text-decoration: none;
        }

        > ul {
          background: #222;
          display: none;
          font-family: @OpenSans;
          font-size: 13px;
          letter-spacing: 0;
          list-style: none;
          margin: 0;
          min-width: 100%;
          padding: 0;
          position: absolute;
          right: 0;

          > li {
            text-align: right;
            white-space: nowrap;

            &:hover {
              background-color: #333;
            }

            > a,
            > a:visited {
              color: #aaa;
              display: block;
              padding: 5px 33px 8px 33px;
            }

            > a:hover {
              color: #fff;
              text-decoration: none;
            }
          }
        }

        &:hover {
          .gradient(#222, #333, #222);

          > a,
          > a:visited,
          > a:hover {
            color: #fff;
          }

          > ul {
            display: block;
          }
        }
      }
    }
  }

  .logo,
  .logo:visited,
  .logo:hover {
    background: url('../img/icons-sprite.png') -50px -37px no-repeat;
    color: #fff;
    display: block;
    font-size: 23px;
    font-weight: normal;
    height: 50px;
    line-height: 42px;
    margin: 0;
    padding: 0 0 0 34px;
    text-decoration: none;
  }
}

.rgba {
  header {
    nav {
      > ul {
        border-left-color: rgba(0, 0, 0, 0.35);
        border-right-color: rgba(255, 255, 255, 0.15);

        > li {
          border-left-color: rgba(255, 255, 255, 0.15);
          border-right-color: rgba(0, 0, 0, 0.35);
        }
      }
    }
  }
}

.box {
  background: #fff;
  .shadowed();
  margin-bottom: 40px;
  padding: 16px 0;

  &.content-box {
    padding-left: 20px;
    padding-right: 20px;

    h2 {
      margin-left: 0;
      margin-right: 0;
    }
  }

  h2 {
    border-bottom: 1px solid #ccc;
    color: #333;
    font-size: 18px;
    font-weight: normal;
    margin: 0 20px 16px 20px;
    padding: 0 0 16px 0;
  }
}

.btn,
.btn:visited {
  .gradient(#276195, #3C88CC, #276195);
  .border-radius(0.25em);
  .box-shadow(~"0 2px 0 0 rgba(0, 0, 0, 0.1), 0 -2px 0 0 rgba(0, 0, 0, 0.2) inset");
  color: #fff;
  font-family: @OpenSans;
  font-size: 15px;
  height: 40px;
  line-height: 38px;
  padding: 0 20px;
  .transition(all 0.25s linear 0s);
}

.btn:hover {
  .box-shadow(~"0 2px 0 0 rgba(0, 0, 0, 0.1), 0 -2px 0 0 rgba(0, 0, 0, 0.2) inset, 0 12px 24px 2px #3089D8 inset");
  color: #fff;
  text-decoration: none;
}

.error-message {
  background: url('../img/error-splash.png') top center no-repeat;
  font-size: 16px;
  margin: 40px 0 120px 0;
  padding: 230px 0 0 0;
  text-align: center;
}

.notice {
  background: rgba(0, 0, 0, 0.08);
  border: 1px solid rgba(0, 0, 0, 0.12);
  .box-shadow(0 0 0 3px rgba(0, 0, 0, 0.04) inset);
  color: #797979;
  margin-bottom: 40px;
  padding: 16px 20px;
  text-align: center;
}

.page {
  min-height: 100%;
  position: relative;
}

.pagination {
  margin: 0 0 40px 0;
  padding: 20px 0 0 0;
  position: relative;

  &:before {
    border-bottom: 1px solid #f2f2f2;
    border-top: 1px solid #bebebe;
    content: '';
    display: block;
    height: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
  }

  &.prefix_4 {
    &:before {
      left: 320px;
    }
  }

  .next {
    float: left;
  }

  .prev {
    float: right;
  }
}

.status-block {
  margin-bottom: 20px;

  .bubble {
    background: #fff;
    .border-radius(6px);
    color: #666;
    min-height: 42px;
    list-style: none;
    margin: 0;
    padding: 0;
    position: relative;
    z-index: 0;

    &:after {
      .linear-gradient-left(transparent, rgba(0, 0, 0, 0.02), 0, rgba(0, 0, 0, 0), 20%);
      background-color: #f8f8f8;
      .border-radius(0 6px 6px 0);
      bottom: 0;
      content: '';
      position: absolute;
      right: 0;
      top: 0;
      width: 140px;
      z-index: -1;
    }

    &:before {
      border-color: transparent #fff transparent transparent;
      border-width: 0px 14px 14px 0;
      border-style: solid;
      content: '';
      height: 0;
      left: -14px;
      position: absolute;
      top: 15px;
      width: 0;
    }

    > li {
      border-bottom: 1px dotted #ccc;
      padding: 12px 20px;

      .update {
        line-height: 140%;
        margin-right: 140px;

        .tags {
          margin: 3px 0 0 0;

          .tag {
            background-color: #999;
            border-color: #999;
            .border-radius(3px);
            border-style: solid;
            border-width: 2px 0;
            color: #fff;
            font-size: 11px;
            margin: 0 1px 0 0;
            padding: 0 6px;
            text-transform: lowercase;

            &:last-of-type {
              margin-right: 4px;
            }

            &.tag-blocked {
              background-color: #c00;
              border-color: #c00;
            }

            &.tag-mfbt {
              .animation(rainbow 5s infinite)
            }
          }
        }
      }

      .update-meta {
        float: right;
        line-height: 140%;
        width: 100px;

        .post-time,
        .post-time:visited {
          color: #c0c0c0;
          display: block;
          float: right;
        }

        .post-time:hover {
          color: #999;
        }

        .project-name,
        .project-name:visited {
          background: #36c;
          .border-radius(3px);
          clear: both;
          color: #36c;
          float: right;
          line-height: normal;
          margin-top: 4px;
          padding: 2px 6px;
          position: relative;
          z-index: 0;

          &:after {
            background-color: rgba(255, 255, 255, 0.8);
            .border-radius(2px);
            bottom: 1px;
            content: '';
            left: 1px;
            position: absolute;
            right: 1px;
            top: 1px;
            .transition-duration(0.5s);
            .transition-property('background-color');
            z-index: -1;
          }
        }

        .project-name:hover {
          text-decoration: none;

          &:after {
            background-color: rgba(255, 255, 255, 0.7);
          }
        }
      }
    }
  }

  .gravatar {
    .border-radius(6px);
    display: block;
    height: 60px;
    width: 60px;
  }

  .user-meta {
    color: #404040;
    font-family: @OpenSans;
    font-size: 14px;
    text-align: right;

    a,
    a:visited,
    a:hover {
      color: #404040;
      text-decoration: none;
    }

    h4 {
      font-size: 18px;
      font-weight: bold;
      line-height: 24px;
      margin: 8px 0 0 0;
    }
  }
}

#main-content {
  padding-bottom: 174px;
}

@import 'vendor.less';
@import 'grid.less';
@import 'variables.less';
@import 'mixins.less';
@import 'magic.less';

@font-face {
  font-family: 'OpenSans';
  font-weight: normal;
  src: url('../fonts/OpenSans-Regular-webfont.eot'); /* IE9 Compat Modes */
  src: url('../fonts/OpenSans-Regular-webfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
  url('../fonts/OpenSans-Regular-webfont.woff') format('woff'), /* Modern Browsers */
  url('../fonts/OpenSans-Regular-webfont.ttf')  format('truetype'), /* Safari, Android, iOS */
  url('../fonts/OpenSans-Regular-webfont.svg#svgFontName') format('svg'); /* Legacy iOS */
}

@font-face {
  font-family: 'OpenSans';
  font-weight: bold;
  src: url('../fonts/OpenSans-Semibold-webfont.eot'); /* IE9 Compat Modes */
  src: url('../fonts/OpenSans-Semibold-webfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
  url('../fonts/OpenSans-Semibold-webfont.woff') format('woff'), /* Modern Browsers */
  url('../fonts/OpenSans-Semibold-webfont.ttf')  format('truetype'), /* Safari, Android, iOS */
  url('../fonts/OpenSans-Semibold-webfont.svg#svgFontName') format('svg'); /* Legacy iOS */
}

@font-face {
  font-family: 'OpenSansLight';
  src: url('../fonts/OpenSans-Light-webfont.eot'); /* IE9 Compat Modes */
  src: url('../fonts/OpenSans-Light-webfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
  url('../fonts/OpenSans-Light-webfont.woff') format('woff'), /* Modern Browsers */
  url('../fonts/OpenSans-Light-webfont.ttf')  format('truetype'), /* Safari, Android, iOS */
  url('../fonts/OpenSans-Light-webfont.svg#svgFontName') format('svg'); /* Legacy iOS */
}

body,
html {
  background: @backgroundGrey url('../img/grain.png') 0 0 repeat;
  color: #333;
  font-family: Helvetica, Arial, sans-serif;
  font-size: 13px;
  height: 100%;
}

a,
a:visited {
  color: #00a7e4;
  text-decoration: none;
  .transition-duration(0.3s);
  .transition-property(color);
}

a:hover {
  color: #00539f;
  text-decoration: underline;
}

dl {
  dd {
    margin: 0 0 16px 0;

    &:last-child {
      margin-bottom: 0;
    }
  }

  dt {
    font-weight: bold;
    margin-bottom: 2px;
  }
}

footer {
  background: #fff;
  bottom: 0;
  color: #999;
  font-size: 13px;
  height: 74px;
  left: 0;
  line-height: 140%;
  padding: 40px 0;
  position: absolute;
  right: 0;

  nav {
    font-family: @OpenSansLight;
    font-size: 16px;
    line-height: normal;

    > ul {
      float: right;
      list-style: none;
      margin: 0;
      padding: 0;

      > li {
        margin-bottom: 4px;
        text-align: right;

        &:last-of-type {
          margin-bottom: 0;
        }

        > a {
          &:after {
            content: ' \00BB';
          }
        }
      }
    }
  }
}

h3 {
  border-bottom: 1px solid #f2f2f2;
  border-top: 1px solid #bebebe;
  color: #999;
  font-size: 13px;
  font-weight: normal;
  margin: 4px 0 24px 0;
  position: relative;
  text-shadow: 1px 1px 0 #f2f2f2;

  a,
  a:visited {
    background: @backgroundGrey url('../img/grain.png') 0 0 repeat;
    color: inherit;
    right: 60px;
    padding: 0 20px;
    position: absolute;
    top: -9px;
  }

  a:hover {
    color: #666;
    text-decoration: none;
  }
}

header {
  background: @purple;
  font-family: @OpenSansLight;
  font-size: 17px;
  height: 50px;
  letter-spacing: -1px;
  margin-bottom: 30px;

  nav {
    > ul {
      border-left: 1px solid #281e41;
      border-right: 1px solid #3a2e54;
      float: right;
      list-style: none;
      margin: 0;
      padding: 0;
      position: relative;
      z-index: 10;

      > li {
        border-left: 1px solid #3a2e54;
        border-right: 1px solid #281e41;
        color: #fff;
        float: left;
        position: relative;

        > a,
        > a:visited {
          color: #fff;
          display: block;
          height: 50px;
          line-height: 46px;
          padding: 0 15px 0 20px;

          &:after {
            background: url('../img/icons-sprite.png') -57px -183px no-repeat;
            content: '';
            float: right;
            height: 5px;
            margin: 22px 0 0 10px;
            width: 9px;
          }

          &#login {
            &:after {
              background-position: -57px -304px;
              height: 11px;
              margin-top: 19px;
            }
          }

          &#user-menu {
            img {
              border: 1px solid #fff;
              float: left;
              height: 22px;
              margin: 13px 0;
            }
          }
        }

        > a:hover {
          text-decoration: none;
        }

        > ul {
          background: #222;
          display: none;
          font-family: @OpenSans;
          font-size: 13px;
          letter-spacing: 0;
          list-style: none;
          margin: 0;
          min-width: 100%;
          padding: 0;
          position: absolute;
          right: 0;

          > li {
            text-align: right;
            white-space: nowrap;

            &:hover {
              background-color: #333;
            }

            > a,
            > a:visited {
              color: #aaa;
              display: block;
              padding: 5px 33px 8px 33px;
            }

            > a:hover {
              color: #fff;
              text-decoration: none;
            }
          }
        }

        &:hover {
          .gradient(#222, #333, #222);

          > a,
          > a:visited,
          > a:hover {
            color: #fff;
          }

          > ul {
            display: block;
          }
        }
      }
    }
  }

  .logo,
  .logo:visited,
  .logo:hover {
    background: url('../img/icons-sprite.png') -50px -37px no-repeat;
    color: #fff;
    display: block;
    font-size: 23px;
    font-weight: normal;
    height: 50px;
    line-height: 42px;
    margin: 0;
    padding: 0 0 0 34px;
    text-decoration: none;
  }
}

.rgba {
  header {
    nav {
      > ul {
        border-left-color: rgba(0, 0, 0, 0.35);
        border-right-color: rgba(255, 255, 255, 0.15);

        > li {
          border-left-color: rgba(255, 255, 255, 0.15);
          border-right-color: rgba(0, 0, 0, 0.35);
        }
      }
    }
  }
}

.box {
  background: #fff;
  .shadowed();
  margin-bottom: 40px;
  padding: 16px 0;

  &.content-box {
    padding-left: 20px;
    padding-right: 20px;

    h2 {
      margin-left: 0;
      margin-right: 0;
    }
  }

  h2 {
    border-bottom: 1px solid #ccc;
    color: #333;
    font-size: 18px;
    font-weight: normal;
    margin: 0 20px 16px 20px;
    padding: 0 0 16px 0;
  }
}

.btn,
.btn:visited {
  .gradient(#276195, #3C88CC, #276195);
  .border-radius(0.25em);
  .box-shadow(~"0 2px 0 0 rgba(0, 0, 0, 0.1), 0 -2px 0 0 rgba(0, 0, 0, 0.2) inset");
  color: #fff;
  font-family: @OpenSans;
  font-size: 15px;
  height: 40px;
  line-height: 38px;
  padding: 0 20px;
  .transition(all 0.25s linear 0s);
}

.btn:hover {
  .box-shadow(~"0 2px 0 0 rgba(0, 0, 0, 0.1), 0 -2px 0 0 rgba(0, 0, 0, 0.2) inset, 0 12px 24px 2px #3089D8 inset");
  color: #fff;
  text-decoration: none;
}

.error-message {
  background: url('../img/error-splash.png') top center no-repeat;
  font-size: 16px;
  margin: 40px 0 120px 0;
  padding: 230px 0 0 0;
  text-align: center;
}

.notice {
  background: rgba(0, 0, 0, 0.08);
  border: 1px solid rgba(0, 0, 0, 0.12);
  .box-shadow(0 0 0 3px rgba(0, 0, 0, 0.04) inset);
  color: #797979;
  margin-bottom: 40px;
  padding: 16px 20px;
  text-align: center;
}

.page {
  min-height: 100%;
  position: relative;
}

.pagination {
  margin: 0 0 40px 0;
  padding: 20px 0 0 0;
  position: relative;

  &:before {
    border-bottom: 1px solid #f2f2f2;
    border-top: 1px solid #bebebe;
    content: '';
    display: block;
    height: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
  }

  &.prefix_4 {
    &:before {
      left: 320px;
    }
  }

  .next {
    float: left;
  }

  .prev {
    float: right;
  }
}

.status-block {
  margin-bottom: 20px;

  .bubble {
    background: #fff;
    .border-radius(6px);
    color: #666;
    min-height: 42px;
    list-style: none;
    margin: 0;
    padding: 0;
    position: relative;
    z-index: 0;

    &:after {
      .linear-gradient-left(transparent, rgba(0, 0, 0, 0.02), 0, rgba(0, 0, 0, 0), 20%);
      background-color: #f8f8f8;
      .border-radius(0 6px 6px 0);
      bottom: 0;
      content: '';
      position: absolute;
      right: 0;
      top: 0;
      width: 140px;
      z-index: -1;
    }

    &:before {
      border-color: transparent #fff transparent transparent;
      border-width: 6px 10px 6px 0;
      border-style: solid;
      content: '';
      height: 0;
      left: -10px;
      position: absolute;
      top: 15px;
      width: 0;
    }

    > li {
      border-bottom: 1px dotted #ccc;
      padding: 12px 20px;

      .update {
        line-height: 140%;
        margin-right: 140px;

        .tags {
          margin: 3px 0 0 0;

          .tag {
            background-color: #999;
            border-color: #999;
            .border-radius(3px);
            border-style: solid;
            border-width: 2px 0;
            color: #fff;
            font-size: 11px;
            margin: 0 1px 0 0;
            padding: 0 6px;
            text-transform: lowercase;

            &:last-of-type {
              margin-right: 4px;
            }

            &.tag-blocked {
              background-color: #c00;
              border-color: #c00;
            }

            &.tag-mfbt {
              .animation(rainbow 5s infinite)
            }
          }
        }
      }

      .update-meta {
        float: right;
        line-height: 140%;
        width: 100px;

        .post-time,
        .post-time:visited {
          color: #c0c0c0;
          display: block;
          float: right;
        }

        .post-time:hover {
          color: #999;
        }

        .project-name,
        .project-name:visited {
          background: #36c;
          .border-radius(3px);
          clear: both;
          color: #36c;
          float: right;
          line-height: normal;
          margin-top: 4px;
          padding: 2px 6px;
          position: relative;
          z-index: 0;

          &:after {
            background-color: rgba(255, 255, 255, 0.8);
            .border-radius(2px);
            bottom: 1px;
            content: '';
            left: 1px;
            position: absolute;
            right: 1px;
            top: 1px;
            .transition-duration(0.5s);
            .transition-property('background-color');
            z-index: -1;
          }
        }

        .project-name:hover {
          text-decoration: none;

          &:after {
            background-color: rgba(255, 255, 255, 0.7);
          }
        }
      }
    }
  }

  .gravatar {
    .border-radius(6px);
    display: block;
    height: 60px;
    width: 60px;
  }

  .user-meta {
    color: #404040;
    font-family: @OpenSans;
    font-size: 14px;
    text-align: right;

    a,
    a:visited,
    a:hover {
      color: #404040;
      text-decoration: none;
    }

    h4 {
      font-size: 18px;
      font-weight: bold;
      line-height: 24px;
      margin: 8px 0 0 0;
    }
  }
}

#main-content {
  padding-bottom: 174px;
}


Use `@text-color` as color for highlighting links

// The ui-variables file is provided by base themes provided by Atom.
//
// See https://github.com/atom/atom-dark-ui/blob/master/styles/ui-variables.less
// for a full listing of what's available.
@import "ui-variables";

body.code-links-visible atom-text-editor::shadow {
    .code-links .region {
        // Needs to be clickable
        pointer-events: auto;
        // regions are not normally clickable and have a z-index of -1.
        // 1 seems to work, but I don't know if that might change later.
        z-index: 1;
        border-bottom: thin solid @text-color;
    }
}

// The ui-variables file is provided by base themes provided by Atom.
//
// See https://github.com/atom/atom-dark-ui/blob/master/styles/ui-variables.less
// for a full listing of what's available.
@import "ui-variables";

body.code-links-visible atom-text-editor::shadow {
    .code-links .region {
        // Needs to be clickable
        pointer-events: auto;
        // regions are not normally clickable and have a z-index of -1.
        // 1 seems to work, but I don't know if that might change later.
        z-index: 1;
        border-bottom: thin solid blue;
    }
}


fix(ui): Only apply pygment highlighting to pre tags (#13097)

The highlight class is used for a few other things

remote: Support for password authentication was removed on August 13, 2021.
remote: Please see https://docs.github.com/en/get-started/getting-started-with-git/about-remote-repositories#cloning-with-https-urls for information on currently recommended modes of authentication.
fatal: Authentication failed for 'https://github.com/beeftornado/sentry.git/'


update product infos tab less

update product infos tab less

/**
 * @author Jack Han, Lionel Dong
 */

@import (once) "_common.less";

.productInfosTab {
    .productInfosTabContent {
        border: 1px solid #ccc;
        padding: 10px 15px;

        dt {
            display: none;
        }

        dd {
            font-size: 12px;
        }
    }
    .productInfosTabTitle {
        list-style: none;
        margin: 0;
        padding: 0;
        li {
            float: left;
            background: #eee;
            a {
                padding: 7px 10px 7px 24px;
                display: block;
            }
        }
        .active {
            background: #ccc;
        }
    }

    .mobile() {
        .productInfosTabTitle {
            display: none;
        }
        .productInfosTabContent {
            padding: 0;
            border-bottom: none;

            dt {
                position: relative;
                display: block;
                border-bottom: 1px solid #ccc;
                color: #337ab7;
                background-color: #eee;
                padding: 7px 10px 7px 24px;
                line-height: 1.4;
                cursor: pointer;
                font-weight: normal;

                &:after {
                    content: "";
                    position: absolute;
                    width: 0;
                    height: 0;
                    display: block;
                    left: 6px;
                    top: 50%;
                    margin-top: -3px;
                    border-top: 4px solid transparent;
                    border-bottom: 4px solid transparent;
                    border-left: 4px solid #39c;
                    border-right: none;
                }

                &.current {
                    background: #ccc;

                    &:after {
                        border-right: 4px solid transparent;
                        border-left: 4px solid transparent;
                        border-top: 4px solid #39c;
                        border-bottom: none;
                    }
                }
            }

            dd {
                padding: 10px;
                border-left: 1px solid #ccc;
                border-right: 1px solid #ccc;
                border-bottom: 1px solid #ccc;
                margin: 0;
            }
        }
    }

    .bp(max, @medium, {
        .mobile();
    });
}

/**
 * @author Jack Han, Lionel Dong
 */

@import (once) "_common.less";

.productInfosTab {
    .laptop() {
        .productInfosTabContent {
            border: 1px solid #ccc;
            padding: 10px 15px;

            dt {
                display: none;
            }

            dd {
                font-size: 12px;
            }
        }
        .productInfosTabTitle {
            list-style: none;
            margin: 0;
            padding: 0;
            li {
                float: left;
                background: #eee;
                a {
                    padding: 7px 10px 7px 24px;
                    display: block;
                }
            }
            .active {
                background: #ccc;
            }
        }
    }

    .mobile() {
        .productInfosTabTitle {
            display: none;
        }
        .productInfosTabContent {
            padding: 0;
            border-bottom: none;

            dt {
                position: relative;
                display: block;
                border-bottom: 1px solid #ccc;
                color: #337ab7;
                background-color: #eee;
                padding: 7px 10px 7px 24px;
                line-height: 1.4;
                cursor: pointer;
                font-weight: normal;

                &:after {
                    content: "";
                    position: absolute;
                    width: 0;
                    height: 0;
                    display: block;
                    left: 6px;
                    top: 50%;
                    margin-top: -3px;
                    border-top: 4px solid transparent;
                    border-bottom: 4px solid transparent;
                    border-left: 4px solid #39c;
                    border-right: none;
                }

                &.current {
                    background: #ccc;

                    &:after {
                        border-right: 4px solid transparent;
                        border-left: 4px solid transparent;
                        border-top: 4px solid #39c;
                        border-bottom: none;
                    }
                }
            }

            dd {
                padding: 10px;
                border-left: 1px solid #ccc;
                border-right: 1px solid #ccc;
                border-bottom: 1px solid #ccc;
                margin: 0;
            }
        }
    }

    .laptop();
    .bp(max, @medium, {
        .mobile();
    });
}


added stylesheet for disqus

added stylesheet for disqus

@import '../utilities/helpers';
@import '../utilities/variables';

// disqus styles

.layout {

  #disqus_thread {
    margin-top: @space-largest;
  }
}

error: pathspec 'client/stylesheets/widgets/disqus.less' did not match any file(s) known to git


fixing line height for toc icon

fixing line height for toc icon

remote: Support for password authentication was removed on August 13, 2021.
remote: Please see https://docs.github.com/en/get-started/getting-started-with-git/about-remote-repositories#cloning-with-https-urls for information on currently recommended modes of authentication.
fatal: Authentication failed for 'https://github.com/pradeepmurugesan/incubator-freemarker-docgen.git/'


Limiting the size of the time series processing options table

remote: Support for password authentication was removed on August 13, 2021.
remote: Please see https://docs.github.com/en/get-started/getting-started-with-git/about-remote-repositories#cloning-with-https-urls for information on currently recommended modes of authentication.
fatal: Authentication failed for 'https://github.com/USGS-CIDA/enddat_web.git/'


styles for desktop menu

styles for desktop menu

remote: Support for password authentication was removed on August 13, 2021.
remote: Please see https://docs.github.com/en/get-started/getting-started-with-git/about-remote-repositories#cloning-with-https-urls for information on currently recommended modes of authentication.
fatal: Authentication failed for 'https://github.com/amazingBastard/infosite-cms.git/'


add "*" after label

add "*" after label

remote: Support for password authentication was removed on August 13, 2021.
remote: Please see https://docs.github.com/en/get-started/getting-started-with-git/about-remote-repositories#cloning-with-https-urls for information on currently recommended modes of authentication.
fatal: Authentication failed for 'https://github.com/Digipalvelutehdas/APIKA.git/'


Fix hgroup width

Fix hgroup width

/*!
  github.com/sparanoid/sparanoid.com
*/
/*!
*/

* {
  margin: 0;
  padding: 0;
  border: 0;
  font-weight: normal;
  font-style: normal;
  font-size: 100%;
  font-family: inherit;
  line-height: 1;
  text-decoration: none;
}

:root {
  color: #000;
  background: #fff;
  font-size: 14px;
  font-family: Palatino, 'Palatino Linotype', 'Hiragino Mincho ProN', serif;
  line-height: 1.7;
  font-weight: 100;
  max-width: 1080px;
  margin: 0 auto;
  padding: 60px 40px;
  text-rendering: optimizelegibility;
  image-rendering: optimizequality;
}

::selection {
  background: rgba(0, 0, 0, .05);
}

@font-face {
  font-family: 'sparanoid.com';
  src: url('font.woff') format('woff'),
       url('font.svg') format('svg');
  font-weight: normal;
  font-style: normal;
}

a {
  color: #000;
  -webkit-transition: color .5s ease, background .5s ease, opacity 1.5s ease;
     -moz-transition: color .5s ease, background .5s ease, opacity 1.5s ease;
}
  .a a, a:hover {
    color: #e34;
    -webkit-transition: color .1s ease, background .1s ease, opacity .1s ease;
       -moz-transition: color .1s ease, background .1s ease, opacity .1s ease;
  }

ins {
  .gray;
}

del {
  text-decoration: line-through;
}

.gray { color: rgba(0, 0, 0, .4); }

.font-face {
  font-family: 'sparanoid.com', Helvetica, 'Hiragino Sans GB', Arial, sans-serif;
  text-transform: uppercase;
}

.helvetica {
  .gray;
  font-family: Helvetica, 'Hiragino Sans GB', Arial, sans-serif;
  font-size: 12px;
  font-weight: 100;
  text-transform: uppercase;
  letter-spacing: .25em;
}

body:before, body:after {
  position: fixed;
  left: 0;
  width: 100%;
  content: '';
  z-index: 9999;
  pointer-events: none;
}
body:before {
  top: 0;
  height: 12px;
  background: rgba(0, 0, 0, .05);
  border-bottom: 1px solid rgba(0, 0, 0, .02);
}
body:after {
  bottom: 0;
  height: 70px;
  background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0), rgba(255, 255, 255, 1));
  background-image:    -moz-linear-gradient(top, rgba(255, 255, 255, 0), rgba(255, 255, 255, 1));
}

header {
  a {
    display: block;
    height: 38px;
    width: 38px;
    margin: 0 auto;
    background: url(logo.svg) no-repeat 0 0;
    background-size: 38px 38px;
    text-indent: -9999em;
  }
}

nav {
  .helvetica;
  font-size: 11px;
  &[role=navigation] {
    padding: 10px 0 15px;
    ul {
      text-align: center;
      li {
        display: inline;
        margin: 0 .8em;
      }
    }
  }
  &[role=pagination] {
    a {
      position: absolute;
      top: 170px;
      display: block;
      padding: 10px;
      font-size: 9px;
      letter-spacing: .2em;
      background: rgba(0, 0, 0, .05);
      z-index: 9999;
      &[role=next] {
        left: 0;
      }
      &[role=previous] {
        right: 0;
      }
    }
  }
}

hgroup {
  .font-face;
  font-size: 24px;
  text-align: center;
  padding-top: 40px;
  max-width: 620px;
  margin: auto;
  h2 {
    .helvetica;
    padding-top: .4em;
  }
}

article {
  float: left;
  width: 100%;
  padding-top: 40px;
  a {
    border-bottom: 1px dotted rgba(0, 0, 0, .2);
  }
  img, video {
    display: block;
    margin: 20px auto;
    max-width: 100%;
  }
  p {
  }
  .txt {
    max-width: 620px;
    font-size: 18px;
    margin: 0 auto;
    text-align: justify;
    -webkit-hyphens: auto;
       -moz-hyphens: auto;
            hyphens: auto;
    p {
      margin: 1em 0;
      line-height: 2;
    }
    h3 {
      .helvetica;
      padding: 60px 0 0;
      text-align: center;
      &:first-child {
        margin-top: -40px;
      }
    }
    ul, ol {
      margin: 1em 0 1em 20px;
      list-style: square;
      li {
        line-height: 1.8;
      }
    }
    sup {
      line-height: 1;
    }
    abbr:after {
      content: " (" attr(title) ")";
    }
    code, pre {
      font-family: Menlo, Consolas, monospace;
      color: #68a;
    }
  }
  div[role*=announcement] {
    text-align: center;
  }
  .note, .download {
    .helvetica;
    color: #000;
    letter-spacing: 0;
    text-transform: none;
    font-size: 14px;
    padding: 20px;
    border-left: 3px solid rgba(238, 51, 68, .2);
    background: rgba(238, 51, 68, .1);
  }
}

// image list in "work"
@thumb-size: 64px;
@thumb-padding: 8px;

ul[role*=list] {
  max-width: 640px;
  text-align: center;
  margin: 0 auto;
  padding-top: 12px;
  clear: both;
  li {
    position: relative;
    list-style: none;
    float: left;
    line-height: 0;
    text-align: left;
    margin: 8px;
    img {
      width: @thumb-size;
      height: @thumb-size;
      max-width: @thumb-size;
      margin: 0;
    }
    a {
      position: absolute;
      top: -@thumb-padding;
      left: -@thumb-padding;
      padding: @thumb-padding;
      width: @thumb-size;
      height: @thumb-size;
      .font-face;
      color: #fff;
      font-size: 10px;
      line-height: 1.2;
      opacity: 0;
      border-bottom: none;
      background: rgba(0, 0, 0, .8);
    }
    &:hover a {
      opacity: 1;
    }
  }
}

// image navigation in post page
ul[role$=small] {
  max-width: 640px;
  margin: 100px auto;
  padding: 60px 0 20px;
  li {
    img {
    }
    a {
      &:hover {
      }
    }
    &:hover a {
    }
  }
}

// post list in "note"
dl {
  text-align: center;
  margin-top: -40px;
  dt {
    line-height: 1;
    padding: 60px 0 0;
    .helvetica;
    a {
      border-bottom: none;
    }
  }
  dd {
    margin-bottom: 40px;
  }
}

aside {
  padding: 40px 0 0;
  width: 200px;
  text-align: center;
  margin: 0 auto;
  clear: both;
  .bsap {
    padding: 10px 0 40px;
    .bsa_it_i {
      display: block;
    }
    .bsa_it_t {
      display: block;
      margin: 1em 0;
    }
    .bsa_it_d {
      display: block;
      margin: 1em 0;
      line-height: 1.7;
    }
    .bsa_it_p {
      display: block;
      font-size: 12px;
      a {
        .gray;
        &:hover {
          color: #000;
        }
      }
    }
  }
}

footer {
  padding: 15px 0;
  .helvetica;
  font-size: 11px;
  text-align: center;
}

@media screen and (max-width: 640px) {
  article .txt {
    font-size: 16px;
  }
}

@media screen and (max-device-width: 480px) {
  :root {
    padding: 60px 20px;
    -webkit-text-size-adjust: none;
  }
  article .txt {
    font-size: 14px;
  }
}

/*!
  github.com/sparanoid/sparanoid.com
*/
/*!
*/

* {
  margin: 0;
  padding: 0;
  border: 0;
  font-weight: normal;
  font-style: normal;
  font-size: 100%;
  font-family: inherit;
  line-height: 1;
  text-decoration: none;
}

:root {
  color: #000;
  background: #fff;
  font-size: 14px;
  font-family: Palatino, 'Palatino Linotype', 'Hiragino Mincho ProN', serif;
  line-height: 1.7;
  font-weight: 100;
  max-width: 1080px;
  margin: 0 auto;
  padding: 60px 40px;
  text-rendering: optimizelegibility;
  image-rendering: optimizequality;
}

::selection {
  background: rgba(0, 0, 0, .05);
}

@font-face {
  font-family: 'sparanoid.com';
  src: url('font.woff') format('woff'),
       url('font.svg') format('svg');
  font-weight: normal;
  font-style: normal;
}

a {
  color: #000;
  -webkit-transition: color .5s ease, background .5s ease, opacity 1.5s ease;
     -moz-transition: color .5s ease, background .5s ease, opacity 1.5s ease;
}
  .a a, a:hover {
    color: #e34;
    -webkit-transition: color .1s ease, background .1s ease, opacity .1s ease;
       -moz-transition: color .1s ease, background .1s ease, opacity .1s ease;
  }

ins {
  .gray;
}

del {
  text-decoration: line-through;
}

.gray { color: rgba(0, 0, 0, .4); }

.font-face {
  font-family: 'sparanoid.com', Helvetica, 'Hiragino Sans GB', Arial, sans-serif;
  text-transform: uppercase;
}

.helvetica {
  .gray;
  font-family: Helvetica, 'Hiragino Sans GB', Arial, sans-serif;
  font-size: 12px;
  font-weight: 100;
  text-transform: uppercase;
  letter-spacing: .25em;
}

body:before, body:after {
  position: fixed;
  left: 0;
  width: 100%;
  content: '';
  z-index: 9999;
  pointer-events: none;
}
body:before {
  top: 0;
  height: 12px;
  background: rgba(0, 0, 0, .05);
  border-bottom: 1px solid rgba(0, 0, 0, .02);
}
body:after {
  bottom: 0;
  height: 70px;
  background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0), rgba(255, 255, 255, 1));
  background-image:    -moz-linear-gradient(top, rgba(255, 255, 255, 0), rgba(255, 255, 255, 1));
}

header {
  a {
    display: block;
    height: 38px;
    width: 38px;
    margin: 0 auto;
    background: url(logo.svg) no-repeat 0 0;
    background-size: 38px 38px;
    text-indent: -9999em;
  }
}

nav {
  .helvetica;
  font-size: 11px;
  &[role=navigation] {
    padding: 10px 0 15px;
    ul {
      text-align: center;
      li {
        display: inline;
        margin: 0 .8em;
      }
    }
  }
  &[role=pagination] {
    a {
      position: absolute;
      top: 170px;
      display: block;
      padding: 10px;
      font-size: 9px;
      letter-spacing: .2em;
      background: rgba(0, 0, 0, .05);
      z-index: 9999;
      &[role=next] {
        left: 0;
      }
      &[role=previous] {
        right: 0;
      }
    }
  }
}

hgroup {
  .font-face;
  font-size: 24px;
  text-align: center;
  padding-top: 40px;
  h2 {
    .helvetica;
    padding-top: .4em;
  }
}

article {
  float: left;
  width: 100%;
  padding-top: 40px;
  a {
    border-bottom: 1px dotted rgba(0, 0, 0, .2);
  }
  img, video {
    display: block;
    margin: 20px auto;
    max-width: 100%;
  }
  p {
  }
  .txt {
    max-width: 620px;
    font-size: 18px;
    margin: 0 auto;
    text-align: justify;
    -webkit-hyphens: auto;
       -moz-hyphens: auto;
            hyphens: auto;
    p {
      margin: 1em 0;
      line-height: 2;
    }
    h3 {
      .helvetica;
      padding: 60px 0 0;
      text-align: center;
      &:first-child {
        margin-top: -40px;
      }
    }
    ul, ol {
      margin: 1em 0 1em 20px;
      list-style: square;
      li {
        line-height: 1.8;
      }
    }
    sup {
      line-height: 1;
    }
    abbr:after {
      content: " (" attr(title) ")";
    }
    code, pre {
      font-family: Menlo, Consolas, monospace;
      color: #68a;
    }
  }
  div[role*=announcement] {
    text-align: center;
  }
  .note, .download {
    .helvetica;
    color: #000;
    letter-spacing: 0;
    text-transform: none;
    font-size: 14px;
    padding: 20px;
    border-left: 3px solid rgba(238, 51, 68, .2);
    background: rgba(238, 51, 68, .1);
  }
}

// image list in "work"
@thumb-size: 64px;
@thumb-padding: 8px;

ul[role*=list] {
  max-width: 640px;
  text-align: center;
  margin: 0 auto;
  padding-top: 12px;
  clear: both;
  li {
    position: relative;
    list-style: none;
    float: left;
    line-height: 0;
    text-align: left;
    margin: 8px;
    img {
      width: @thumb-size;
      height: @thumb-size;
      max-width: @thumb-size;
      margin: 0;
    }
    a {
      position: absolute;
      top: -@thumb-padding;
      left: -@thumb-padding;
      padding: @thumb-padding;
      width: @thumb-size;
      height: @thumb-size;
      .font-face;
      color: #fff;
      font-size: 10px;
      line-height: 1.2;
      opacity: 0;
      border-bottom: none;
      background: rgba(0, 0, 0, .8);
    }
    &:hover a {
      opacity: 1;
    }
  }
}

// image navigation in post page
ul[role$=small] {
  max-width: 640px;
  margin: 100px auto;
  padding: 60px 0 20px;
  li {
    img {
    }
    a {
      &:hover {
      }
    }
    &:hover a {
    }
  }
}

// post list in "note"
dl {
  text-align: center;
  margin-top: -40px;
  dt {
    line-height: 1;
    padding: 60px 0 0;
    .helvetica;
    a {
      border-bottom: none;
    }
  }
  dd {
    margin-bottom: 40px;
  }
}

aside {
  padding: 40px 0 0;
  width: 200px;
  text-align: center;
  margin: 0 auto;
  clear: both;
  .bsap {
    padding: 10px 0 40px;
    .bsa_it_i {
      display: block;
    }
    .bsa_it_t {
      display: block;
      margin: 1em 0;
    }
    .bsa_it_d {
      display: block;
      margin: 1em 0;
      line-height: 1.7;
    }
    .bsa_it_p {
      display: block;
      font-size: 12px;
      a {
        .gray;
        &:hover {
          color: #000;
        }
      }
    }
  }
}

footer {
  padding: 15px 0;
  .helvetica;
  font-size: 11px;
  text-align: center;
}

@media screen and (max-width: 640px) {
  article .txt {
    font-size: 16px;
  }
}

@media screen and (max-device-width: 480px) {
  :root {
    padding: 60px 20px;
    -webkit-text-size-adjust: none;
  }
  article .txt {
    font-size: 14px;
  }
}


Rremove rainbow-tabs, make tabs bold.

Rremove rainbow-tabs, make tabs bold.

remote: Support for password authentication was removed on August 13, 2021.
remote: Please see https://docs.github.com/en/get-started/getting-started-with-git/about-remote-repositories#cloning-with-https-urls for information on currently recommended modes of authentication.
fatal: Authentication failed for 'https://github.com/demhydraz/til.git/'


Remove height:auto for album cover. #1005

ul.albums {
  list-style: none;
  padding: 0;
  margin: 0 -10px;

  > li {
    display: inline-block;
    width: 20%;
    > a {
      display: block;
      position: relative;
      text-align: center;

      .cover {
        margin: 10px;
        position: relative;
        img {
          position: relative;
          width:200px;
          height:200px;
          z-index: 3;
          max-width: 100%;
          border: 5px solid #fff;
          .box-shadow(0 0 1px #000);
          .box-sizing(border-box);
        }

        .stack {

          display: block;
          position: absolute;
          z-index: 2;
          top: 0;
          left: 0;
          bottom: 0;
          right: 0;
          background: #fff;
          .box-shadow(0 0 1px #000);
        }
        .stack1 {
          .rotate(-3deg);
        }
        .stack2 {
          .rotate(3deg);
        }

        h5 {
          position: absolute;
          z-index: 5;
          margin: 0;
          bottom: 0px;
          width: 100%;
          left: 0;
          background: #fff;
          .opacity(85);
          span {
            display: block;
            padding: 5px 10px;
          }
        }
      }
    }
  }
}

ul.albums {
  list-style: none;
  padding: 0;
  margin: 0 -10px;

  > li {
    display: inline-block;
    width: 20%;
    > a {
      display: block;
      position: relative;
      text-align: center;

      .cover {
        margin: 10px;
        position: relative;
        img {
          position: relative;
          width:200px;
          height:200px;
          z-index: 3;
          max-width: 100%;
          height: auto;
          border: 5px solid #fff;
          .box-shadow(0 0 1px #000);
          .box-sizing(border-box);
        }

        .stack {

          display: block;
          position: absolute;
          z-index: 2;
          top: 0;
          left: 0;
          bottom: 0;
          right: 0;
          background: #fff;
          .box-shadow(0 0 1px #000);
        }
        .stack1 {
          .rotate(-3deg);
        }
        .stack2 {
          .rotate(3deg);
        }

        h5 {
          position: absolute;
          z-index: 5;
          margin: 0;
          bottom: 0px;
          width: 100%;
          left: 0;
          background: #fff;
          .opacity(85);
          span {
            display: block;
            padding: 5px 10px;
          }
        }
      }
    }
  }
}


Applied the css animation and filters on buttons when they are pressed,

@-webkit-keyframes BUTTON-SELECT {
  0% {
    -webkit-filter: saturate(100%);
  }
  100% {
    -webkit-filter: saturate(@saturation);
  }
}

@-webkit-keyframes BUTTON-DESELECT {
  0% {
    -webkit-filter: saturate(@saturation);
  }
  100% {
    -webkit-filter: saturate(100%);
  }
}

.lcars-button {
  -webkit-animation-name: BUTTON-DESELECT;
  -webkit-animation-duration: @button-out-duation;
  animation-timing-function: ease-in;
}

.lcars-button:active {
  -webkit-animation-name: BUTTON-SELECT;
  -webkit-animation-duration: @button-in-duation;
  -webkit-filter: brightness(@brightness);
  animation-timing-function: ease-in-out;
}

error: pathspec 'src/less/lcars-states.less' did not match any file(s) known to git


Change sidebar color item

Change sidebar color item

remote: Support for password authentication was removed on August 13, 2021.
remote: Please see https://docs.github.com/en/get-started/getting-started-with-git/about-remote-repositories#cloning-with-https-urls for information on currently recommended modes of authentication.
fatal: Authentication failed for 'https://github.com/sonatra/sonatra-theme-gluon.git/'


Create 05-layout-modules.less

Create 05-layout-modules.less

/**
 * layout
 */

/* it depends, it exceeds (french joke) */
img,
table,
td,
blockquote,
code,
pre,
textarea,
input,
svg {
  height: auto;
  max-width: 100%;
}
/* no reset on embed, object & video, some players don't like */

/* useful to manage floats */
/* containing floats */
.mod {
  overflow: auto;
}
.mod--hidden {
  overflow: hidden;
}

/* some floattings */
.left {
  float: left;
}
.right {
  float: right;
}

/* clear floats */
.clear {
  clear: both;
}
.clearleft {
  clear: left;
}
.clearright {
  clear: right;
}
.clearhidden {
  clear: both;
  margin: 0;
  padding: 0;
  visibility: hidden;
}
.clearfix:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

[dir="rtl"] {
  & .left when (@rtl_option) {
    /* RTL */
    float: right;
  }
  & .right when (@rtl_option) {
    /* RTL */
    float: left;
  }

  & .clearleft when (@rtl_option) {
    /* RTL */
    clear: right;
  }
  & .clearright when (@rtl_option) {
    /* RTL */
    clear: left;
  }
}

/* gut : "spacing" empty div */
.gut {
  height: 1px;
}

/* table-design in CSS */
.row {
  display: table;
  table-layout: fixed;
}
.line {
  display: table-row;
}
.col {
  display: table-cell;
  vertical-align: top;
}
.col-noalign {
  display: table-cell;
}

/* alignments */
.aligntop    { vertical-align: top; }
.alignbottom { vertical-align: bottom; }
.alignmiddle { vertical-align: middle; }

/* block */
.bl {
  display: block;
}

/* inline-block, useful for grids, and not only */
.inbl,
.grid {
  display: inline-block;
}

/* grid = element of inline-grid */
.grid {
  vertical-align: top;
}

/* to relativize */
.relative {
  position: relative;
}

/* centered block */
.center {
  margin-left: auto;
  margin-right: auto;
}

/* hardware-acceleration activation */
.hardware-accelerated {
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -ms-transform: translateZ(0);
  -o-transform: translateZ(0);
  transform: translateZ(0);
}

/* block widths */
.w1   { width: 1%; }
.w2   { width: 2%; }
.w3   { width: 3%; }
.w5   { width: 5%; }
.w10  { width: 10%; }
.w20  { width: 20%; }
.w25  { width: 25%; }
.w30  { width: 30%; }
.w33  { width: 33.333%; }
.w40  { width: 40%; }
.w45  { width: 45%; }
.w49  { width: 49%; }
.w50  { width: 50%; }
.w60  { width: 60%; }
.w66  { width: 66.666%; }
.w70  { width: 70%; }
.w75  { width: 75%; }
.w80  { width: 80%; }
.w90  { width: 90%; }
.w100 { width: 100%; }

/* here you may add em widths */
/*.w960e { width: 60em; }*/

/* here you may add pixel widths */
/*.w500p { width: 500px; }*/

/* here you may add em max-widths */
/*.mw960e { max-width: 60em; }*/

/* here you may add pixel max-widths */
/*.mw960p { max-width: 960px; }*/

/* margins */
.mt0 { margin-top: 0; }
.mt1 { margin-top: 1em; }
.mt2 { margin-top: 2em; }
.mr0 { margin-right: 0; }
.mr1 { margin-right: 1em; }
.mr2 { margin-right: 2em; }
.mb0 { margin-bottom: 0; }
.mb1 { margin-bottom: 1em; }
.mb2 { margin-bottom: 2em; }
.ml0 { margin-left: 0; }
.ml1 { margin-left: 1em; }
.ml2 { margin-left: 2em; }
.m0  { margin: 0; }
.m1  { margin: 1em; }
.m2  { margin: 2em; }

[dir="rtl"] {
  & .mr0 when (@rtl_option) {
    /* RTL = warning, use with caution */
    margin-left: 0;
  }
  & .mr1 when (@rtl_option) {
    /* RTL = warning, use with caution */
    margin-right: inherit; margin-left: 1em;
  }
  & .mr2 when (@rtl_option) {
    /* RTL = warning, use with caution */
    margin-right: inherit; margin-left: 2em;
  }
  & .ml0 when (@rtl_option) {
    /* RTL = warning, use with caution */
    margin-right: 0;
  }
  & .ml1 when (@rtl_option) {
    /* RTL = warning, use with caution */
    margin-left: inherit; margin-right: 1em;
  }
  & .ml2 when (@rtl_option) {
    /* RTL = warning, use with caution */
    margin-left: inherit; margin-right: 2em;
  }
}

/* paddings */
.pt0 { padding-top: 0; }
.pt1 { padding-top: 1em; }
.pt2 { padding-top: 2em; }
.pr0 { padding-right: 0; }
.pr1 { padding-right: 1em; }
.pr2 { padding-right: 2em; }
.pb0 { padding-bottom: 0; }
.pb1 { padding-bottom: 1em; }
.pb2 { padding-bottom: 2em; }
.pl0 { padding-left: 0; }
.pl1 { padding-left: 1em; }
.pl2 { padding-left: 2em; }
.p0  { padding: 0; }
.p1  { padding: 1em; }
.p2  { padding: 2em; }

[dir="rtl"] {
  & .pr0 when (@rtl_option) {
    /* RTL = warning, use with caution */
    padding-left: 0;
  }
  & .pr1 when (@rtl_option) {
    /* RTL = warning, use with caution */
    padding-right: inherit; padding-left: 1em;
  }
  & .pr2 when (@rtl_option) {
    /* RTL = warning, use with caution */
    padding-right: inherit; padding-left: 2em;
  }
  & .pl0 when (@rtl_option) {
    /* RTL = warning, use with caution */
    padding-right: 0;
  }
  & .pl1 when (@rtl_option) {
    /* RTL = warning, use with caution */
    padding-left: inherit; padding-right: 1em;
  }
  & .pl2 when (@rtl_option) {
    /* RTL = warning, use with caution */
    padding-left: inherit; padding-right: 2em;
  }
}

/* for 1px-high hr */
hr {
  background-color: @hr;
  border: 0;
  color: @hr;
  height: @hr-height;
  margin: 0 0 1em;
  padding: 0;
}

/* to hide text with accessibility… a11y */
.invisible {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

.hidden    { display: none; } /* hidden everywhere */
.nodesktop { display: none; } /* hidden on desktop */
/*.noprint   {} /* hidden on print */
/*.notablet  {} /* hidden on tablets */
/*.nomobile  {} /* hidden on mobile */

/**
 * modules
 */

error: pathspec 'less/rocssti-en/05-layout-modules.less' did not match any file(s) known to git


Better MFBT tag

Better MFBT tag

.animation-rainbow() {
  0%   { background-color: #cc3333; border-color: #cc3333; }
  10%  { background-color: #cc8f33; border-color: #cc8f33; }
  20%  { background-color: #adcc33; border-color: #adcc33; }
  30%  { background-color: #52cc33; border-color: #52cc33; }
  40%  { background-color: #33cc70; border-color: #33cc70; }
  50%  { background-color: #33cccc; border-color: #33cccc; }
  60%  { background-color: #3370cc; border-color: #3370cc; }
  70%  { background-color: #5233cc; border-color: #5233cc; }
  80%  { background-color: #ad33cc; border-color: #ad33cc; }
  90%  { background-color: #cc338f; border-color: #cc338f; }
  100% { background-color: #cc3333; border-color: #cc3333; }
}

@-webkit-keyframes rainbow { .animation-rainbow(); }
@-moz-keyframes rainbow { .animation-rainbow(); }
@-ms-keyframes rainbow { .animation-rainbow(); }
@-o-keyframes rainbow { .animation-rainbow(); }

.animation-rainbow() {
  0% {background-color: #FF0000; border-color: #FF0000; color: #fff;}
  10% {background-color: #FF8000; border-color: #FF8000; color: #fff;}
  20% {background-color: #FFFF00; border-color: #FFFF00; color: #cc9933;}
  30% {background-color: #80FF00; border-color: #80FF00; color: #409900; }
  40% {background-color: #00FF00; border-color: #00FF00; color: #409900;}
  50% {background-color: #00FF80; border-color: #00FF80; color: #409900;}
  60% {background-color: #00FFFF; border-color: #00FFFF; color: #3399cc;}
  70% {background-color: #0080FF; border-color: #0080FF; color: #fff}
  80% {background-color: #0000FF; border-color: #0000FF; color: #fff}
  90% {background-color: #8000FF; border-color: #8000FF; color: #fff}
  100% {background-color: #FF0080; border-color: #FF0080; color: #fff}
}

@-webkit-keyframes rainbow { .animation-rainbow(); }
@-moz-keyframes rainbow { .animation-rainbow(); }
@-ms-keyframes rainbow { .animation-rainbow(); }
@-o-keyframes rainbow { .animation-rainbow(); }


fix(button): Transparent tertiary regardless tenant (#362)

remote: Support for password authentication was removed on August 13, 2021.
remote: Please see https://docs.github.com/en/get-started/getting-started-with-git/about-remote-repositories#cloning-with-https-urls for information on currently recommended modes of authentication.
fatal: Authentication failed for 'https://github.com/seekinternational/seek-asia-style-guide.git/'


Update and rename theme_material_design/static/src/less/options to theme_material_design/static/src/less/options/bg_img_03.less

body {
	background: url("../../img/backgrounds/bg_blur_img_03.jpg") no-repeat center center fixed;
    background-size: cover;
}

@text-color:        @gray-lighter;
@headings-color:    white;

#wrapwrap {
    background-color: rgba(0,0,0,0.3);
    }

@navbar-default-bg:                     rgba(0,0,0,0.3);
@navbar-default-link-color:             @gray-lighter;
@navbar-default-link-hover-color:       white;

/* oe_structure */
.oe_structure.oe_empty:empty:before, [data-oe-type=html]:empty:before {
    color: white;
}

error: pathspec 'theme_material_design/static/src/less/options/bg_img_03.less' did not match any file(s) known to git


SW-7857 Fixed filter group overflow bug

SW-7857 Fixed filter group overflow bug

remote: Support for password authentication was removed on August 13, 2021.
remote: Please see https://docs.github.com/en/get-started/getting-started-with-git/about-remote-repositories#cloning-with-https-urls for information on currently recommended modes of authentication.
fatal: Authentication failed for 'https://github.com/simkli/shopware.git/'


feat(scroll): inital css only scroll directive

bp-scroll, [bp-scroll] {
  -webkit-box-flex: 1;
  overflow: scroll;
  -webkit-overflow-scrolling: touch;
  &[bp-scroll-sticky] {
    bp-table-header {
      top: 0;
      position: -webkit-sticky;
    }
    > div, ul,  bp-table, .bp-content {
      position: relative;
    }
  }
}

error: pathspec 'modules/styles/directives/scroll/general.less' did not match any file(s) known to git


Re-factors Tabs style

Re-factors Tabs style

remote: Support for password authentication was removed on August 13, 2021.
remote: Please see https://docs.github.com/en/get-started/getting-started-with-git/about-remote-repositories#cloning-with-https-urls for information on currently recommended modes of authentication.
fatal: Authentication failed for 'https://github.com/hegdeashwin/elastic-hub.git/'


INBOX-208 Override item background color on hover

remote: Support for password authentication was removed on August 13, 2021.
remote: Please see https://docs.github.com/en/get-started/getting-started-with-git/about-remote-repositories#cloning-with-https-urls for information on currently recommended modes of authentication.
fatal: Authentication failed for 'https://github.com/heroandtn3/openpaas-esn.git/'


created documents stylesheet

created documents stylesheet


Add max-width to img

Add max-width to img

@import "../../styles/custom.less";

.Story {
  position: relative;
  border-radius: 4px;
  background-color: @white;
  color: #353535;
  border: solid 1px #e9e7e7;

  &:not(:first-child) {
    margin-top: 12px;
  }

  &:last-child {
    margin-bottom: 12px;
  }

  &__more {
    position: absolute;
    right: 16px;
    top: 20px;
    font-size: 20px !important;
    color: #c2ccd3;
    line-height: 12px;

    &:hover {
      cursor: pointer;
      color: darken(#c2ccd3, 15%);
    }
  }

  &__header {
    padding: 16px;
    display: flex;

    &__text {
      margin: 0 12px;

      a > h4 {
        font-weight: bold;
        color: @primary-color;
      }
    }
  }

  &__date {
    position: relative;
    top: -2px;
    font-size: 14px;
    color: #99aab5;
  }

  &__topics > button {
    margin: 0 2px;
  }

  &__content {
    word-wrap: break-word;

    &__title {
      color: #353535;

      &:hover,
      &:focus,
      &:active {
        color: #353535;
        text-decoration: none;
      }

      &:visited {
        h2 {
          color: #99aab5;
        }
      }

      & > h2 {
        font-weight: bold;
        font-size: 20px;
        margin: 0 16px 8px;
      }
    }

    &__preview {
      color: #353535;

      &:hover,
      &:focus,
      &:active,
      &:visited {
        color: #353535;
        text-decoration: none;
      }
    }

    &__body {
      padding: 4px 16px;
    }

    & &__img-container {
      width: 100%;

      & > img {
        width: auto;
        height: auto;
        max-height: 700px;
        max-width: 100%;
        margin: 4px auto;
        display: block;
      }
    }
  }

  &__footer {
    padding: 0 16px;
  }
}

@import "../../styles/custom.less";

.Story {
  position: relative;
  border-radius: 4px;
  background-color: @white;
  color: #353535;
  border: solid 1px #e9e7e7;

  &:not(:first-child) {
    margin-top: 12px;
  }

  &:last-child {
    margin-bottom: 12px;
  }

  &__more {
    position: absolute;
    right: 16px;
    top: 20px;
    font-size: 20px !important;
    color: #c2ccd3;
    line-height: 12px;

    &:hover {
      cursor: pointer;
      color: darken(#c2ccd3, 15%);
    }
  }

  &__header {
    padding: 16px;
    display: flex;

    &__text {
      margin: 0 12px;

      a > h4 {
        font-weight: bold;
        color: @primary-color;
      }
    }
  }

  &__date {
    position: relative;
    top: -2px;
    font-size: 14px;
    color: #99aab5;
  }

  &__topics > button {
    margin: 0 2px;
  }

  &__content {
    word-wrap: break-word;

    &__title {
      color: #353535;

      &:hover,
      &:focus,
      &:active {
        color: #353535;
        text-decoration: none;
      }

      &:visited {
        h2 {
          color: #99aab5;
        }
      }

      & > h2 {
        font-weight: bold;
        font-size: 20px;
        margin: 0 16px 8px;
      }
    }

    &__preview {
      color: #353535;

      &:hover,
      &:focus,
      &:active,
      &:visited {
        color: #353535;
        text-decoration: none;
      }
    }

    &__body {
      padding: 4px 16px;
    }

    & &__img-container {
      width: 100%;

      & > img {
        width: auto;
        max-height: 700px;
        margin: 4px auto;
        display: block;
      }
    }
  }

  &__footer {
    padding: 0 16px;
  }
}


styles

styles


Responsive home page

Responsive home page

remote: Support for password authentication was removed on August 13, 2021.
remote: Please see https://docs.github.com/en/get-started/getting-started-with-git/about-remote-repositories#cloning-with-https-urls for information on currently recommended modes of authentication.
fatal: Authentication failed for 'https://github.com/studiomotio/www1.git/'


Slightly adjust 'Nightly' release badge color.

Signed-off-by: aixxe <b1c1d8736f20db3fb6c1c66bb1455ed43909f0d8@aixxe.net>

remote: Support for password authentication was removed on August 13, 2021.
remote: Please see https://docs.github.com/en/get-started/getting-started-with-git/about-remote-repositories#cloning-with-https-urls for information on currently recommended modes of authentication.
fatal: Authentication failed for 'https://github.com/aixxe/kayo.git/'