Eagle TimeRegisterLogin

New Forum Skins
Author Message
Wheat
 New Forum Skins
#1
 

Offline
Posts: 5,187
Joined: Jul 2011
So, guys I made a new theme for eagle time. It is reminiscent of old computers and is dark and filled with amber dots everywhere. It looks like this:

Golden Eagle
Spoiler :
[Image: goldfinch.png][/img]

It's not 100% ready yet, and some help with a problem I'm having would be nifty (you see, I just looked at the current css sheet and started plugging in values; I didn't bother with any javascript stuff--the addition to the banner at the top is simply a bunch of dots behind the old banner). The bug I have right now is that text in the spoilers and New Post drop-down menus like fonts doesn't show up because they're the same color as the background:
Spoiler :
[Image: imagebugl.png]
Currently, the CSS style sheet is using ".trow2" for the text of spoilers and the drop down menu, but I don't want to make that text dark. I'd rather change the background color. However, whenever I try to change the background color, there's an error because Java won't flippin' let me, the ungrateful bastard. So I was wondering: what kind of coding would you do to get the background of [strike]spoilers[/strike]* and dropdown menus to a healthy black color?
*fixed

I'd be super grateful and it would mean we could sooner use it. Also I don't know if admin color names can be changed with a stylesheet.

Here is the coding:

Code:
html {
    margin-top: -12px;
    background: #000000;
}

body {
    background: #000000;
    color: #FFFFFF;
    font-family: Georgia, "New York",
        "Courier New", Courier, serif;
    font-size: 12px;
    text-align: center; /* IE 5 fix */
    line-height: 1.4;
    top: -12px;
}

a:link {
    color: #c7a700;
    text-decoration: none;
}

a:visited {
    color: #af8f30;
    text-decoration: none;
}

a:hover, a:active {
    color: #888868;
    text-decoration: underline;
}

#container {
    width: 80%;
    min-width: 800px;
    background: #000000;
    border: 4px solid #000000;
    color: #bf9010;
    margin: auto;
    margin-top: 0px;
    text-align: left; /* IE 5 fix */
}

#topmenu {
    background: url(http://img822.imageshack.us/img822/1075/dotse2.png);
    border-left: 1px solid #000000;
    border-right: 1px solid #000000;
    text-align: center;
}

#header {
    border-left: 1px solid #000000;
    border-right: 1px solid #000000;
    border-bottom: 1px solid #000000;
    padding: 0px 20px;

}

#content {
    /* FIX: Make internet explorer wrap correctly */
    width: auto !important;
    border-left: 1px solid #000000;
    border-right: 1px solid #000000;
    border-bottom: 1px solid #000000;    
    padding: 20px;
}

.logo {
    width: 100%;
    text-align: center;
    background: url(http://img651.imageshack.us/img651/3138/dotmonseiur.png) no-repeat center;
}

.menu ul {
    color: #000000;
    font-weight: bold;
    text-align: right;
    padding: 4px;
}

.menu ul a:link {
    color: #c7a700;
    text-decoration: none;
}


.menu ul a:visited {
    color: #af8f30;
    text-decoration: none;
}

.menu ul a:hover, .menu ul a:active {
    color: #888868;
    text-decoration: none;
}

#panel {
    background: #000000;
    color: #FFFFFF;
    font-size: 11px;
    border: 1px solid #22221e;
    padding: 8px;
}

#panel .remember_me input {
    vertical-align: middle;
    margin-top: -1px;
}

table {
    color: #ffffff;
    font-family: Georgia, "New York",
        "Courier New", Courier, serif;
    font-size: 13px;
}

.thead, .tcat, .trow_sep, .trow1, .trow2 {
    border-color: #000000;
    border-width: 1px 1px 0 0;
    border-style: solid;

}

.tfoot {
    border-color: #000000;
    border-width: 1px 1px 1px 0;
    border-style: solid;
    background: url(http://img822.imageshack.us/img822/1075/dotse2.png);
}

.tborder {
    background: #9F9000;
    width: 100%;
    margin: auto auto;
    padding: 0px;
    border-style: solid;
    border-width: 0 0 1px 1px;
    border-color: #070707;
}

.tborder2 {
    background: #8F8000;
    width: 100%;
    margin: auto auto;
    padding: 0px;
    border-style: solid;
    border-width: 0 0 0 1px;
    border-color: #000000;
}

.thead {
    background: url(http://img22.imageshack.us/img22/1097/dotse.png);
    color: #000000;
}

.thead a:link {
    color: #000000;
    text-decoration: underline;
}

.thead a:visited {
    color: #303000;
    text-decoration: underline;
}

.thead a:hover, .thead a:active {
    color: #585850;
    text-decoration: underline;
}

.tcat {
    background: #000000;
    color: #FFFFFF;
    font-size: 1.1em;
    padding-top: 1px;
    padding-bottom: 1px;
}

.tcat a:link {
    color: #c7a700;
}

.tcat a:visited {
    color: #af8f30;
}

.tcat a:hover, .tcat a:active {
    color: #888868;
}

.trow1 {
    background: #000000 !important;
}

.trow2 { background: #080808 !important; }

.trow_shaded {
    background: #222208;
}

.trow_selected td {
    background: #222218;
}

.trow_sep {
    background: #000000;
    color: #FFFFFF;
    font-size: 12px;
    font-weight: bold;
}

.tfoot {
    background: #c7a700
    color: #000000;
}

.tfoot a:link {
    color: #c7a700
    text-decoration: none;
}

.tfoot a:visited {
    color: #af8f30;
    text-decoration: none;
}

.tfoot a:hover, .tfoot a:active {
    color: #888868;
    text-decoration: underline;
}

.bottommenu {
    background: #000000;
    color: #ffffff;
    border: 1px solid #000000;
    padding: 10px;
}

.bottommenu a {
    color: #bb8b00;
    text-decoration: underline;
}

.navigation {
    color: #ffffff;
    font-size: 10px;
    font-weight: bold;
    border: 1px solid #000000;
    padding: 3px 4px;
}

.navigation a:link {
    text-decoration: underline;
}

.navigation a:visited {
    text-decoration: underline;
}

.navigation a:hover, .navigation a:active {
    text-decoration: underline;
}

.navigation .active {
    color: #999999;
    font-weight: bold;
}

.smalltext {
    font-size: 11px;

}

.largetext {
    font-size: 16px;
    font-weight: bold;
}

input.textbox {
    background: #000000;
    color: #ffffff;
    border: 2px solid #302000;
    padding: 1px;
}

textarea {
    background: #000000;
    color: #FFFFFF;
    border: 1px solid #505050;
    padding: 1px;
    font-family: Georgia, "New York",
        "Courier New", Courier, serif;
    line-height: 1.4;
    font-size: 13px;
}

select {
    background: #000000;
    color: #c0a000;
    border: 1px solid #000000;
}

.editor {
    background: #010101;
    border: 1px solid #ffffff;
}

.editor_control_bar {
    background: #000000;
    border: 1px solid #ff5c8e;
}

.autocomplete {
    background: #000000;
    border: 1px solid #f0c000;
    color: #ffffff;
}

.autocomplete_selected {
    background: #000000;
    color: #ffffff;
}

.popup_menu {
    background: #000000;
    color: #ffffff;
    border: 1px solid #000;
}

.popup_menu .popup_item {
    background: #000000;
    color: #ffffff;
}

.popup_menu .popup_item:hover {
    background: #333333;
    color: #cc9900;
}

.trow_reputation_positive {
    background: #ffff00;
}

.trow_reputation_negative {
    background: #ffff00;
}

.reputation_positive {
    color: #ac8a00;
}

.reputation_neutral {
    color: #997700;
}

.reputation_negative {
    color: #883300;
}

.invalid_field {
    border: 1px solid #f30;
    color: #f30;
}

.valid_field {
    border: 1px solid #0c0;
}

.validation_error {
    background: url(../../../images/invalid.gif) no-repeat center left;
    color: #f30;
    margin: 5px 0;
    padding: 5px;
    font-weight: bold;
    font-size: 11px;
    padding-left: 22px;
}

.validation_success {
    background: url(../../../images/valid.gif) no-repeat center left;
    color: #00b200;
    margin: 5px 0;
    padding: 5px;
    font-weight: bold;
    font-size: 11px;
    padding-left: 22px;
}

.validation_loading {
    background: url(../../../images/spinner.gif) no-repeat center left;
    color: #555;
    margin: 5px 0;
    padding: 5px;
    font-weight: bold;
    font-size: 11px;
    padding-left: 22px;
}

/* Additional CSS (Master) */
img {
    border: none;
}

.clear {
    clear: both;
}

.hidden {
    display: none;
    float: none;
    width: 1%;
}

.hiddenrow {
    display: none;
}

.selectall {
    background-color: #FFFB09;
    font-weight: bold;
    text-align: center;
}

.float_left {
    float: left;
}

.float_right {
    float: right;
}

.menu ul {
    list-style: none;
    margin: 0;
}

.menu li {
    display: inline;
    padding-left: 5px;
}

.menu img {
    padding-right: 5px;
    vertical-align: top;
}

#panel .links {
    margin: 0;
    float: right;
}

.expcolimage {
    float: right;
    width: auto;
    vertical-align: middle;
    margin-top: 3px;
}

img.attachment {
    border: 1px solid #E9E5D7;
    padding: 2px;
}

hr {
    background-color: #000000;
    color: #101000;
    height: 0px;
width: 80%;
    border: 1px;
margin-top: 40px;
margin-bottom: 20px;
border-style: dotted;
}

#copyright {
    font: 11px "New York", Georgia, "Courier New", serif;
    margin: 0;
    padding: 10px 0 0 0;
}

#copyright a {
    color: #837333;
    text-decoration: underline;
}

