CCS help! PLEASE help ASAP!! CCS help! PLEASE help ASAP!!
 

News:

CPG Release 1.6.26
Correct PHP8.2 issues with user and language managers.
Additional fixes for PHP 8.2
Correct PHP8 error with SMF 2.0 bridge.
Correct IPTC supplimental category parsing.
Download and info HERE

Main Menu

CCS help! PLEASE help ASAP!!

Started by 619-style, June 26, 2006, 11:50:12 PM

Previous topic - Next topic

0 Members and 1 Guest are viewing this topic.

619-style

What would I chang to edit text color for the create catagory page to #502A13

<code>

body {
        background: url("images/background.png");
        background-color: #502a13;
        font-family: "Verdana", Verdana, Geneva, Arial, sans-serif;
        font-size : 10px;
        color: #DA9A2E;
        margin: 0px;
}

table {
        font-size : 10px;
}

h1{
        font-weight: normal;
        font-size: 21px;
        font-family: "Verdana", Verdana, Arial, Helvetica, sans-serif;
        text-decoration: none;
        line-height : 120%;
        color: #DA9A2E;
        margin: 2px;
}

h2 {
        font-family: Verdana, Helvetica, sans-serif;
        background-image : url(images/box_left_icon.gif);
        background-repeat : no-repeat;
        background-position : left;
        padding-left : 18px;
        font-size: 18px;
        margin: 0px;
}

h3 {
        font-weight: normal;
        font-family: "Verdana", Verdana, Geneva, Arial, sans-serif;
        font-size: 12px;
        margin: 2px;
}

p {
        font-family: Verdana, Helvetica, sans-serif;
        font-size: 100%;
        margin: 2px 0px;
}

ul {
        margin-left: 5px;
        padding: 0px;
}

li {
        margin-left: 10px;
        margin-top: 4px;
        margin-bottom: 4px;
        padding: 0px;
        list-style-position: outside;
        list-style-type: disc;
}

.textinput {
        font-family: "Verdana", Verdana, Geneva, Arial, sans-serif;
        font-size: 100%;
        border: 1px solid #502A13;
        padding-right: 3px;
        padding-left: 3px;
}

.listbox {
        font-family: "Verdana", Verdana, Geneva, Arial, sans-serif;
        font-size: 100%;
        border: 1px solid #502A13;
        vertical-align : middle;
}

.button {
        font-family: Verdana, Helvetica, sans-serif;
        font-size: 100%;
        border: 1px solid #809985;
        background-image : url(images/button_bg.gif);
        background-position : bottom;
}

.comment_button {
        font-family: Verdana, Helvetica, sans-serif;
        font-size: 100%;
        border: 1px solid #502A13;
        background-image : url(images/button_bg.gif);
        background-position : bottom;
        padding-left: 3px;
        padding-right: 3px;
}

.radio {
        font-family: "Verdana", Verdana, Geneva, Arial, sans-serif;
        font-size: 100%;
        vertical-align : middle;
}

.checkbox {
        font-family: "Verdana", Verdana, Geneva, Arial, sans-serif;
        font-size: 100%;
        vertical-align : middle;
}

a {
        color: #502A13;
        text-decoration: none;
}

a:hover {
        color: #502A13;
        text-decoration: underline;
}

.bblink a {
        color: #502A13;
        text-decoration: none;
}

.bblink a:hover {
        color: #502A13;
        text-decoration: underline;
}

.maintable {
        border: 1px solid #DA9A2E;
        background-color: #502A13;
        margin-top: 1px;
        margin-bottom: 1px;
}

.tableh1 {
        font-family:  Verdana, Geneva, Arial, sans-serif;
        background : #502A13;
        color: #DA9A2E;
        padding-top: 3px;
        padding-right: 10px;
        padding-bottom: 3px;
        padding-left: 10px;
}

.tableh1_compact {
        font-family:  Verdana, Geneva, Arial, sans-serif;
        background : #502A13;
        color: #DA9A2E
        padding-top: 2px;
        padding-right: 5px;
        padding-bottom: 2px;
        padding-left: 5px;
}

.tableh2 {
        background: #DA9A2E ;
        color : #502A13   ;
        padding-top: 3px;
        padding-right: 10px;
        padding-bottom: 3px;
        padding-left: 10px;
}

.tableh2_compact {
        background: #DA9A2E ;
        color : #502A13;
        padding-top: 2px;
        padding-right: 5px;
        padding-bottom: 2px;
        padding-left: 5px;
}

