Font help? Font help?
 

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

Font help?

Started by Saints, December 10, 2004, 03:57:39 PM

Previous topic - Next topic

0 Members and 1 Guest are viewing this topic.

Saints

Hi all

Below is my coppermine url,
http://golfsolution.org/photos/index.php  ;D

Is there any ways to increase the font size
Category
User galleries
   .... This category contains albums that belong to Coppermine users.

Thank you for your response in advance.  ;)


/*
$Id: style.css,v 1.2 2004/06/11 09:20:09 tarique Exp $
*/

body {
        font-family : Verdana, Arial, Helvetica, sans-serif;
        font-size: 10px;
        color : #AEAEAE;
        margin: 0px;
        scrollbar-face-color: #444444;
        scrollbar-highlight-color: #444444;
        scrollbar-shadow-color: #333333;
        scrollbar-3dlight-color: #555555;
        scrollbar-arrow-color:  #777777;
        scrollbar-track-color: #333333;
        scrollbar-darkshadow-color: #333333;
        margin:0px;
        background-color:#000000;
        background-image:url(images/hardwired_bak.gif);
        background-repeat:repeat;
        }

table {
        font-size: 10px;
}

h1{
        font-size: 11px;
        font-family: "Verdana", Verdana, Arial, Helvetica, sans-serif;
        text-decoration: none;
        color : #AEAEAE;
        margin: 2px;
        font-style : normal;
}

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: 10px;
        margin: 0px;
        color : #FFFFFF;
}

h3 {
        font-weight: normal;
        font-family: Verdana, Arial, Helvetica, 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, Arial, Helvetica, sans-serif;
        font-size: 100%;
        border: 1px solid #5D6876;
        padding-right: 3px;
        padding-left: 3px;
        background-color : #414852;
        color:#cccccc;
}

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

.button {
        font-family: Verdana, Helvetica, sans-serif;
        font-size: 100%;
        border: 1px solid #404750;
        background-color : #5D6674;
        color:#cccccc;
}

.comment_button {
        font-family: Arial, Helvetica, sans-serif;
        font-size: 100%;
        border: 1px solid #404750;
        background-color : #5D6674;
        color:#cccccc;
        padding-left: 3px;
        padding-right: 3px;
}

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

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

a {
        color: #8090A3;
        text-decoration: none;
}

a:hover {
        color: #8090A3;
        text-decoration: underline;
}

bblink a {
        color: #8090A3;
        text-decoration: none;
}

bblink a:hover {
        color: #0033CC;
        text-decoration: underline;
}

.maintable {
        border: 1px solid #394049;
        background-color: #4F5864;
        margin-top: 1px;
        margin-bottom: 1px;
}

.tableh1 {
        background : #4F5964 ;
        color : #6A7786;
        padding-top: 3px;
        padding-right: 10px;
        padding-bottom: 3px;
        padding-left: 10px;
}

.tableh1_compact {
        background : #515B67 ;
        color : #CCCCCC;
        padding-top: 2px;
        padding-right: 5px;
        padding-bottom: 2px;
        padding-left: 5px;
}

.tableh2 {
        background: #616C7A ;
        color : #C7C7C7;
        padding-top: 3px;
        padding-right: 10px;
        padding-bottom: 3px;
        padding-left: 10px;
}

.tableh2_compact {
        background: #616D7B ;
        color : #CCCCCC;
        padding-top: 2px;
        padding-right: 5px;
        padding-bottom: 2px;
        padding-left: 5px;
}

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

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

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

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

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

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

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

.thumb_num_comments {
        font-weight: normal;
        font-size: 85%;
        padding: 2px;
        font-style : normal;
        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: 90%;
        margin-top: 1px;
        margin-bottom: 1px;
        text-align : center;
}

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

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

.sortorder_cell {
        background : #49525D ;
        color : #CCCCCC;
        padding: 2px;
        margin: 0px;
}

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

.navmenu {
        font-family: Verdana, Arial, Helvetica, sans-serif;
        color: #CCCCCC;
        font-size: 100%;
        font-weight: bold;
        background : #49525D ;
        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: #AEAEAE;
}

.navmenu a:hover {
        background : #49525D ;
        text-decoration: none;
        color:         #FFFFFF;
}

.admin_menu_thumb {
        font-family: Verdana, Helvetica, sans-serif;
        font-size: 85%;
        border: 1px solid #005D8C;
        background-color : #5D6674;
        color:#cccccc;
        font-weight: bold;
        margin-top: 0px;
        margin-bottom: 0px;
        width: 85px;
}

.admin_menu_thumb a {
        color: #CCCCCC;
        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: #CCCCCC;
        text-decoration: underline;
}

.admin_menu {
        font-family: Verdana, Helvetica, sans-serif;
        font-size: 85%;
        border: 1px solid #404750;
        background-color : #5D6674;
        color:#cccccc;
        margin-top: 0px;
        margin-bottom: 0px;
        text-align: center;
}

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

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

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

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

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

.thumbnails {
        background: #49525D ;
        padding: 5px;
}

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

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

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

.statlink {
        color: #6A7786;
}

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

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

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

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

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

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

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

.topmenu {
        font-size : 100%;
}

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

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

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


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

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

.img_caption_table td {
        background: #49525D ;
        padding-top: 6px;
        padding-right: 10px;
        padding-bottom: 6px;
        padding-left: 10px;
        border-top : 1px solid #394049;
}

.gal_name
{
        color:#4C5157;
        font-size:20px;
}

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

.clickable_option {
        border-bottom : 1px dotted #444444;
        cursor : hand;
}

.listbox_lang {
        color: #BDBEBD;
        background-color: #4F5864;
        border: 1px solid #4F5864;
        font-size: 90%;
        font-family: Arial, Helvetica, sans-serif;
        vertical-align : middle;
}

Casper

Have a look at the demo, link above, and change the theme to 'styleguide'.  This will show you what bits of the css control what.
It has been a long time now since I did my little bit here, and have done no coding or any other such stuff since. I'm back to being a noob here

Saints

Could you please advise exactly where it is?
I did spend a lot of time on searching this issue.
http://coppermine.sourceforge.net/manual.php

Have a great day!  ;D

Casper

Try tableh1, tableh2 and tableb.

You may also try catlink

The demo styleguide is http://coppermine.sourceforge.net/demo/index.php?theme=styleguide
It has been a long time now since I did my little bit here, and have done no coding or any other such stuff since. I'm back to being a noob here

Saints

how?  it is font size.   ???

.tableh2 {
        background: #616C7A ;
        color : #C7C7C7;
        padding-top: 3px;
        padding-right: 10px;
        padding-bottom: 3px;
        padding-left: 10px;
}

.tableh2_compact {
        background: #616D7B ;
        color : #CCCCCC;
        padding-top: 2px;
        padding-right: 5px;
        padding-bottom: 2px;
        padding-left: 5px;
}

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

Saints

Really donno what have i done?  The font is alright now.   :o

Still want to know how to change font size?

Casper

Sorry,

this is what you shoud be looking at;

h1{
        font-size: 11px;
        font-family: "Verdana", Verdana, Arial, Helvetica, sans-serif;
        text-decoration: none;
        color : #AEAEAE;
        margin: 2px;
        font-style : normal;
}

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: 10px;
        margin: 0px;
        color : #FFFFFF;
}

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

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


note, I've moved these threads to the support boards.
It has been a long time now since I did my little bit here, and have done no coding or any other such stuff since. I'm back to being a noob here