#debug {
    float: right;
    text-align: right;
    margin-top: 0;
    font-size: 50%;
}

blockquote {
    border: 1px solid #ccc;
    margin: 0;
    background: #000000;
    padding: 4px;
}

blockquote cite {
    font-weight: bold;
    border-bottom: 1px solid #ccc;
    font-style: normal;
    display: block;
    margin: 4px 0;

}

blockquote cite span {
    float: right;
    font-weight: normal;
}

blockquote cite span.highlight {
    float: none;
    font-weight: bold;
    padding-bottom: 0;
}

.codeblock {
    background: #000000;
    border: 1px solid #ccc;
    padding: 1px;
}

.codeblock .title {
    border-bottom: 1px solid #ccc;
    font-weight: bold;
    margin: 4px 0;
    background-color: #000000;
    font-family: Chicago, "Chicago Medium", Charcoal, "Lucida Console", "Courier New", Courier, monospace;
    font-size: 11px;
}

.codeblock code {
    overflow: auto;
    height: auto;
    max-height: 200px;
    display: block;
    font-family: Chicago, "Chicago Medium", Charcoal, "Lucida Console", "Courier New", Courier, monospace;
    background-color: #000000;
    font-size: 11px;
}

.subforumicon {
    border: 0;
    vertical-align: middle;
}

.separator {
    margin: 5px;
    padding: 0;
    height: 0px;
    font-size: 1px;
    list-style-type: none;
}

form {
    margin: 0;
    padding: 0;
}

.popup_menu .popup_item_container {
    margin: 1px;
    text-align: left;
}

.popup_menu .popup_item {
    display: block;
    padding: 3px;
    text-decoration: none;
    white-space: nowrap;
}

.popup_menu a.popup_item:hover {
    text-decoration: none;
}

.autocomplete {
    text-align: left;
}

.subject_new {
    font-weight: bold;
}

.highlight {
    background: #FFFFCC;
    padding-top: 3px;
    padding-bottom: 3px;
}

.pm_alert {
    background: #FFF69F;
    border: 1px solid #FFD324;
    text-align: center;
    padding: 5px 20px;
    margin-bottom: 15px;
    font-size: 11px;
}

.red_alert {
    background: #555555;
    border: 1px solid #A5161A;
    color: #A5661A;
    text-align: center;
    padding: 5px 20px;
    margin-bottom: 15px;
    font-size: 11px;
}

.high_warning {
    color: #fefe9e;
}

.moderate_warning {
    color: #999999;
}

.low_warning {
    color: #000000;
}

div.error {
    padding: 5px 10px;
    border-top: 2px solid #FFD324;
    border-bottom: 2px solid #FFD324;
    background: #000000;
    font-size: 12px;
}

div.error p {
    margin: 0;
    color: #FFFFFF;
    font-weight: normal;
}

div.error p em {
    font-style: normal;
    font-weight: bold;
    padding-left: 24px;
    display: block;
    color: #FFff00;
    background: url(../../../images/error.gif) no-repeat 0;
}

div.error.ul {
    margin-left: 24px;
}

.online {
    color: #FFFF00;
}

.offline {
    color: #606060;
}

.pagination {
    font-size: 11px;
    padding-top: 10px;
    margin-bottom: 5px;
}

.tfoot .pagination, .tcat .pagination {
    padding-top: 0;
}
.pagination .pages {
    font-weight: bold;
}

.pagination .pagination_current, .pagination a {
    padding: 2px 6px;
    margin-bottom: 3px;
}

.pagination a {
    border: 1px dotted #c1a200;
}

