forum.coppermine-gallery.net
Support => cpg1.5.x Support => cpg1.5 themes (visuals) => Topic started by: maryseo on March 22, 2012, 03:27:23 am
-
Hi, I was wondering if someone could help me figure out the solution to fixing the sort order: title, name, date, position from being vertical on top of each other when it should be along the top horizontal as seen here when you view actual albums: http://torrie-wilson.org/photos/thumbnails.php?album=697
/*************************
Coppermine Photo Gallery
************************
Copyright (c) 2003-2011 Coppermine Dev Team
v1.0 originally written by Gregory Demar
This program is free software; you can redistribute it and/or modify
it under the terms of the GNU General Public License version 3
as published by the Free Software Foundation.
********************************************
Coppermine version: 1.5.14
$HeadURL: https://coppermine.svn.sourceforge.net/svnroot/coppermine/trunk/cpg1.5.x/themes/water_drop/style.css $
$Revision: 8229 $
**********************************************/
body {
font-family :Arial, Helvetica, sans-serif;
background-color: #f7f7f7;
background: url("images/background.gif");;background-repeat: repeat-yes;
font-size: 9px;
color : #99AAFF;
margin: 0px;
margin-bottom: 20px;
}
table,tr,td,table table {
font-size: 10px;padding:4px;
}
h1{
font-weight: normal;
font-size: 9px;
font-family: "arial", arial;
text-decoration: none;
color: #f7f7f7;
margin: 2px;
}
h2 {
font-family: Arial, Helvetica, sans-serif;
background-image : url(images/box_left_icon.gif);
background-repeat : no-repeat;
background-position : left;
padding-left : 0px;
font-size: 9px;
margin: 0px;
}
h3 {
font-weight: normal;
font-size: 9px;
font-family: "arial", arial;
margin: 2px;
}
p {
font-size: 9px;
font-family: "arial", arial;
margin: 2px 0px;
}
ul {
margin-left: 5px;
padding: 0px;
}
li {
margin-left: 11px;
margin-top: 4px;
margin-bottom: 4px;
padding: 0px;
list-style-position: outside;
list-style-type: disc;
}
.textinput {
font-family: "arial", arial;
font-size: 9px;
background: #dfe3e2;
color: #99AAFF;
border: 2px solid #ededed;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
padding: 3px;
}
.listbox {
font-family: "arial", arial;
font-size: 9px;
border: 0px solid #C9C7C8;
vertical-align : middle;
}
.button {
font-family: "arial", arial;-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
font-size: 9px;
background: #dfe3e2;
color: #99AAFF;
border: 2px solid #ededed;
}
.comment_button {
font-family: "arial", arial;
font-size: 9px;
border: 0px solid #CACACA;
background: #f7f7f7;
color: #01cafc;
}
.radio {
font-family: "arial", arial;
font-size: 9px;
vertical-align : middle;
}
.checkbox {
font-family: "arial", arial;
font-size: 9px;
vertical-align : middle;
}
a {
color: #282899;
text-decoration: none;
}
a:hover {
color: #282899;
}
.maintable {
margin-top: 1px;
margin-bottom: 1px;
text-align: left;
}
.tableh1 {
letter-spacing: 1px;
color: #282899;
font-family: Rockwell;text-shadow: 0 1px 0 #dde2e3;
font-weight: bold;
font-style: none;
font-size: 8.5px;
line-height: 10px;
text-align: center;
text-transform: uppercase;
background-image : url(images/background.gif);
padding: 15px 15px 15px 15px;
background-color: #99AAFF;
border: 2px solid #d3d8d7;
padding: 15px;
}
.tableh1_compact {
font-family: "arial", arial;
font-size: 11px;
text-align: right;
color: #ad99a9;
padding-top: 2px;
padding-right: 5px;
padding-bottom: 2px;
padding-left: 5px;
}
.tableh2 {
background: #ededed;
color: #99AAFF;
padding-top: 3px;
padding-right: 11px;
padding-bottom: 3px;
padding-left: 11px;
}
.tableh2_compact {
background: #f7f7f7 ;
color: #99AAFF;
padding-top: 2px;
padding-right: 5px;
padding-bottom: 2px;
padding-left: 5px;
}
.tableb {
background: #f7f7f7 ;
padding: 0px;
}
.tableb_compact {
color: #99AAFF;
padding-top: 0px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 0px;
}
.tablef {
background:#f7f7f7;
padding-top: 11px;
padding-right: 11px;
padding-bottom: 11px;
padding-left: 11px;
}
.catrow_noalb {
background: #f7f7f7; padding:: 15px 15px 15px 15px;
border: 1px solid #ededed;
color: #99AAFF;
}
.catrow_noalb:hover {
background: #f7f7f7; padding:: 15px 15px 15px 15px;
border: 1px solid #ededed;
color: #99AAFF;
}
.catrow {
background: #f7f7f7; padding:: 15px 15px 15px 15px;
border: 1px solid #ededed;
color: #99AAFF;
}
.catrow:hover {
background: #f7f7f7;
color: #99AAFF;
}
.album_stat {
font-size: 9px;
margin: 2px 0px;color: #282899;
}
.thumb_title {
font-weight : bold;
font-size: 9px;
padding: 2px;
display : block;
}
.thumb_caption {
font-size: 9px;
padding: 1px;
display : block;
color: #99AAFF;
}
.thumb_caption a {
text-decoration: none;
color: #f7f7f7;
color: #99AAFF;
}
.thumb_num_comments {
font-weight: normal;
font-size: 9px;
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: 9px;
margin-top: 1px;
margin-bottom: 1px;
text-align : center;
}
.user_thumb_infobox td {
font-size: 9px;
margin-top: 1px;
margin-bottom: 1px;
text-align : center;
}
.user_thumb_infobox a {
text-decoration: none;
color: #f7f7f7;
}
.user_thumb_infobox a:hover {
color: #f7f7f7;
text-decoration: underline;
}
.sortorder_cell {
background: url(images/background.gif) center repeat-x;
color: #353334;
padding: 0px;
margin: 0px;
}
.sortorder_options {
font-family: "arial", arial;
background: url(spacer.gif);
color: #353334;
padding: 0px;
margin: 0px;
font-weight: normal;
font-size: 9px;
white-space: nowrap;
}
.navmenu {
font-family: "arial", arial;
font-size: 9px;
width: 550;
background: #f7f7f7;
color: #99AAFF;
font-weight: bold;;
border-style: none;
padding-top: 5px;
padding-bottom: 5px;
padding-left: 5px;
padding-right: 5px;
}
.navmenu img {
}
.navmenu a {
background: #f7f7f7;
text-decoration: none;
color: #525252;
}
.admin_menu_thumb {
font-family: "arial", arial;
font-size: 9px;
border: 1px solid #ccd7e0;
color: #f7f7f7;
font-weight: bold;
width: 85px;
}
.admin_menu_thumb a {
color: #f7f7f7;
text-decoration: none;
display: block;
position: relative;
padding-top: 5px;
padding-bottom: 5px;
padding-left: 5px;
padding-right: 5px;
}
.admin_menu_thumb a:hover {
color: #f7f7f7;
text-decoration: underline;
}
.admin_menu {
background: #f7f7f7;
font-family: "arial", arial;
font-size: 9px;
padding-top: 5px;
padding-bottom: 5px;
padding-left: 5px;
padding-right: 5px;
}
.admin_menu a:hover {
color: #454545;
}
td .admin_float {
float:left;
margin-left: 1px;
margin-right: 1px;
margin-top: 1px;
margin-bottom: 1px;
}
.admin_menu_wrapper {
width:100%;
}
#admin_menu_anim {
}
.comment_date{
color : #f7f7f7;
font-size: 90%;
vertical-align : middle;
}
.image {
padding: 0px;
border: 3px solid #dfe3e2;
-moz-border-radius: 7px;
-webkit-border-radius: 7px;
border-radius: 7px;
}
a:hover img {
padding: 0px;
border: 3px solid #dfe3e2;
-moz-border-radius: 7px;
-webkit-border-radius: 7px;
border-radius: 7px;
}
.thumbnails {background: #f7f7f7;
padding: 6px;color: #9ea8a9;
padding: 15px 15px 15px 15px;
border: 0px solid #ededed;
}
.footer {
font-size: 9px;
}
.footer a {
text-decoration: none;
color: #282899;
tect-decoration: underline;
}
.footer a:hover {
color: #282899;
text-decoration: underline;
}
.catlink {color : #99AAFF;
display: block;
margin-bottom: 2px;
text-align: left;
}
.statlink {color : #282899;
display: block;
margin-bottom: 2px;
text-align: center;
}
.topmenu {
background: #f7f7f7;
border: 0px solid #f7f7f7;
font-family: "arial", arial;
font-size: 9px;
}
.topmenu a {
color : #99AAFF;
text-decoration : none;
}
.topmenu a:hover {
color : #99AAFF;
text-decoration : underline;
}
.img_caption_table {
border: none;
background-color: #f7f7f7;
width : 100%;
margin : 0px;
}
.img_caption_table th {
background: #f7f7f7;
font-size: 9px;
color : #753776;
padding-top: 4px;
padding-right: 11px;
padding-bottom: 4px;
padding-left: 11px;
border-top : 1px solid #f7f7f7;
}
.img_caption_table td {
background: #f7f7f7;
padding-top: 6px;
padding-right: 11px;
padding-bottom: 6px;
padding-left: 11px;
border-top : 1px solid #f7f7f7;
}
#foot {
margin: 0px auto;
position: relative;
top: 450px;
width: 100%;
background: #525252;
padding: 12px;
}
.footcss {
margin: 0px auto;
width: 800px;
font: 11px "arial";
text-align: center;
color: #282899;
line-height: 12px;
}
.footcss a {
color:#282899;
}
.footcss a:hover {
color: #282899;
}
.alblink a {
background-image: url(bling.png);
background-repeat: no-repeat;
background-position: left;
padding-left: 15px;
text-decoration: none;
color: #99AAFF;
font-size: 95%;
}
.alblink a:hover {
background-image: url(bling-hover.png);
background-repeat: no-repeat;
background-position: left;
padding-left: 15px;
text-decoration: none;
color: #99AAFF;
font-size: 95%;
}
.catlink a {
background-image: url(bling.png);
background-repeat: no-repeat;
background-position: left center;
padding-left: 15px;
text-decoration: none;
color: #99AAFF;
}
.catlink a:hover {
background-image: url(bling-hover.png);
background-repeat: no-repeat;
background-position: left center;
padding-left: 15px;
color: #99AAFF;
text-decoration: underline;
}
.navigation {
font-family :Rockwell;
text-transform: none;
font-weight: bold;text-transform: uppercase;
letter-spacing: 0;
font-size:8.5px;
color:#99AAFF;
text-shadow: #ce9b9c 0px 0px 0px;
padding-bottom:15px;
}
.navigation a{
color:#99AAFF;
}
.navigation a:hover{
color:#d3d8d7;
}
-
1. Update your gallery to the latest stable release, currently cpg1.5.18
2. Please attach your whole theme as zip file instead of posting some CSS stuff.