tracking css changes to be made

Started by Kindred, May 14, 2019, 12:28 PM

Previous topic - Next topic

Kindred

body {
    font: 83.33%/150% "Segoe UI","Helvetica Neue","Nimbus Sans L",Arial,"Liberation Sans",sans-serif;
    color: #ccc;
    background: #000 url(https://fx-sabers.com/forum/Themes/Studio003/images/theme/backdrop_green.jpg) no-repeat top fixed;
    display: flex;
    flex-direction: column;
    min-height: 100vh;
}
#wrapper {
    width: 90%;
    clear: both;
    background: #000;
    border: 1px solid #b8b8b8;
    border-radius: 8px;
    box-shadow: 0 2px 3px rgba(0,0,0,.14);
}
a, a:visited {
    color: #076c10;
    text-decoration: none;
}
strong, .strong {
    font-weight: 700;
    color: #568d5b;
}
#top_section {
    padding: 0 5%;
    box-shadow: 0 1px 4px rgba(0,0,0,.16);
    background: #000;
    clear: both;
}
#top_section .inner_wrap, #wrapper, #header, #footer .inner_wrap {
/*    max-width: 1200px; */
    margin: 0 auto;
    background: #000;
}

.roundframe {
    margin: 10px 0 0 0;
    padding: 12px 16px;
    background: #222;
    border: 1px solid #c5c5c5;
    border-radius: 7px;
    box-shadow: 0 -2px 2px rgba(0,0,0,.1);
    overflow: auto;
}
.title_bar {
    border: 1px solid #076c10;
        border-top-width: 1px;
        border-bottom-width: 1px;
        border-top-style: solid;
        border-bottom-style: solid;
        border-top-color: rgb(221, 221, 221);
        border-bottom-color: rgb(221, 221, 221);
    border-top: 2px solid #076c10;
    border-bottom: 2px solid #054B20;
    background: #444;
    color: #ccc;
    border-radius: 2px 2px 0 0;
    margin: 5px 0 0 0;
}
.titlebg a, .subbg a {
    background: none;
    color: #ccc;
    text-decoration: none;
}
#footer {
    margin: 4em 0 0 0;
    padding: 10px 5%;
    background: #000;
    border-top: 3px solid #b2b6bd;
    flex: none;
}

div.cat_bar {
    background: #054B20;
        background-image: none;
    border-bottom: 1px solid #777;
    padding: 0;
    border-radius: 6px 6px 0 0;
    box-shadow: 0 16px 20px rgba(255,255,255,.15) inset;
    text-shadow: -1px -1px 1px rgba(0,0,0,.2);
    background-image: linear-gradient(to bottom, #054B20 0%, #000000 100%);
}
.dropmenu li ul, .top_menu, .dropmenu li li:hover, .button, .dropmenu li li:hover > a, .dropmenu li li a:focus, .dropmenu li li a:hover, #top_section, #search_form .button, .quickbuttons li, .quickbuttons li ul, .quickbuttons li ul li:hover, .quickbuttons ul li a:focus, .popup_window, #inner_section {
    background: #000;
    background-image: linear-gradient(to bottom,#677e5a 0%,#000 70%);
}
.navigate_section ul {
    margin: 4px 0 0 0;
    padding: 0 10px;
    font-size: .9em;
    overflow: hidden;
    border: 1px solid #076c10;
    border-radius: 2px;
    box-shadow: 0 -2px 2px rgba(0,0,0,.08);
}
.navigate_section ul, .popup_content, .up_contain {
    background: #000;
    background-image: linear-gradient(to bottom,#000 0%,#054B20 95%);
}
h3.catbg, h3.catbg a, h3.catbg a:hover {
    color: #aaa;
}
.cat_bar .desc {
    color: #aaa;
    font-size: 12px;
    line-height: 1.5em;
    font-weight: 400;
    margin: -8px 0 4px 8px;
}
.board_description {
    color: #999;
}
.up_contain {
    overflow: hidden;
    border: 1px solid #ddd;
    margin: -1px 0 3px 0;
    display: flex;
    flex-wrap: wrap;
    background: #000 !important;
}
info .subject {
    font-weight: 600;
    font-size: 1.1em;
    color: #076c10;
}
.boardindex_table .board_stats p {
    border-left: none;
    border-right: none;
}
#main_menu {
    margin: 0 0 4px 0;
    color: #aaa;
    font-size: 1.5em;
}
.dropmenu li a, #top_info > li > a {
    padding: 0 7px 0 7px;
    display: block;
    border: 1px solid transparent;
    border-radius: 4px;
    text-transform: uppercase;
 color: #bbb;
}
.dropmenu li a.active, #top_info li a.active {
    background: #494b49;
    color: #aaa;
    font-weight: 700;
    box-shadow: 0 5px 5px rgba(255,255,255,.2) inset;
    text-shadow: 1px 1px 3px rgba(0,0,0,.6);
    border-bottom: solid 3px transparent;
}
.dropmenu li a, #top_info > li > a {
    text-transform: uppercase;
    color: #fff;
}
.dropmenu li:hover li a, .dropmenu li li a {
    background: none;
    padding: 0 9px;
    color: #aaa;
    border: none;
    line-height: 2.2em;
}
.dropmenu li ul, .top_menu {
    z-index: 90;
    position: absolute;
    display: none;
    min-width: 18.2em;
    padding: .5em;
    font-weight: 400;
    border-radius: 4px;
    box-shadow: 3px 3px 4px rgba(0,0,0,.3);
    background: #000;
}
.board_icon a {
    display: inline-block;
    background: -webkit-radial-gradient(circle, #054B20, black);
    background: -o-radial-gradient(circle, #054B20, black);
    background: -moz-radial-gradient(circle, #054B20, black);
    background: radial-gradient(circle, #054B20, black);
    background: linear-gradient(to bottom, #054B20, black);
    width: 32px;
    height: 32px;
    border-radius: 16px;
    font-size: 20px;
    color: #fff;
    line-height: 32px;
    text-align: center;
}
.board_icon a.board_off {
    background: -webkit-radial-gradient(circle, grey, black);
    background: -o-radial-gradient(circle, grey, black);
    background: -moz-radial-gradient(circle, grey, black);
    background: radial-gradient(circle, grey, black);
    background: linear-gradient(to bottom,grey, black);
}

#on_button {

}
This is my signature!

Kindred

This is my signature!

Kindred

blech blech blech

more blech blech blech
This is my signature!

Kindred

more blech blech blech

more blech blech blech

more blech blech blech
This is my signature!