.pagination .pagination_current {
    background: url(http://img822.imageshack.us/img822/1075/dotse2.png);
    border: 1px dotted #c0a000;
    font-weight: bold;
    color: #ffff88;
}

.pagination a:hover {
    background: url(http://img22.imageshack.us/img22/1097/dotse.png);
    color: #000000;
    text-decoration: none;
}

.thread_legend, .thread_legend dd {
    margin: 0;
    padding: 0;
}

.thread_legend dd {
    padding-bottom: 4px;
    margin-right: 15px;
}

.thread_legend img {
    margin-right: 4px;
    vertical-align: bottom;
}

.forum_legend, .forum_legend dt, .forum_legend dd {
    margin: 0;
    padding: 0;
}

.forum_legend dd {
    float: left;
    margin-right: 10px;
}

.forum_legend dt {
    margin-right: 10px;
    float: left;
}

.success_message {
    color: #d0b200;
    font-weight: bold;
    font-size: 10px;
    margin-bottom: 10px;
    background: #000000;
}

.error_message {
    color: #740000;
    font-weight: bold;
    font-size: 10px;
    margin-bottom: 10px;
    background: #000000;
}

.post_body {
    padding: 5px;
    font-family: "New York", Georgia,
        "Courier New", Courier, serif;
}

.post_content {
    padding: 5px 10px;
}

.quick_jump {
    background: url(../../../images/jump.gif) no-repeat 0;
    width: 13px;
    height: 13px;
    padding-left: 13px; /* amount of padding needed for image to fully show */
    vertical-align: middle;
    border: none;
}

.repbox {
    font-size:16px;
    font-weight: bold;
    padding:5px 7px 5px 7px;
}

._neutral {
    background-color: #000000;
    color: #FFFFFF;
    border: 1px solid #CCCCCC;
}

._minus {
    background-color: #aDa281;
    color: #CB0200;
    border: 1px solid #980201;
}

._plus {
    background-color:#a8aC8C;
    color: #008800;
    border:1px solid #008800;
}

.pagination_breadcrumb {
    background-color: #f5f5f5;
    border: 1px solid #fff;
    outline: 1px solid #ccc;
    padding: 5px;
    margin-top: 5px;
    font-weight: normal;
    white-space: nowrap;
}

.pagination_breadcrumb_link {
    vertical-align: middle;
    cursor: pointer;
}

a.forumlink {
    color: #333;
    font-weight: bold;
    font-family: Georgia, "New York",
        "Courier New", Courier, serif;
    font-size: 0.9em;
    text-decoration: underline;
}

.indexheader {
    color: #000000;
    font-weight: bold;
    font-family: Georgia, "New York",
        "Courier New", Courier, serif;
    font-size: 0.9em;
}

.compressed {
    line-height: 100%;
}

.username {
    font-size: x-small;
    font-weight: bold;
}

.username a:link {
    text-decoration: none;
}

.imageblocks img {
    display: inline-block;
    vertical-align: middle;
}

.imageblocks a {
    vertical-align: middle;
}

.bottomrow {
    border-bottom-width: 1px;
}


If you would like to test it out on your computer before it gets added to the thing, or if it ends up being mega illegal and can't be added, do a google search for 'Stylish'; it's a browser add-on that lets you try out css codes for your browser for specific webpages. Just set that code to "urls on the domain" for eagle-time.com .

[Image: RjvYOd.png]
(This post was last modified: 11-27-2012, 07:56 AM by Wheat.)
11-22-2012, 12:27 PM
Find Quote this message in a reply
Wheat
 RE: New Forum Skin (please help w/ minor fix, coding-literate people!)
#2
 

Offline
Posts: 5,187
Joined: Jul 2011
And now announcing a second one. The spoiler thing still is a problem, though you can actually read it here because the text is green (on the white spoiler background).
Instead of the old-school amber computer screenery of 'Goldfinch,' this one's green like the old macs you'd play oregon trail on. It's called:
Macaw
Spoiler :
[Image: maccaw.png]

[Image: maccaw3.png]
Code:
html {
    margin-top: -14px;
    background: #000000;
}

body {
    background: #000000;
    color: #00ff00;
    font-family: Chicago, "Chicago Medium", Charcoal, "Lucida Console", "Courier New", Courier, monospace;
    font-size: 14px;
    text-align: center; /* IE 5 fix */
    line-height: 1.7;
    top: -14px;
}

a:link {
    color: #000000;
    text-decoration: underline;
background: url(http://img826.imageshack.us/img826/9673/doteland.png);
}

a:visited {
    color: #000000;
    text-decoration: underline;
background: url(http://img826.imageshack.us/img826/9673/doteland.png);
}

a:hover, a:active {
    color: #000000;
    text-decoration: underline;
background: url(http://img826.imageshack.us/img826/9673/doteland.png);
}

#container {
    width: 80%;
    min-width: 800px;
    background: #000000;
    border: 4px solid #000000;
    color: #00ff00;
    margin: auto;
    margin-top: 0px;
    text-align: left; /* IE 5 fix */
}

#topmenu {
    background: url(http://imageshack.us/a/img835/3527/greendf.png);
    border-left: 1px solid #000000;
    border-right: 1px solid #000000;
    text-align: center;
}

#header {
    border-left: 1px solid #000000;
    border-right: 1px solid #000000;
    border-bottom: 1px solid #000000;
    padding: 0px 20px;

}

#content {
    /* FIX: Make internet explorer wrap correctly */
    width: auto !important;
    border-left: 1px solid #000000;
    border-right: 1px solid #000000;
    border-bottom: 1px solid #000000;    
    padding: 20px;
}

.logo {
    width: 100%;
    text-align: center;
    background: url(http://img823.imageshack.us/img823/8928/greenddot.png) no-repeat center;
}

.menu ul {
    color: #000000;
    font-weight: bold;
    text-align: right;
    padding: 4px;
}

.menu ul a:link {
    color: #000000;
    text-decoration: underline;
background: url(http://img826.imageshack.us/img826/9673/doteland.png);
}


.menu ul a:visited {
    color: #000000;
    text-decoration: underline;
background: url(http://img826.imageshack.us/img826/9673/doteland.png);
}

.menu ul a:hover, .menu ul a:active {
    color: #000000;
    text-decoration: underline;
background: url(http://img826.imageshack.us/img826/9673/doteland.png);
}

#panel {
    background: #000000;
    color: #00ff00;
    font-size: 14px;
    border: 1px solid #22221e;
    padding: 8px;
}

#panel .remember_me input {
    vertical-align: middle;
    margin-top: -1px;
}

table {
    color: #00ff00;
    font-family: Chicago, "Chicago Medium", Charcoal, "Lucida Console", "Courier New", Courier, monospace;
    font-size: 14px;
background: #000000;
}

.thead, .tcat, .trow_sep, .trow1, .trow2 {
    border-color: #000000;
    border-width: 1px 1px 1 1;
    border-style: solid;

}

.tfoot {
    border-color: #000000;
    border-width: 1px 1px 1px 0;
    border-style: solid;
    background: url(http://imageshack.us/a/img835/3527/greendf.png);
}

.tborder {
    background: #006000;
    width: 100%;
    margin: auto auto;
    padding: 0px;
    border-style: solid;
    border-width: 0 0 1px 1px;
    border-color: #070707;
}

.tborder2 {
    background: #008000;
    width: 100%;
    margin: auto auto;
    padding: 0px;
    border-style: solid;
    border-width: 0 0 0 1px;
    border-color: #000000;
}

.thead {
    background: url(http://imageshack.us/a/img692/8589/greeenw.png);
    color: #000000;
}

.thead a:link {
    color: #000000;
    text-decoration: underline;
}

.thead a:visited {
    color: #000000;
    text-decoration: underline;
}

.thead a:hover, .thead a:active {
    color: #000000;
    text-decoration: underline;
}

.tcat {
    background: #000000;
    color: #00ff00;
    font-size: 1.1em;
    padding-top: 2px;
    padding-bottom: 2px;
}

.tcat a:link {
    color: #000000;
    text-decoration: underline;
background: url(http://img826.imageshack.us/img826/9673/doteland.png);
}

.tcat a:visited {
    color: #000000; text-decoration: underline;
background: url(http://img826.imageshack.us/img826/9673/doteland.png);
}

.tcat a:hover, .tcat a:active {
    color: #000000; text-decoration: underline;
background: url(http://img826.imageshack.us/img826/9673/doteland.png);
}

.trow1 {
    background: #000000 !important;
}

.trow2 { background: #000000 !important;
}

.trow_shaded {
    background: #002208;
}

.trow_selected td {
    background: #222218;
}

.trow_sep {
    background: #000000;
    color: #00ff00;
    font-size: 14px;
    font-weight: bold;
}

.tfoot {
    background: #00ff00
    color: #000000;
}

.tfoot a:link {
    color: #000000
    text-decoration: underline;
background: url(http://img826.imageshack.us/img826/9673/doteland.png);
}

.tfoot a:visited {
    color: #000000
    text-decoration: underline;
background: url(http://img826.imageshack.us/img826/9673/doteland.png);
}

.tfoot a:hover, .tfoot a:active {
    color: #000000
    text-decoration: underline;
background: url(http://img826.imageshack.us/img826/9673/doteland.png);
}

.bottommenu {
    background: #000000;
    color: #00ff00;
    border: 1px solid #000000;
    padding: 10px;
}

.bottommenu a {
    color: #000000;
    text-decoration: underline;
background: url(http://img826.imageshack.us/img826/9673/doteland.png);
}

.navigation {
    color: #00ff00;
    font-size: 10px;
    font-weight: bold;
    border: 1px solid #000000;
    padding: 3px 4px;
}

.navigation a:link {
    text-decoration: underline;
}

.navigation a:visited {
    text-decoration: underline;
}

.navigation a:hover, .navigation a:active {
    text-decoration: underline;
}

.navigation .active {
    color: #00ff00;
    font-weight: bold;
}

.smalltext {
    font-size: 13px;

}

.largetext {
    font-size: 16px;
    font-weight: bold;
}

input.textbox {
    background: #000000;
    color: #00ff00;
    border: 1px solid #008000;
    padding: 1px;
}

textarea {
    background: #000000;
    color: #00ff00;
    border: 1px solid #003300;
    padding: 1px;
    font-family: Chicago, "Chicago Medium", Charcoal, "Lucida Console", "Courier New", Courier, monospace;
    line-height: 1.4;
    font-size: 14px;
}

select {
    background: #000000;
    color: #00ff00;
    border: 1px solid #00ff00;
    padding: 1px; }

.editor {
    background: #010101;
    border: 1px solid #00ff00;
    padding: 1px;
}

.editor_control_bar {
    background: #000000;
    border: 1px solid #00ff00;
}

.autocomplete {
    background: #000000;
    border: 1px solid #00ff00;
    color: #00ff00;
}

.autocomplete_selected {
    background: #000000;
    color: #00ff00;
}

.popup_menu {
    background: #000000;
    color: #00ff00;
    border: 1px solid #000;
}

.popup_menu .popup_item {
    background: #000000;
    color: #00ff00;
}

.popup_menu .popup_item:hover {
    background: #000000;
    color: #00ff00;
}

.trow_reputation_positive {
    background: #000000;
}

.trow_reputation_negative {
    background: #000000;
}

.reputation_positive {
    color: #00ff00;
}

.reputation_neutral {
    color: #00ff00;
}

.reputation_negative {
    color: #00ff00;
}

.invalid_field {
    border: 1px solid #0f0;
    color: #0f0;
}

.valid_field {
    border: 1px solid #0c0;
}

.validation_error {
    background: url(../../../images/invalid.gif) no-repeat center left;
    color: #0c0;
    margin: 5px 0;
    padding: 5px;
    font-weight: bold;
    font-size: 14px;
    padding-left: 22px;
}

.validation_success {
    background: url(../../../images/valid.gif) no-repeat center left;
    color: #00b200;
    margin: 5px 0;
    padding: 5px;
    font-weight: bold;
    font-size: 14px;
    padding-left: 22px;
}

.validation_loading {
    background: url(../../../images/spinner.gif) no-repeat center left;
    color: #0f0;
    margin: 5px 0;
    padding: 5px;
    font-weight: bold;
    font-size: 14px;
    padding-left: 22px;
}

/* Additional CSS (Master) */
img {
    border: none;
}

.clear {
    clear: both;
}

.hidden {
    display: none;
    float: none;
    width: 1%;
}

.hiddenrow {
    display: none;
}

.selectall {
    background-color: #044404;
    font-weight: bold;
    text-align: center;
}

.float_left {
    float: left;
}

.float_right {
    float: right;
}

.menu ul {
    list-style: none;
    margin: 0;
}

.menu li {
    display: inline;
    padding-left: 5px;
}

.menu img {
    padding-right: 5px;
    vertical-align: top;
}

#panel .links {
    margin: 0;
    float: right;
}

.expcolimage {
    float: right;
    width: auto;
    vertical-align: middle;
    margin-top: 3px;
}

img.attachment {
    border: 1px dotted #00ff00;
    padding: 2px;
}

hr {
    background-color: #000000;
    color: #004000;
    height: 0px;
width: 80%;
    border: 1px;
margin-top: 40px;
margin-bottom: 20px;
border-style: dotted;
}

#copyright {
    font: 14px "New York", Georgia, "Courier New", serif;
    margin: 0;
    padding: 10px 0 0 0;
}

#copyright a {
    color: #000000;
    text-decoration: underline;
background: url(http://img826.imageshack.us/img826/9673/doteland.png);
}

#debug {
    float: right;
    text-align: right;
    margin-top: 0;
    font-size: 50%;
}

blockquote {
    border: 1px solid #080;
    margin: 0;
    background: #000000;
    padding: 4px;
}

blockquote cite {
    font-weight: bold;
    border-bottom: 1px solid #080;
    font-style: normal;
    display: block;
    margin: 4px 0;

}

blockquote cite span {
    float: right;
    font-weight: normal;
}

blockquote cite span.highlight {
    float: none;
    font-weight: bold;
    padding-bottom: 0;
}

.codeblock {
    background: #000000;
    border: 1px solid #080;
    padding: 1px;
}

.codeblock .title {
    border-bottom: 1px solid #080;
    font-weight: bold;
    margin: 4px 0;
    background-color: #000000;
    font-family: Chicago, "Chicago Medium", Charcoal, "Lucida Console", "Courier New", Courier, monospace;
    font-size: 14px;
}

.codeblock code {
    overflow: auto;
    height: auto;
    max-height: 200px;
    display: block;
    font-family: Chicago, "Chicago Medium", Charcoal, "Lucida Console", "Courier New", Courier, monospace;
    background-color: #000000;
    font-size: 14px;
}

.subforumicon {
    border: 0;
    vertical-align: middle;
}

.separator {
    margin: 5px;
    padding: 0;
    height: 0px;
    font-size: 1px;
    list-style-type: none;
}

form {
    margin: 0;
    padding: 0;
}

.popup_menu .popup_item_container {
    margin: 1px;
    text-align: left;
}

.popup_menu .popup_item {
    display: block;
    padding: 3px;
    text-decoration: none;
    white-space: nowrap;
}

.popup_menu a.popup_item:hover {
    text-decoration: none;
}

.autocomplete {
    text-align: left;
}

.subject_new {
    font-weight: bold;
}

.highlight {
    background: #ccFFCC;
    padding-top: 3px;
    padding-bottom: 3px;
}

.pm_alert {
    background: #000000;
    border: 1px solid #0FD324;
    text-align: center;
    padding: 5px 20px;
    margin-bottom: 15px;
    font-size: 14px;
}

.red_alert {
    background: #000000;
    border: 1px solid #05161A;
    color: #05661A;
    text-align: center;
    padding: 5px 20px;
    margin-bottom: 15px;
    font-size: 14px;
}

.high_warning {
    color: #00ff00;
}

.moderate_warning {
    color: #00ff00;
}

.low_warning {
    color: #00ff00;
}

div.error {
    padding: 5px 10px;
    border-top: 2px solid #00ff00;
    border-bottom: 2px solid #00ff00;
    background: #000000;
    font-size: 14px;
}

div.error p {
    margin: 0;
    color: #00ff00;
    font-weight: normal;
}

div.error p em {
    font-style: normal;
    font-weight: bold;
    padding-left: 24px;
    display: block;
    color: #00ff00;
    background: url(../../../images/error.gif) no-repeat 0;
}

div.error.ul {
    margin-left: 24px;
}

.online {
    color: #44FF40;
}

.offline {
    color: #008800;
}

.pagination {
    font-size: 14px;
    padding-top: 10px;
    margin-bottom: 5px;
}

.tfoot .pagination, .tcat .pagination {
    padding-top: 0;
}
.pagination .pages {
    font-weight: bold;
}

.pagination .pagination_current, .pagination a {
    padding: 2px 6px;
    margin-bottom: 3px;
}

.pagination a {
    border: 1px dotted #00ff00;
}

.pagination .pagination_current {
    background: url(http://imageshack.us/a/img835/3527/greendf.png);
    border: 1px dotted #00ff00;
    font-weight: bold;
    color: #000000;
}

.pagination a:hover {
    background: url(http://imageshack.us/a/img692/8589/greeenw.png);
    color: #000000;
    text-decoration: none;
}

.thread_legend, .thread_legend dd {
    margin: 0;
    padding: 0;
}

.thread_legend dd {
    padding-bottom: 4px;
    margin-right: 15px;
}

.thread_legend img {
    margin-right: 4px;
    vertical-align: bottom;
}

.forum_legend, .forum_legend dt, .forum_legend dd {
    margin: 0;
    padding: 0;
}

.forum_legend dd {
    float: left;
    margin-right: 10px;
}

.forum_legend dt {
    margin-right: 10px;
    float: left;
}

.success_message {
    color: #00b200;
    font-weight: bold;
    font-size: 10px;
    margin-bottom: 10px;
    background: #000000;
}

.error_message {
    color: #007000;
    font-weight: bold;
    font-size: 10px;
    margin-bottom: 10px;
    background: #000000;
}

.post_body {
    padding: 5px;
    font-family: Chicago, "Chicago Medium", Charcoal, "Lucida Console", "Courier New", Courier, monospace;
}

.post_content {
    padding: 5px 10px;
}

.quick_jump {
    background: url(../../../images/jump.gif) no-repeat 0;
    width: 14px;
    height: 14px;
    padding-left: 14px; /* amount of padding needed for image to fully show */
    vertical-align: middle;
    border: none;
}

.repbox {
    font-size:16px;
    font-weight: bold;
    padding:5px 7px 5px 7px;
}

._neutral {
    background-color: #000000;
    color: #00ff00;
    border: 1px solid #004400;
}

._minus {
    background-color: #000000;
    color: #00ff00;
    border: 1px solid #004400;
}

._plus {
    background-color:#000000;
    color: #00ff00;
    border:1px solid #004400;
}

.pagination_breadcrumb {
    background-color: #040;
    border: 1px solid #0f0;
    outline: 1px solid #080;
    padding: 5px;
    margin-top: 5px;
    font-weight: normal;
    white-space: nowrap;
}

.pagination_breadcrumb_link {
    vertical-align: middle;
    cursor: pointer;
}

a.forumlink {
    color: #000000;
background: url(http://img826.imageshack.us/img826/9673/doteland.png);
    font-weight: bold;
    font-family: Chicago, "Chicago Medium", Charcoal, "Lucida Console", "Courier New", Courier, monospace;
    font-size: 0.9em;
    text-decoration: underline;
}

.indexheader {
    color: #000000;
    font-weight: bold;
    font-family: Chicago, "Chicago Medium", Charcoal, "Lucida Console", "Courier New", Courier, monospace;
    font-size: 0.9em;
}

.compressed {
    line-height: 115%;
}

.username {
    font-size: x-small;
    font-weight: bold;
}

.username a:link {
    text-decoration: none;
}

.imageblocks img {
    display: inline-block;
    vertical-align: middle;
}

.imageblocks a {
    vertical-align: middle;
}

.bottomrow {
    border-bottom-width: 1px;
}

[Image: RjvYOd.png]
(This post was last modified: 11-24-2012, 11:51 AM by Wheat.)
11-23-2012, 10:08 AM
Find Quote this message in a reply
Schazer
 RE: New Forum Skin (please help w/ minor fix, coding-literate people!)
#3
Patron Saint of Normcore

Offline
Posts: 6,659
Joined: Jul 2011
Nippon
I do rather like those; if Pinary's willing to implement forum skins then I'd be happy to give the assorted assets a paint job. (Which just generally reminds me of so many other odd jobs that got put on hold for a while aaaaugh)

I'm writing degree-endy sort of things right now, but if the more computology-literate types pop in and give you a hand I'll do what I can as an admin any time after eight hours from now. Which still isn't hell of a lot, but hey!
11-23-2012, 11:46 AM
Find Quote this message in a reply
Wheat
 RE: New Forum Skin (please help w/ minor fix, coding-literate people!)
#4
 

Offline
Posts: 5,187
Joined: Jul 2011
Thanks for the offer! Also, in addition to a quick edit on Macaw, I took the colors of Macaw and substituted them with amber. Looks better than the one in the first post anyway.

Goldfinch
Spoiler :
[Image: goldfinch1.png]

Code:
html {
    margin-top: -14px;
    background: #000000 !important;
}

body {
    background: #000000 !important;
    color: #ffcc00;
    font-family: Chicago, "Chicago Medium", Charcoal, "Lucida Console", "Courier New", Courier, monospace;
    font-size: 14px;
    text-align: center; /* IE 5 fix */
    line-height: 1.7;
    top: -14px;

}

a:link {
    color: #000000;
    text-decoration: underline;
background: url(http://imageshack.us/a/img641/2535/squamber.png);
}

a:visited {
    color: #000000;
    text-decoration: underline;
background: url(http://imageshack.us/a/img641/2535/squamber.png);
}

a:hover, a:active {
    color: #000000;
    text-decoration: underline;
background: url(http://imageshack.us/a/img641/2535/squamber.png) !important;
}

#container {
    width: 80%;
    min-width: 800px;
    background: #000000 !important;
    border: 4px solid #000000;
    color: #ffcc00;
    margin: auto;
    margin-top: 0px;
    text-align: left; /* IE 5 fix */
}

#topmenu {
    background: url(http://imageshack.us/a/img580/2125/ambear.png) !important;
    border-left: 1px solid #000000;
    border-right: 1px solid #000000;
    text-align: center;
}

#header {
    border-left: 1px solid #000000;
    border-right: 1px solid #000000;
    border-bottom: 1px solid #000000;
    padding: 0px 20px;

}

#content {
    /* FIX: Make internet explorer wrap correctly */
    width: auto !important;
    border-left: 1px solid #000000;
    border-right: 1px solid #000000;
    border-bottom: 1px solid #000000;    
    padding: 20px;
}

.logo {
    width: 100%;
    text-align: center;
    background: url(http://img7.imageshack.us/img7/8576/dontmaster.png) no-repeat center !important;
}

.menu ul {
    color: #000000;
    font-weight: bold;
    text-align: right;
    padding: 4px;
}

.menu ul a:link {
    color: #000000;
    text-decoration: underline;
background: url(http://imageshack.us/a/img641/2535/squamber.png) !important;
}


.menu ul a:visited {
    color: #000000;
    text-decoration: underline;
background: url(http://imageshack.us/a/img641/2535/squamber.png) !important;
}

.menu ul a:hover, .menu ul a:active {
    color: #000000;
    text-decoration: underline;
background: url(http://imageshack.us/a/img641/2535/squamber.png) !important;
}

#panel {
    background: #000000 !important;
    color: #ffcc00;
    font-size: 14px;
    border: 1px solid #22221e;
    padding: 8px;
}

#panel .remember_me input {
    vertical-align: middle;
    margin-top: -1px;
}

table {
    color: #ffcc00;
    font-family: Chicago, "Chicago Medium", Charcoal, "Lucida Console", "Courier New", Courier, monospace;
    font-size: 14px;
background: #000000 !important;
}

.thead, .tcat, .trow_sep, .trow1, .trow2 {
    border-color: #000000 !important;
    border-width: 1px 1px 1 1 !important;
    border-style: solid !important;


}

.tfoot {
    border-color: #000000 !important;
    border-width: 1px 1px 1px 0 !important;
    border-style: solid !important;
    background: url(http://imageshack.us/a/img580/2125/ambear.png) !important;
}

.tborder {
    background: #020100 !important;
    width: 100%;
    margin: auto auto;
    padding: 0px;
    border-style: solid;
    border-width: 0 0 1px 1px !important;
    border-color: #070707 !important;
}

.tborder2 {
    background: #664400 !important;
    width: 100%;
    margin: auto auto;
    padding: 0px;
    border-style: solid;
    border-width: 0 0 0 1px !important;
    border-color: #000000 !important;
}

.thead {
    background: url(http://imageshack.us/a/img821/2267/amberk.png) !important;
    color: #000000 !important;
}

.thead a:link {
    color: #000000 !important;
    text-decoration: underline;
}

.thead a:visited {
    color: #000000 !important;
    text-decoration: underline;
}

.thead a:hover, .thead a:active {
    color: #000000 !important;
    text-decoration: underline;
}

.tcat {
    background: #000000 !important;
    color: #ffcc00 !important;
    font-size: 1.1em;
    padding-top: 2px;
    padding-bottom: 2px;
}

.tcat a:link {
    color: #000000;
    text-decoration: underline;
background: url(http://imageshack.us/a/img641/2535/squamber.png) !important;
}

.tcat a:visited {
    color: #000000; text-decoration: underline;
background: url(http://imageshack.us/a/img641/2535/squamber.png) !important;
}

.tcat a:hover, .tcat a:active {
    color: #000000; text-decoration: underline;
background: url(http://imageshack.us/a/img641/2535/squamber.png) !important;
}

.trow1 {
    background: #000000 !important;
}

.trow2 { background: #000000 !important;

}

.trow_shaded {
    background: #221100 !important;
}

.trow_selected td {
    background: #222218 !important;
}

.trow_sep {
    background: #000000 !important;
    color: #ffcc00;
    font-size: 14px;
    font-weight: bold;
}

.tfoot {
    background: #ffcc00 !important;
    color: #000000;
}

.tfoot a:link {
    color: #000000
    text-decoration: underline;
background: url(http://imageshack.us/a/img641/2535/squamber.png) !important;
}

.tfoot a:visited {
    color: #000000
    text-decoration: underline;
background: url(http://imageshack.us/a/img641/2535/squamber.png) !important;
}

.tfoot a:hover, .tfoot a:active {
    color: #000000
    text-decoration: underline;
background: url(http://imageshack.us/a/img641/2535/squamber.png) !important;
}

.bottommenu {
    background: #000000 !important;
    color: #ffcc00;
    border: 1px solid #000000;
    padding: 10px;
}

.bottommenu a {
    color: #000000;
    text-decoration: underline;
background: url(http://imageshack.us/a/img641/2535/squamber.png) !important;
}

.navigation {
    color: #ffcc00;
    font-size: 10px;
    font-weight: bold;
    border: 1px solid #000000;
    padding: 3px 4px;
}

.navigation a:link {
    text-decoration: underline;
}

.navigation a:visited {
    text-decoration: underline;
}

.navigation a:hover, .navigation a:active {
    text-decoration: underline;
}

.navigation .active {
    color: #ffcc00;
    font-weight: bold;
}

.smalltext {
    font-size: 13px;

}

.largetext {
    font-size: 16px;
    font-weight: bold;
}

input.textbox {
    background: #000000 !important;
    color: #ffcc00;
    border: 1px solid #664400;
    padding: 1px;
}

textarea {
    background: #000000 !important;
    color: #ffcc00;
    border: 1px solid #221100;
    padding: 1px;
    font-family: Chicago, "Chicago Medium", Charcoal, "Lucida Console", "Courier New", Courier, monospace;
    line-height: 1.4;
    font-size: 14px;
}

select {
    background: #000000 !important;
    color: #ffcc00;
    border: 1px solid #ffcc00;
    padding: 1px; }

.editor {
    background: #010101 !important;
    border: 1px solid #ffcc00;
    padding: 1px;
}

.editor_control_bar {
    background: #000000 !important;
    border: 1px solid #ffcc00;
}

.autocomplete {
    background: #000000 !important;
    border: 1px solid #ffcc00;
    color: #ffcc00;
}

.autocomplete_selected {
    background: #000000 !important;
    color: #ffcc00;
}

.popup_menu {
    background: #000000 !important;
    color: #ffcc00;
    border: 1px solid #000;
}

.popup_menu .popup_item {
    background: #000000 !important;
    color: #ffcc00;
}

.popup_menu .popup_item:hover {
    background: #000000 !important;
    color: #ffcc00;
}

.trow_reputation_positive {
    background: #000000 !important;
}

.trow_reputation_negative {
    background: #000000 !important;
}

.reputation_positive {
    color: #ffcc00 !important;
}

.reputation_neutral {
    color: #ffcc00;
}

.reputation_negative {
    color: #ffcc00;
}

.invalid_field {
    border: 1px solid #0f0;
    color: #0f0;
}

.valid_field {
    border: 1px solid #0c0;
}

.validation_error {
    background: url(../../../images/invalid.gif) no-repeat center left !important;
    color: #0c0;
    margin: 5px 0;
    padding: 5px;
    font-weight: bold;
    font-size: 14px;
    padding-left: 22px;
}

.validation_success {
    background: url(../../../images/valid.gif) no-repeat center left !important;
    color: #00b200;
    margin: 5px 0;
    padding: 5px;
    font-weight: bold;
    font-size: 14px;
    padding-left: 22px;
}

.validation_loading {
    background: url(../../../images/spinner.gif) no-repeat center left !important;
    color: #0f0;
    margin: 5px 0;
    padding: 5px;
    font-weight: bold;
    font-size: 14px;
    padding-left: 22px;
}

/* Additional CSS (Master) */
img {
    border: none;
}

.clear {
    clear: both;
}

.hidden {
    display: none;
    float: none;
    width: 1%;
}

.hiddenrow {
    display: none;
}

.selectall {
    background-color: #000000 !important;
    font-weight: bold;
    text-align: center;
}

.float_left {
    float: left;
}

.float_right {
    float: right;
}

.menu ul {
    list-style: none;
    margin: 0;
}

.menu li {
    display: inline;
    padding-left: 5px;
}

.menu img {
    padding-right: 5px;
    vertical-align: top;
}

#panel .links {
    margin: 0;
    float: right;
}

.expcolimage {
    float: right;
    width: auto;
    vertical-align: middle;
    margin-top: 3px;
}

img.attachment {
    border: 1px dotted #ffcc00;
    padding: 2px;
}

hr {
    background-color: #000000 !important;
    color: #332200;
    height: 0px;
width: 80%;
    border: 1px;
margin-top: 40px;
margin-bottom: 20px;
border-style: dotted;
}

#copyright {
    font: 14px "New York", Georgia, "Courier New", serif;
    margin: 0;
    padding: 10px 0 0 0;
}

#copyright a {
    color: #000000;
    text-decoration: underline;
background: url(http://imageshack.us/a/img641/2535/squamber.png) !important;
}

#debug {
    float: right;
    text-align: right;
    margin-top: 0;
    font-size: 50%;
}

blockquote {
    border: 1px solid #640;
    margin: 0;
    background: #000000 !important;
    padding: 4px;
}

blockquote cite {
    font-weight: bold;
    border-bottom: 1px solid #640;
    font-style: normal;
    display: block;
    margin: 4px 0;

}

blockquote cite span {
    float: right;
    font-weight: normal;
}

blockquote cite span.highlight {
    float: none;
    font-weight: bold;
    padding-bottom: 0;
}

.codeblock {
    background: #000000 !important;
    border: 1px solid #640;
    padding: 1px;
}

.codeblock .title {
    border-bottom: 1px solid #640;
    font-weight: bold;
    margin: 4px 0;
    background-color: #000000 !important;
    font-family: Chicago, "Chicago Medium", Charcoal, "Lucida Console", "Courier New", Courier, monospace;
    font-size: 14px;
}

.codeblock code {
    overflow: auto;
    height: auto;
    max-height: 200px;
    display: block;
    font-family: Chicago, "Chicago Medium", Charcoal, "Lucida Console", "Courier New", Courier, monospace;
    background-color: #000000 !important;
    font-size: 14px;
}

.subforumicon {
    border: 0;
    vertical-align: middle;
}

.separator {
    margin: 5px;
    padding: 0;
    height: 0px;
    font-size: 1px;
    list-style-type: none;
}

form {
    margin: 0;
    padding: 0;
}

.popup_menu .popup_item_container {
    margin: 1px;
    text-align: left;
}

.popup_menu .popup_item {
    display: block;
    padding: 3px;
    text-decoration: none;
    white-space: nowrap;
}

.popup_menu a.popup_item:hover {
    text-decoration: none;
}

.autocomplete {
    text-align: left;
}

.subject_new {
    font-weight: bold;
}

.highlight {
    background: #aa9900 !important;
    padding-top: 3px;
    padding-bottom: 3px;
}

.pm_alert {
    background: #000000 !important;
    border: 1px solid #0FD324;
    text-align: center;
    padding: 5px 20px;
    margin-bottom: 15px;
    font-size: 14px;
}

.red_alert {
    background: #000000 !important;
    border: 1px solid #05161A;
    color: #05661A;
    text-align: center;
    padding: 5px 20px;
    margin-bottom: 15px;
    font-size: 14px;
}

.high_warning {
    color: #ffcc00;
}

.moderate_warning {
    color: #ffcc00;
}

.low_warning {
    color: #ffcc00;
}

div.error {
    padding: 5px 10px;
    border-top: 2px solid #ffcc00;
    border-bottom: 2px solid #ffcc00;
    background: #000000 !important;
    font-size: 14px;
}

div.error p {
    margin: 0;
    color: #ffcc00;
    font-weight: normal;
}

div.error p em {
    font-style: normal;
    font-weight: bold;
    padding-left: 24px;
    display: block;
    color: #ffcc00;
    background: url(../../../images/error.gif) no-repeat 0  !important;
}

div.error.ul {
    margin-left: 24px;
}

.online {
    color: #44FF40;
}

.offline {
    color: #008800;
}

.pagination {
    font-size: 14px;
    padding-top: 10px;
    margin-bottom: 5px;
}

.tfoot .pagination, .tcat .pagination {
    padding-top: 0;
}
.pagination .pages {
    font-weight: bold;
}

.pagination .pagination_current, .pagination a {
    padding: 2px 6px;
    margin-bottom: 3px;
}

.pagination a {
    border: 1px dotted #ffcc00;
}

.pagination .pagination_current {
    background: url(http://imageshack.us/a/img580/2125/ambear.png) !important;
    border: 1px dotted #ffcc00;
    font-weight: bold;
    color: #000000;
}

.pagination a:hover {
    background: url(http://imageshack.us/a/img821/2267/amberk.png) !important;
    color: #000000;
    text-decoration: none;
}

.thread_legend, .thread_legend dd {
    margin: 0;
    padding: 0;
}

.thread_legend dd {
    padding-bottom: 4px;
    margin-right: 15px;
}

.thread_legend img {
    margin-right: 4px;
    vertical-align: bottom;
}

.forum_legend, .forum_legend dt, .forum_legend dd {
    margin: 0;
    padding: 0;
}

.forum_legend dd {
    float: left;
    margin-right: 10px;
}

.forum_legend dt {
    margin-right: 10px;
    float: left;
}

.success_message {
    color: #00b200;
    font-weight: bold;
    font-size: 10px;
    margin-bottom: 10px;
    background: #000000 !important;
}

.error_message {
    color: #007000;
    font-weight: bold;
    font-size: 10px;
    margin-bottom: 10px;
    background: #000000 !important;
}

.post_body {
    padding: 5px;
    font-family: Chicago, "Chicago Medium", Charcoal, "Lucida Console", "Courier New", Courier, monospace;
}

.post_content {
    padding: 5px 10px;
}

.quick_jump {
    background: url(../../../images/jump.gif) no-repeat 0  !important;
    width: 14px;
    height: 14px;
    padding-left: 14px; /* amount of padding needed for image to fully show */
    vertical-align: middle;
    border: none;
}

.repbox {
    font-size:16px;
    font-weight: bold;
    padding:5px 7px 5px 7px;
}

._neutral {
    background-color: #000000 !important;
    color: #ffcc00;
    border: 1px solid #332200;
}

._minus {
    background-color: #000000 !important;
    color: #ffcc00;
    border: 1px solid #332200;
}

._plus {
    background-color:#000000 !important;
    color: #ffcc00;
    border:1px solid #332200;
}

.pagination_breadcrumb {
    background-color: #320 !important;
    border: 1px solid #fc0;
    outline: 1px solid #fc0;
    padding: 5px;
    margin-top: 5px;
    font-weight: normal;
    white-space: nowrap;
}

.pagination_breadcrumb_link {
    vertical-align: middle;
    cursor: pointer;
}

a.forumlink {
    color: #000000;
background: url(http://imageshack.us/a/img641/2535/squamber.png) !important;
    font-weight: bold;
    font-family: Chicago, "Chicago Medium", Charcoal, "Lucida Console", "Courier New", Courier, monospace;
    font-size: 0.9em;
    text-decoration: underline;
}

.indexheader {
    color: #000000;
    font-weight: bold;
    font-family: Chicago, "Chicago Medium", Charcoal, "Lucida Console", "Courier New", Courier, monospace;
    font-size: 0.9em;
}

.compressed {
    line-height: 115%;
}

.username {
    font-size: x-small;
    font-weight: bold;
}

.username a:link {
    text-decoration: none;
}

.imageblocks img {
    display: inline-block;
    vertical-align: middle;
}

.imageblocks a {
    vertical-align: middle;
}

.bottomrow {
    border-bottom-width: 1px;


}

[Image: RjvYOd.png]
(This post was last modified: 11-24-2012, 11:41 AM by Wheat.)
11-24-2012, 03:25 AM
Find Quote this message in a reply
Wheat
 RE: New Forum Skin (please help w/ minor fix, coding-literate people!)
#5
 

Offline
Posts: 5,187
Joined: Jul 2011
Oh I figured out the problems with spoiler backgrounds. It only bugged out in chrome and it needed an !important; tag on it so it would override the java thing

I can't figure out the dropdown menu backgrounds but I don't care as much about that; you can see it anyway, and who even uses "advanced options?"

The spoiler backgrounds were the big deal. Now they are big dealt-with. If the forum stylesheet directorymabob has a text file, you can just create a new text file, paste the code and there you go! (I don't know how you add css style sheets to a forum directory but they are ready now)

[Image: RjvYOd.png]
(This post was last modified: 11-24-2012, 11:57 AM by Wheat.)
11-24-2012, 11:36 AM
Find Quote this message in a reply
Wheat
 RE: New Forum Skin (please help w/ minor fix, coding-literate people!)
#6
 

Offline
Posts: 5,187
Joined: Jul 2011
This is the last one I make I swear (for now) it's MSDos
Blue Jay of Death
Spoiler :
[Image: msducks.png]
Code:
html {
    margin-top: -14px;
    background: #0000aa !important;
}

body {
    background: #0000aa !important;
    color: #ffffff !important;
    font-family: "Perfect DOS VGA 437", "Lucida Console", "Courier New", Courier, monospace;
    font-size: 16px;
    text-align: center; /* IE 5 fix */
     line-height: 17px;
    top: -14px;

}

a:link {
    color: #0000aa;
    text-decoration: underline;
background: url(http://imageshack.us/a/img818/2969/ballue.png);
}

a:visited {
    color: #0000aa;
    text-decoration: underline;
background: url(http://imageshack.us/a/img818/2969/ballue.png);
}

a:hover, a:active {
    color: #0000aa;
    text-decoration: underline;
background: url(http://imageshack.us/a/img818/2969/ballue.png) !important;
}

#container {
    width: 75%;
    min-width: 800px;
    background: #0000aa !important;
    border: 4px solid #0000aa;
    color: #ffffff;
    margin: auto;
    margin-top: 0px;
    text-align: left; /* IE 5 fix */
}

#topmenu {
    background: url(http://imageshack.us/a/img28/8493/bluesc.png) !important;
    border-left: 1px solid #0000aa;
    border-right: 1px solid #0000aa;
    text-align: center;
}

#header {
    border-left: 1px solid #0000aa;
    border-right: 1px solid #0000aa;
    border-bottom: 1px solid #0000aa;
    padding: 0px 20px;

}

#content {
    /* FIX: Make internet explorer wrap correctly */
    width: auto !important;
    border-left: 1px solid #0000aa;
    border-right: 1px solid #0000aa;
    border-bottom: 1px solid #0000aa;    
    padding: 20px;
}

.logo {
    width: 100%;
    text-align: center;
    background: url(http://img856.imageshack.us/img856/2920/microsofoit.png) no-repeat center !important;
}

.menu ul {
    color: #0000aa;
    text-align: right;
    padding: 4px;
}

.menu ul a:link {
    color: #0000aa;
    text-decoration: underline;
background: url(http://imageshack.us/a/img818/2969/ballue.png) !important;
}


.menu ul a:visited {
    color: #0000aa;
    text-decoration: underline;
background: url(http://imageshack.us/a/img818/2969/ballue.png) !important;
}

.menu ul a:hover, .menu ul a:active {
    color: #0000aa;
    text-decoration: underline;
background: url(http://imageshack.us/a/img818/2969/ballue.png) !important;
}

#panel {
    background: #0000aa !important;
    color: #ffffff;
    font-size: 16px;
    border: 1px solid #22221e;
    padding: 8px;
}

#panel .remember_me input {
    vertical-align: middle;
    margin-top: -1px;
}

table {
    color: #ffffff;
    font-family: "Perfect DOS VGA 437", "Lucida Console", "Courier New", Courier, monospace;
    font-size: 16px;
background: #0000aa !important;
  line-height: 17px background:  #0000aa;
}

.thead, .tcat, .trow_sep, .trow1, .trow2 {
    border-color: #0000aa !important;
    border-width: 3px 3px 3 3 !important;
    border-style: solid !important;
border-bottom-color: #ffffff !important;
border-bottom-width: 1px !important;
border-bottom-style: solid !important;



}

.tfoot {
    border-color: #0000aa !important;
    border-width: 1px 1px 1px 0 !important;
    border-style: solid !important;
    background: url(http://imageshack.us/a/img28/8493/bluesc.png) !important;
}

.tborder {
    background: #0000aa !important;
    width: 100%;
    margin: auto auto;
    padding: 10px;
    border-style: solid;
    border-width: 0px 0px 0px 0px !important;
    border-color: #ffffff !important;
margin-bottom: 20px !important;

}

.tborder2 {
    background: #0000aa !important;
    width: 100%;
    margin: auto auto;
    padding: 10px 30px 10px 30px;
    border-style: solid;
    border-width: 0px 0px 0 0px !important;
    border-color: #ffffff !important;
margin-bottom: 20px !important;

}

.thead {
    background: url(http://imageshack.us/a/img204/3729/bearcsc.png) !important;
    color: #0000aa !important;
}

.thead a:link {
    color: #0000aa !important;
    text-decoration: underline;
}

.thead a:visited {
    color: #0000aa !important;
    text-decoration: underline;
}

.thead a:hover, .thead a:active {
    color: #0000aa !important;
    text-decoration: underline;
}

.tcat {
    background: #0000aa !important;
    color: #ffffff !important;
    font-size: 1.1em;
    padding-top: 2px;
    padding-bottom: 2px;
}

.tcat a:link {
    color: #0000aa;
    text-decoration: underline;
background: url(http://imageshack.us/a/img818/2969/ballue.png) !important;
}

.tcat a:visited {
    color: #0000aa; text-decoration: underline;
background: url(http://imageshack.us/a/img818/2969/ballue.png) !important;
}

.tcat a:hover, .tcat a:active {
    color: #0000aa; text-decoration: underline;
background: url(http://imageshack.us/a/img818/2969/ballue.png) !important;
}

.trow1 {
    background: #0000aa !important;
}

.trow2 { background: #0000aa !important;
}

.trow_shaded {
    background: #221100 !important;
}

.trow_selected td {
    background: #222218 !important;
}

.trow_sep {
    background: #0000aa !important;
    color: #ffffff;
    font-size: 16px;
}

.tfoot {
    background: url( !important;
    color: #0000aa;
}

.tfoot a:link {
    color: #0000aa
    text-decoration: underline;
background: url(http://imageshack.us/a/img818/2969/ballue.png) !important;
}

.tfoot a:visited {
    color: #0000aa
    text-decoration: underline;
background: url(http://imageshack.us/a/img818/2969/ballue.png) !important;
}

.tfoot a:hover, .tfoot a:active {
    color: #0000aa
    text-decoration: underline;
background: url(http://imageshack.us/a/img818/2969/ballue.png) !important;
}

.bottommenu {
    background: #0000aa !important;
    color: #ffffff;
    border: 1px solid #0000aa;
    padding: 10px;
}

.bottommenu a {
    color: #0000aa;
    text-decoration: underline;
background: url(http://imageshack.us/a/img818/2969/ballue.png) !important;
}

.navigation {
    color: #ffffff;
    font-size: 16px;
    border: 1px solid #0000aa;
    padding: 3px 4px;
}

.navigation a:link {
    text-decoration: underline;
}

.navigation a:visited {
    text-decoration: underline;
}

.navigation a:hover, .navigation a:active {
    text-decoration: underline;
}

.navigation .active {
    color: #ffffff;
}

.smalltext {
    font-size: 16px;

}

.largetext {
    font-size: 16px; }

input.textbox {
    background: #0000aa !important;
    color: #ffffff;
    border: 1px solid #664400;
    padding: 1px;
}

textarea {
    background: #0000aa !important;
    color: #ffffff;
    border: 1px solid #221100;
    padding: 1px;
    font-family: "Perfect DOS VGA 437", "Lucida Console", "Courier New", Courier, monospace;
      line-height: 17px;
    font-size: 16px;
}

select {
    background: #0000aa !important;
    color: #ffffff;
    border: 1px solid #ffffff;
    padding: 1px; }

.editor {
    background: #010101 !important;
    border: 1px solid #ffffff;
    padding: 1px;
}

.editor_control_bar {
    background: #0000aa !important;
    border: 1px solid #ffffff;
}

.autocomplete {
    background: #0000aa !important;
    border: 1px solid #ffffff;
    color: #ffffff;
}

.autocomplete_selected {
    background: #0000aa !important;
    color: #ffffff;
}

.popup_menu {
    background: #0000aa !important;
    color: #ffffff;
    border: 1px solid #000;
}

.popup_menu .popup_item {
    background: #0000aa !important;
    color: #ffffff;
}

.popup_menu .popup_item:hover {
    background: #0000aa !important;
    color: #ffffff;
}

.trow_reputation_positive {
    background: #0000aa !important;
}

.trow_reputation_negative {
    background: #0000aa !important;
}

.reputation_positive {
    color: #ffffff !important;
}

.reputation_neutral {
    color: #ffffff;
}

.reputation_negative {
    color: #ffffff;
}

.invalid_field {
    border: 1px solid #0f0;
    color: #0f0;
}

.valid_field {
    border: 1px solid #0c0;
}

.validation_error {
    background: url(../../../images/invalid.gif) no-repeat center left !important;
    color: #0c0;
    margin: 5px 0;
    padding: 5px;
    font-size: 16px;
    padding-left: 22px;
}

.validation_success {
    background: url(../../../images/valid.gif) no-repeat center left !important;
    color: #00b200;
    margin: 5px 0;
    padding: 5px;
    
    font-size: 16px;
    padding-left: 22px;
}

.validation_loading {
    background: url(../../../images/spinner.gif) no-repeat center left !important;
    color: #0f0;
    margin: 5px 0;
    padding: 5px;
    
    font-size: 16px;
    padding-left: 22px;
}

/* Additional CSS (Master) */
img {
    border: none;
}

.clear {
    clear: both;
}

.hidden {
    display: none;
    float: none;
    width: 1%;
}

.hiddenrow {
    display: none;
}

.selectall {
    background-color: #0000aa !important;
    
    text-align: center;
}

.float_left {
    float: left;
}

.float_right {
    float: right;
}

.menu ul {
    list-style: none;
    margin: 0;
}

.menu li {
    display: inline;
    padding-left: 5px;
}

.menu img {
    padding-right: 5px;
    vertical-align: top;
}

#panel .links {
    margin: 0;
    float: right;
}

.expcolimage {
    float: right;
    width: auto;
    vertical-align: middle;
    margin-top: 3px;
}

img.attachment {
    border: 1px dotted #ffffff;
    padding: 2px;
}

hr {
    background-color: #0000aa !important;
    color: #ffffff;
    height: 1px;
width: 80%;
    border: 1px;
margin-top: 40px;
margin-bottom: 20px;
border-style: dotted;
}

#copyright {
    font: 12px;
font-family: "Perfect DOS VGA 437", "Lucida Console", "Courier New", Courier, monospace;
    margin: 0;
    padding: 10px 0 0 0;
}

#copyright a {
    color: #0000aa;
    text-decoration: underline;
background: url(http://imageshack.us/a/img818/2969/ballue.png) !important;
}

#debug {
    float: right;
    text-align: right;
    margin-top: 0;
    font-size: 50%;
}

blockquote {
    border: 1px solid #fff;
    margin: 0;
    background: #0000aa !important;
    padding: 4px;
}

blockquote cite {
    
    border-bottom: 1px solid #fff;
    font-style: normal;
    display: block;
    margin: 4px 0;

}

blockquote cite span {
    float: right;
    font-weight: normal;
}

blockquote cite span.highlight {
    float: none;
    
    padding-bottom: 0;
}

.codeblock {
    background: #0000aa !important;
    border: 1px solid #fff;
    padding: 1px;
}

.codeblock .title {
    border-bottom: 1px solid #fff;
    
    margin: 4px 0;
    background-color: #0000aa !important;
    font-family: "Perfect DOS VGA 437", "Lucida Console", "Courier New", Courier, monospace;
    font-size: 16px;
}

.codeblock code {
    overflow: auto;
    height: auto;
    max-height: 200px;
    display: block;
    font-family: "Perfect DOS VGA 437", "Lucida Console", "Courier New", Courier, monospace;
    background-color: #0000aa !important;
    font-size: 16px;
}

.subforumicon {
    border: 0;
    vertical-align: middle;
}

.separator {
    margin: 5px;
    padding: 0;
    height: 0px;
    font-size: 1px;
    list-style-type: none;
}

form {
    margin: 0;
    padding: 0;
}

.popup_menu .popup_item_container {
    margin: 1px;
    text-align: left;
}

.popup_menu .popup_item {
    display: block;
    padding: 3px;
    text-decoration: none;
    white-space: nowrap;
}

.popup_menu a.popup_item:hover {
    text-decoration: none;
}

.autocomplete {
    text-align: left;
}

.subject_new {
    
}

.highlight {
    background: #aa9900 !important;
    padding-top: 3px;
    padding-bottom: 3px;
}

.pm_alert {
    background: #0000aa !important;
    border: 1px solid #0FD324;
    text-align: center;
    padding: 5px 20px;
    margin-bottom: 15px;
    font-size: 16px;
}

.red_alert {
    background: #0000aa !important;
    border: 1px solid #05161A;
    color: #05661A;
    text-align: center;
    padding: 5px 20px;
    margin-bottom: 15px;
    font-size: 16px;
}

.high_warning {
    color: #ffffff;
}

.moderate_warning {
    color: #ffffff;
}

.low_warning {
    color: #ffffff;
}

div.error {
    padding: 5px 10px;
    border-top: 2px solid #ffffff;
    border-bottom: 2px solid #ffffff;
    background: #0000aa !important;
    font-size: 16px;
}

div.error p {
    margin: 0;
    color: #ffffff;
    font-weight: normal;
}

div.error p em {
    font-style: normal;
    
    padding-left: 24px;
    display: block;
    color: #ffffff;
    background: url(../../../images/error.gif) no-repeat 0  !important;
}

div.error.ul {
    margin-left: 24px;
}

.online {
    color: #44FF40;
}

.offline {
    color: #008800;
}

.pagination {
    font-size: 16px;
    padding-top: 10px;
    margin-bottom: 5px;
}

.tfoot .pagination, .tcat .pagination {
    padding-top: 0;
}
.pagination .pages {
    
}

.pagination .pagination_current, .pagination a {
    padding: 2px 6px;
    margin-bottom: 3px;
}

.pagination a {
    border: 1px dotted #ffffff;
}

.pagination .pagination_current {
    background: url(http://imageshack.us/a/img28/8493/bluesc.png) !important;
    border: 1px dotted #ffffff;
    
    color: #0000aa;
}

.pagination a:hover {
    background: url(http://imageshack.us/a/img204/3729/bearcsc.png) !important;
    color: #0000aa;
    text-decoration: none;
}

.thread_legend, .thread_legend dd {
    margin: 0;
    padding: 0;
}

.thread_legend dd {
    padding-bottom: 4px;
    margin-right: 15px;
}

.thread_legend img {
    margin-right: 4px;
    vertical-align: bottom;
}

.forum_legend, .forum_legend dt, .forum_legend dd {
    margin: 0;
    padding: 0;
}

.forum_legend dd {
    float: left;
    margin-right: 10px;
}

.forum_legend dt {
    margin-right: 10px;
    float: left;
}

.success_message {
    color: #00b200;
    
    font-size: 10px;
    margin-bottom: 10px;
    background: #0000aa !important;
}

.error_message {
    color: #007000;
    
    font-size: 10px;
    margin-bottom: 10px;
    background: #0000aa !important;
}

.post_body {
    padding: 5px;
    font-family: "Perfect DOS VGA 437", "Lucida Console", "Courier New", Courier, monospace;
}

.post_content {
    padding: 5px 10px;
}

.quick_jump {
    background: url(../../../images/jump.gif) no-repeat 0  !important;
    width: 14px;
    height: 14px;
    padding-left: 14px; /* amount of padding needed for image to fully show */
    vertical-align: middle;
    border: none;
}

.repbox {
    font-size:16px;
    
    padding:5px 7px 5px 7px;
}

._neutral {
    background-color: #0000aa !important;
    color: #ffffff;
    border: 1px solid #332200;
}

._minus {
    background-color: #0000aa !important;
    color: #ffffff;
    border: 1px solid #332200;
}

._plus {
    background-color:#0000aa !important;
    color: #ffffff;
    border:1px solid #332200;
}

.pagination_breadcrumb {
    background-color: #320 !important;
    border: 1px solid #fff;
    outline: 1px solid #fff;
    padding: 5px;
    margin-top: 5px;
    font-weight: normal;
    white-space: nowrap;
}

.pagination_breadcrumb_link {
    vertical-align: middle;
    cursor: pointer;
}

a.forumlink {
    color: #0000aa;
background: url(http://imageshack.us/a/img818/2969/ballue.png) !important;
    font-family: "Perfect DOS VGA 437", "Lucida Console", "Courier New", Courier, monospace;
    font-size: 16px;
    text-decoration: underline; }

.indexheader {
    color: #0000aa;
    
    font-family: "Perfect DOS VGA 437", "Lucida Console", "Courier New", Courier, monospace;
    font-size: 16px;
}

.compressed {
    line-height: 100%;
}

.username {
    font-size: x-small;
    
}

.username a:link {
    text-decoration: none;
}

.imageblocks img {
    display: inline-block;
    vertical-align: middle;
}

.imageblocks a {
    vertical-align: middle;
}

.bottomrow {
    border-bottom-width: 10px;


}


The font used here was Perfect Dos VGA 437. Apparently, if you have a font uploaded to a websites server you don't have to worry about if a user themselves has it, so long as you include that in the stylesheet: http://www.w3schools.com/cssref/css3_pr_...e_rule.asp

I didn't do that here because I can't upload

[Image: RjvYOd.png]
(This post was last modified: 11-25-2012, 05:28 AM by Wheat.)
11-25-2012, 05:27 AM
Find Quote this message in a reply
Pinary
 RE: New Forum Skin (please help w/ minor fix, coding-literate people!)
#7
The Most Present

Offline
Posts: 479
Joined: Jul 2011
North America
I think these are all pretty dang cool and will, when I hit winter break, see if I can't integrate them into the big ol' systems update that's been overdue for a while thanks to schoolwork and the like.
11-25-2012, 06:49 AM
Find Quote this message in a reply
Schazer
 RE: New Forum Skins
#8
Patron Saint of Normcore

Offline
Posts: 6,659
Joined: Jul 2011
Nippon
Changelog October 10, 2014:

-New subforum happened. It's as Wheat stated, nobody (neither Wheat nor I) are actually in charge unless that's what you fine forumites decide on. The Pharmdrugs account has mod powers exclusive to that area, and can only act via group consensus. I'm going to have fun in there periodically doing what the hell ever, I hope you all do too!

-Wheat assembled a forum skin (listed in your control panel as Buzzard Bee), this will override the default Eagle Theme when you're browsing HAWKSPACE. If this bothers people, take it up in HAWKSPACE - I'll acquiesce to whatever admin actions are requested through the proper channels.

If you want to change your entire Eagle Time experience to Buzzard Bee, you can find it in your Settings/UCP>Your Profile>Edit Options (with the gear), then Other Options on the bottom right.

---

Related! If people want to assemble alternative forum themes (or just futz around with css stylesheets), I'm down for helping out with that - I discovered implementing new themes is pretty easy, and I'll accept whatever themes get a second vote of support provided they mostly stick to the Eagle Theme layout.

If you want to write up your own forum skin, Eagle Theme's global.css is here: http://pastebin.com/8iLDC1ed
Also showthread.css, although Wheat didn't need to touch that to make Buzzard Bee: http://pastebin.com/hwkr1zMw
There are others; if you want them please ask and I'll pastebin them for you.

If you can give me a finished product, I'm happy to crack into FTP and upload your assets (buttons, banners, etc) to complete the look. Happy coding!
10-10-2014, 01:05 AM
Find Quote this message in a reply