Modifying Blue Dragon Template Help

[damosel]

Hello all,

 

http://coppermine-gallery.net/demo/cpg14x/displayimage.php?pos=-62&displayimage_php?pos=-62&theme=blue_dragon

Code Select Expand

/* General page style */

a .image, a .image1, a:link .image, a:link .image1 {
border-bottom: #DDDDDD 1px solid;
border-left: #DDDDDD 1px solid;
border-right: #DDDDDD 1px solid;
border-top: #DDDDDD 1px solid;
float: left;
margin: 0px;
padding-bottom: 0px;
padding-left: 0px;
padding-right: 0px;
padding-top: 0px;
}

a, bblink a {
color: #6495ED;
text-decoration: none;
}

a:link,a:active,a:visited,a.postlink{
color: #000000;
text-decoration: none;
}

a.admin:hover,a.mod:hover{
color: #000000;
}

a:visited .image, a:visited .image1 {
border-bottom: #000000 1px solid;
border-left: #000000 1px solid;
border-right: #000000 1px solid;
border-top: #000000 1px solid;
}

a:hover .image, a:hover .image1 {
border-bottom: #000000 1px solid;
border-left: #000000 1px solid;
border-right: #000000 1px solid;
border-top: #000000 1px solid;
}

a:hover, a:hover, bblink a:hover {
color: #6495ED;
text-decoration: underline;
}

body{
background-color: #C3AF7C;
color: #666666;
cursor: auto;
font: 16px Verdana,Arial,Helvetica,sans-serif;
margin: 8px;
padding: 0;
scrollbar-3dlight-color: #C3AF7C;
scrollbar-arrow-color: #FFFFFF;
scrollbar-darkshadow-color: #000000;
scrollbar-face-color: #C3AF7C;
scrollbar-highlight-color: #C3AF7C;
scrollbar-shadow-color: #000000;
scrollbar-track-color: #C3AF7C;
}

h1{
color: #000000;
font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
font-size: 26px;
font-style: italic;
margin: 2px;
text-decoration: none;
}

h2 {
color: #000000;
font-family: Arial, Helvetica, sans-serif;
font-size: 18px;
font-style: italic;
margin: 0px;
}

h3 {
color: #000000;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 16px;
font-weight: normal;
margin: 2px;
}

h4{
color: #000000;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: normal;
margin: 2px;
}

/* Gets rid of the need for border="0" on hyperlinked images */
img{
border: 0;
color: #000000;
}

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

p {
color: #000000;
font-family: Arial, Helvetica, sans-serif;
font-size: 100%;
margin: 2px 0px;
}

table {
color: #000000;
font-size: 16px;
}

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

/* Admin & Moderator Colours MODification */
.admin,.mod{
color: #000000;
font-size: 16px;
font-weight: bold;
}

.admin,a.admin,a.admin:visited{
color: #000000;
}

.admin_menu {
background-image: url(images/button_bg.gif);
background-position: bottom;
border: 1px solid #633918;
color: #000000;
font-family: Arial, Helvetica, sans-serif;
font-size: 85%;
margin-bottom: 0px;
margin-top: 0px;
text-align: center;
}

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

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

.admin_menu_thumb {
background-image: url(images/button_bg.gif);
background-repeat: repeat;
border: 1px solid #633918;
color: #000000;
font-family: Arial, Helvetica, sans-serif;
font-size: 85%;
font-weight: bold;
margin-bottom: 0px;
margin-top: 0px;
width: 85px;
}

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

.anycontent a:hover {
color: #000000;
font-size: 95%;
text-decoration: overline;
}

.anycontent, .anycontent a {
color: #000000;
font-size: 95%;
}

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

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

.checkbox, .radio {
color: #000000;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 100%;
vertical-align: middle;
}

.clickable_option {
border-bottom: 1px dotted #0000FF;
color: #000000;
cursor: hand;
}

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

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

.debug_text {
background-color: #FFFFFF;
border: #BDBEBD;
color: #000000;
margin: 0px;
width: 100%;
}

.footer {
color: #000000;
font-size: 9px;
}

.headtitle{
color: #000000;
font: bold 28px/180% "Trebuchet MS",Verdana,Arial,Helvetica,sans-serif;
}

.image, .image1 {
border-bottom: #DDDDDD 1px solid;
border-left: #DDDDDD 1px solid;
border-right: #DDDDDD 1px solid;
border-top: #DDDDDD 1px solid;
color: #000000;
filter: progid:DXImageTransform.Microsoft.Shadow(color='#B0B0B0', Direction=120, Strength=6);
float: left;
margin: 3px;
padding-bottom: 0px;
padding-left: 0px;
padding-right: 0px;
padding-top: 0px;
}

.imageborder {
background-color: #000000;
border: 1px solid #000000;
margin-bottom: 30px;
margin-top: 30px;
}

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

.img_caption_table td {
background: #C2C9D3;
border-top: 1px solid #000000;
color: #000000;
padding-bottom: 6px;
padding-left: 10px;
padding-right: 10px;
padding-top: 6px;
}

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

.imgfolder{
color: #000000;
margin: 1px;
margin-left: 4px;
margin-right: 4px;
}

.imgspace{
color: #FFFFFF;
margin-left: 1px;
margin-right: 2px;
}

