News:

Test the News Scroller...
.
.
.
.
.
.
.
.
.
.
.
.
.
.
more lines than really useful, but this should test.

Main Menu

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 {

}
Slava
Ukraini!
Peace for
Gaza

This is my signature!
view it and despair

Kindred

Slava
Ukraini!
Peace for
Gaza

This is my signature!
view it and despair

Kindred

Slava
Ukraini!
Peace for
Gaza

This is my signature!
view it and despair

Kindred

Slava
Ukraini!
Peace for
Gaza

This is my signature!
view it and despair

Quick Reply

Warning: this topic has not been posted in for at least 120 days.
Unless you're sure you want to reply, please consider starting a new topic.

Name:
Email:
Verification:
Please leave this box empty:

Will it Blend?:
What is 5 aded to four take away 2 multiplied by 2? (spelled):
Shortcuts: ALT+S post or ALT+P preview