Hello all,
;)
http://coppermine-gallery.net/demo/cpg14x/displayimage.php?pos=-62&displayimage_php?pos=-62&theme=blue_dragon (http://coppermine-gallery.net/demo/cpg14x/displayimage.php?pos=-62&displayimage_php?pos=-62&theme=blue_dragon)
/* 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;
}
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 (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.
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
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.
<table align="center" width="729" border="0" cellspacing="0" cellpadding="0">