/* Specify the space around images */
.imgtopic,.imgicon{
color: #FFFFFF;
margin-left: 0;
}

.listbox {
background-color: #DEDEDE;
border: 1px solid #A3AAB4;
color: #000000;
font-family: Verdana, Arial, Arial, Helvetica, sans-serif;
font-size: 100%;
vertical-align: middle;
}

.listbox_lang {
background-color: #D1D7DC;
border: 1px solid #D1D7DC;
color: #000000;
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
vertical-align: middle;
}

.listbox_lang {
background-color: #D1D7DC;
border: 1px solid #D1D7DC;
color: #000000;
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
vertical-align: middle;
}

.maintable {
background: #C3AF7C;
color: #000000;
margin-bottom: 1px;
margin-top: 1px;
}

.navmenu {
background: url(images/site_20.gif) #C3AF7C;
border-style: none;
color: #000000;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 100%;
font-weight: bold;
}

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

.navmenu a:hover {
background: #C2C9D3;
color: #000000;
text-decoration: overline;
}

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

.sortorder_cell {
color: #000000;
margin: 0px;
padding: 0px;
}

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

.statlink {
color: #000000;
}

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

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

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

.tablef {
background: #C3AF7C;
color: #000000;
padding-bottom: 10px;
padding-left: 10px;
padding-right: 10px;
padding-top: 10px;
}

.tableh1 {
background: url(images/site_20.gif) #C3AF7C repeat;
color: #000000;
padding-bottom: 2px;
padding-left: 10px;
padding-right: 10px;
padding-top: 3px;
}

.tableh1_compact {
background: url(images/site_20.gif) #C3AF7C repeat;
color: #000000;
padding-bottom: 2px;
padding-left: 5px;
padding-right: 5px;
padding-top: 2px;
}

.tableh2 {
background: #C3AF7C;
color: #000000;
padding-bottom: 2px;
padding-left: 10px;
padding-right: 10px;
padding-top: 3px;
}

.tableh2_compact {
background: #C3AF7C;
color: #000000;
padding-bottom: 2px;
padding-left: 5px;
padding-right: 5px;
padding-top: 2px;
}

.textinput {
background-color: #DEDEDE;
border: 1px solid #A3AAB4;
color: #000000;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 100%;
padding-left: 3px;
padding-right: 3px;
}

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

.thumb_num_comments {
color: #000000;
display: block;
font-size: 80%;
font-style: italic;
font-weight: normal;
padding: 2px;
}

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

.thumbnails {
background: #C3AF7C;
color: #000000;
padding: 5px;
}

/* This is the gradient background at the top of the page */
.topmenu {
color: #000000;
font-size: 100%;
}

.topmenu a, .user_thumb_infobox a, .alblink a, .catlink a, .footer a, .statlink a {
color: #000000;
text-decoration: none;
}

.topmenu td {
font-weight: bold;
white-space: nowrap;
}

.topnav{
background: #C3AF7C;
color: #000000;
font-size: 10px;
height: 15px;
white-space: nowrap;
}

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

.user_thumb_infobox a:hover, .alblink a:hover, .catlink a:hover, .footer a:hover, .thumb_caption a, .thumb_title a, .topmenu a:hover {
color: #000000;
text-decoration: overline;
}

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

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

#v_css {
background-image: url(../../images/valid-css.gif);
float: right;
}

#v_css:hover{
background-image: url(../../images/h_valid-css.gif);
}

#v_mysql {
background-image: url(../../images/powered-mysql.gif);
float: left;
}

#v_mysql:hover {
background-image: url(../../images/h_powered-mysql.gif);
}

#v_php {
background-image: url(../../images/powered-php.gif);
float: left;
}

#v_php:hover {
background-image: url(../../images/h_powered-php.gif);
}

#v_xhtml {
background-image: url(../../images/valid-xhtml10.gif);
float: right;
}

#v_xhtml:hover {
background-image: url(../../images/h_valid-xhtml10.gif);
}

#vanity a {
display: block;
height: 20px;
margin: 3px 20px;
width: 57px;
}

#vanity img {
border: 0;
}


[damosel]

I'm not sure what happened to that post? I had text type out? Didn't show up in the post?

I am working on editing the blue dragon theme to my own site colors and have one quetion. I can't seem to locate what is controlling the left and right sides of the template. If you view my gallery ( http://www.damoselsprintersblocks.com/cpg/index.php?cat=0 ) and then click Home or Store, you can see what I'm trying to accomplish. I need to reduce the sides to approximately 1/4".

The post above has a link to the blue dragon theme as is. You can see the light blue areas on the left and right. I also placed my css info there for reference.

[phill104]

Take a look at this thread

http://forum.coppermine-gallery.net/index.php/topic,31423.0.html

In particular thake a look at the developer extension and developer toolbar. That allow you to see exactly what css etc is controling every element of a page

[damosel]

Thanks for pointing that out. I've bookmarked the page. Sorry if I posted incorrectly, I did my best to find what I was looking for? For anyone else that may be trying to adjust the side bars on blue dragon as I was, it's on the template.html. Looks like a fixed width but I'll modify to get it expandable.

Code Select Expand

<table align="center" width="729" border="0" cellspacing="0" cellpadding="0">