.tableb {
        background: #DA9A2E ;
        padding-top: 3px;
        padding-right: 10px;
        padding-bottom: 3px;
        padding-left: 10px;
}

.tableb_compact {
        background: #DA9A2E ;
        padding-top: 2px;
        padding-right: 5px;
        padding-bottom: 2px;
        padding-left: 5px;
}

.tablef {
        background: #502A13 ;
        padding-top: 10px;
        padding-right: 10px;
        padding-bottom: 10px;
        padding-left: 10px;
}

.catrow_noalb {
        background: #502A13 ;
        color : #DA9A2E;
        padding-top: 3px;
        padding-right: 10px;
        padding-bottom: 3px;
        padding-left: 10px;
}

.catrow {
        background: #502A13 ;
        padding-top: 3px;
        padding-right: 10px;
        padding-bottom: 3px;
        padding-left: 10px;
}

.album_stat {
        font-size : 85%;
        margin: 5px 0px;
}

.thumb_filename {
        font-size: 80%;
        display: block;
}

.thumb_title {
        font-weight : bold;
        font-size: 80%;
        padding: 2px;
        display : block;
}

.thumb_caption {
        font-size: 80%;
        padding: 1px;
        display : block;
}

.thumb_caption a {
        text-decoration: underline;
        color: #502A13;
}


.thumb_num_comments {
        font-weight: normal;
        font-size: 85%;
        padding: 2px;
        font-style : italic;
        display : block;
}

.user_thumb_infobox {
        margin-top: 1px;
        margin-bottom: 1px;
}

.user_thumb_infobox th {
        font-weight : bold;
        font-size: 100%;
        margin-top: 1px;
        margin-bottom: 1px;
        text-align : center;
}

.user_thumb_infobox td {
        font-size: 85%;
        margin-top: 1px;
        margin-bottom: 1px;
        text-align : center;
}

.user_thumb_infobox a {
        text-decoration: none;
        color: #502A13;
}

.user_thumb_infobox a:hover {
        color: #502A13;
        text-decoration: underline;
}

.sortorder_cell {
        background : #502A13 ;
        color: #DA9A2E;
        padding-top: 0px;
        padding-bottom: 0px;
        padding-left: 0px;
        padding-right: 20px;
        margin: 0px;
}

.sortorder_options {
        font-family: Verdana, Arial, Helvetica, sans-serif;
        background : #502A13 ;
        color: #DA9A2E;
        padding: 0px;
        margin: 0px;
        font-weight: normal;
        font-size: 80%;
        white-space: nowrap;
}

.navmenu {
        font-family: "Verdana", Verdana, Geneva, Arial, sans-serif;
        color: #DA9A2E;
        font-weight: bold;
        background : #502A13 ;
        border-style: none;
}

.navmenu img {
        margin-top: 1px;
        margin-right: 5px;
        margin-bottom: 1px;
        margin-left: 5px;
}

.navmenu a {
        position: relative;
        display: block;
        padding-top: 2px;
        padding-right: 5px;
        padding-bottom: 2px;
        padding-left: 5px;
        text-decoration: none;
        color: #502A13;
}

.navmenu a:hover {
        background : #502A13 ;
        text-decoration: none;
        color:         #DA9A2E;
}

.admin_menu_thumb {
        font-family: Verdana, Helvetica, sans-serif;
        font-size: 90%;
        border: 2px solid #DA9A2E;
        background-image : url(images/button_bg.gif);
        background-position : bottom;
        color: #502A13;
        font-weight: bold;
        margin-top: 0px;
        margin-bottom: 0px;
        width: 85px;
}

.admin_menu_thumb a {
        color: #503A13;
        text-decoration: none;
        display: block;
        position: relative;
        padding-top: 1px;
        padding-bottom: 1px;
        padding-left: 10px;
        padding-right: 10px;
}


.admin_menu_thumb a:hover {
        color: #502A13;
        text-decoration: underline;
}

.admin_menu {
        font-family: Verdana, Helvetica, sans-serif;
        font-size: 90%;
        border: 2px solid #DA9A2E;
        background-image : url(images/button_bg.gif);
        background-position : bottom;
        background-repeat: repeat-x;
        background-color: #46756D;
        color: #502A13;
        margin-top: 0px;
        margin-bottom: 0px;
        text-align: center;
}

