MediaWiki:UTTP-Infobox.css

Note: After publishing, you may have to bypass your browser's cache to see the changes.

Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5.

/*=========================================================

    UTubeTrollPedia Infobox Framework

=========================================================*/

.utp-infobox{

    float:right;

    clear:right;

    width:300px;

    margin:0 0 20px 20px;

    background:#ffffff;

    border:1px solid #9cb9d8;

    font-family:Arial,Helvetica,sans-serif;

    font-size:12px;

    color:#222;

    border-collapse:collapse;

    box-shadow:
        0 1px 3px rgba(0,0,0,.15);

}

.utp-infobox table{

    width:100%;

    border-collapse:collapse;

}

.utp-header-blue{

    text-align:center;

    font-size:15px;

    font-weight:bold;

    color:white;

    padding:8px;

    background:
        linear-gradient(
            #b9d9fb,
            #7db3ec,
            #5d99da
        );

    border-bottom:1px solid #4b7fb8;

    text-shadow:
        0 -1px 0 rgba(0,0,0,.30);

}

.utp-header-gold{

    text-align:center;

    font-size:15px;

    font-weight:bold;

    color:#6b4200;

    padding:8px;

    background:
        linear-gradient(
            #fff0a9,
            #ffd45a,
            #f0b227
        );

    border-bottom:1px solid #cb9200;

    text-shadow:
        0 1px 0 rgba(255,255,255,.60);

}

.utp-image{

    padding:8px;

    text-align:center;

    background:#fafafa;

}

.utp-image img{

    max-width:260px;

    height:auto;

    border:1px solid #999;

    padding:3px;

    background:white;

}

.utp-caption{

    text-align:center;

    font-size:11px;

    color:#666;

    padding-bottom:8px;

}

.utp-table{

    width:100%;

    border-collapse:collapse;

}

.utp-table th{

    width:105px;

    text-align:left;

    padding:6px;

    background:#eef5fd;

    color:#003366;

    font-weight:bold;

    border-top:1px solid #d6e4f3;

}

.utp-table td{

    padding:6px;

    background:white;

    border-top:1px solid #e2e2e2;

}

.utp-section{

    text-align:center;

    font-weight:bold;

    background:

        linear-gradient(

            #eef7ff,

            #d9eafb

        );

    color:#003366;

    padding:5px;

    border-top:1px solid #bdd4eb;

    border-bottom:1px solid #bdd4eb;

}

.utp-footer{

    padding:8px;

    text-align:center;

    background:#f6f6f6;

    border-top:1px solid #ddd;

}