Topic: CCS help! PLEASE help ASAP!! (Read 3702 times)

619-style · « **on:** June 26, 2006, 11:50:12 pm »

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 · « **Reply #1 on:** June 27, 2006, 03:07:12 am »

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

News:

Author Topic: CCS help! PLEASE help ASAP!! (Read 3702 times)

619-style

CCS help! PLEASE help ASAP!!

Gizmo

Re: CCS help! PLEASE help ASAP!!