.admin_menu a {
        color: #DA9A2E;
        text-decoration: none;
        display: block;
        position: relative;
        padding-top: 1px;
        padding-bottom: 1px;
        padding-left: 2px;
        padding-right: 2px;
}

.admin_menu a:hover {
        color: #502A13;
        text-decoration: underline;
}

td #admin_menu_anim {
        background-image : url(images/button_bg_anim.gif);
}

.comment_date{
        color : #DA9A2E;
        font-size: 90%;
        vertical-align : middle;
}

.image {
        border-style: solid;
        border-width:2px;
        border-color: #DA9A2E;
        margin: 2px;
}

.imageborder {
        border: 2px solid #DA9A2E;
        background-color: #502A13;
        margin-top: 30px;
        margin-bottom: 30px;
}

.display_media {
        background: #502A13 ;
        padding-top: 3px;
        padding-right: 10px;
        padding-bottom: 3px;
        padding-left: 10px;
}

.thumbnails {
        background: #502A13 ;
        padding: 5px;
}

.footer {
        font-size : 9px;
}

.footer a {
        text-decoration: none;
        color: #DA9A2E;
}

.footer a:hover {
        color: #DA9A2E;
        text-decoration: underline;
}

.statlink {
        color: #DA9A2E;
}

.statlink a {
        text-decoration: none;
        color: #DA9A2E;
}

.statlink a:hover {
        color: #DA9A2E;
        text-decoration: underline;
}

.alblink a {
        text-decoration: ;
        color: #DA9A2E;
}

.alblink a:hover {
        color: #DA9A2E;
        text-decoration: underline;
}

.catlink {
        display: block;
        margin-bottom: 2px;
}

.catlink a {
        text-decoration: ;
        color: #DA9A2E;
}

.catlink a:hover {
        color: #DA9A2E;
        text-decoration: underline;
}

.topmenu {
        font-family: "Verdana", Verdana, Geneva, Arial, sans-serif;
        line-height : 130%;
        font-size : 110%;
}

.topmenu a {
        color : #DA9A2E;
        text-decoration : none;
}

.topmenu a:hover  {
        color : #DA9A2E;
        text-decoration : underline;
}

.img_caption_table {
        border: none;
        background-color: #502A13;
        width : 100%;
        margin : 0px;
}

.img_caption_table th {
        background: #502A13 ;
        font-size : 100%;
        color : #DA9A2E;
        padding-top: 4px;
        padding-right: 10px;
        padding-bottom: 4px;
        padding-left: 10px;
        border-top : 1px solid #DA9A2E;
}

.img_caption_table td {
        background: #502A13 ;
        padding-top: 6px;
        padding-right: 10px;
        padding-bottom: 6px;
        padding-left: 10px;
        border-top : 1px solid #DA9A2E;
        white-space: normal;
}

.debug_text {
        border: #DA9A2E;
        background-color: #502A13;
        width : 100%;
        margin : 0px;
}

.clickable_option {
        cursor : default;

}

.listbox_lang {
        color: #DA9A2E;
        background-color: #502A13;
        border: 1px solid #502A13;
        font-size: 80%;
        font-family: Arial, Helvetica, sans-serif;
        vertical-align : middle;
}


</code>

Gizmo

OK... I knew you'd get around to trying this yourself! Good... now let's get you pointed in the right direction. First, read this post - http://forum.coppermine-gallery.net/index.php?topic=24056.0 and the other Stickies at the top of this board. At the end of this post GauGau mentions a couple of extensions to use with Firefox and IE (yuk...). I highly recommend Firefox and the Web Developer extension. With these tools, you can dissect a web page to determine what css property is  controlling what the cursor is sitting on such as what color to change. You aren't very clear on exactly what it is you want to change so give this a try. While not to self-promote but check out a theme I created called Briarpatch http://coppermine-gallery.net/demo/cpg14x/index.php?4x=&theme=briarpatch). In the css file, I've noted some of the colors that correspond to certain parts of the layout. All you need to do is do a replace of a certain color and see what happens.

While I'd love to help more,  I'm off on a business trip but the folks here are very helpful if you try to help yourself first (that's why no one answered your first post to create a theme for you.  ;) ). Give these tools a shot and then come back for help. I'll certainly check in at the first chance I get so please let us know how you are making out.

Cheers,

Gizmo
Did you read the manual first???? Taking 2 minutes to backup your files can save you hours of wondering what you screwed up.
Billy Bullock - BullsEyePhotos Blog of Indecision