133 lines
6.8 KiB
CSS
133 lines
6.8 KiB
CSS
|
/*
|
||
|
|
$Id: pxapplication.css,v 1.1 2008/03/17 01:01:36 knut Exp $
|
||
|
|
|
||
|
|
Pixory - the personal image server
|
||
|
|
Copyright 2004-2005 Joe Panico
|
||
|
|
|
||
|
|
This program is free software; you can redistribute it and/or modify
|
||
|
|
it under the terms of the GNU General Public License, version 2, as
|
||
|
|
published by the Free Software Foundation.
|
||
|
|
|
||
|
|
This program is distributed in the hope that it will be useful, but
|
||
|
|
WITHOUT ANY WARRANTY; without even the implied warranty of
|
||
|
|
MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU
|
||
|
|
General Public License for more details.
|
||
|
|
|
||
|
|
You should have received a copy of the GNU General Public License
|
||
|
|
along with this program; if not, write to the Free Software
|
||
|
|
Foundation, Inc., 59 Temple Place - Suite 330, Boston, MA 02111-1307, USA.
|
||
|
|
*/
|
||
|
|
|
||
|
|
/* predefined elements */
|
||
|
|
html { height: 100%; text-align:center; font-family: verdana, arial, helvetica, sans-serif; }
|
||
|
|
|
||
|
|
body { height: 100%; margin: 0px; padding: 1px; }
|
||
|
|
|
||
|
|
hr { width: 100%; height: 1px; border: none; background-color:#7070a1; }
|
||
|
|
|
||
|
|
/* pseudo classes */
|
||
|
|
a:link {color:#606091;}
|
||
|
|
a:visited {color:#606091;}
|
||
|
|
|
||
|
|
/* force vertical scrollbar in Moz */
|
||
|
|
#force-scrollbar { position: absolute; top: 0; bottom: -1px; width: 1em; z-index: -1; }
|
||
|
|
|
||
|
|
/* generic classes */
|
||
|
|
/* i.e. css side orderings: top, right, bottom, left */
|
||
|
|
|
||
|
|
.thintable { width: 100%; border: none; border-collapse: collapse; padding: 0px; }
|
||
|
|
.error_message { font-size: medium; font-style: italic; }
|
||
|
|
/* a piece of text styled to look like a button */
|
||
|
|
.text_button { border: 1px solid black; color: black; background-color: rgb(80%,80%,80%); text-align: center; padding: 3px 5px 3px 5px; text-decoration: none;}
|
||
|
|
|
||
|
|
/* currently used only on ViewerHome */
|
||
|
|
.dropShadowContent { float: left; position: relative; left: -2px; top: -2px; border: none; background: #9fc;}
|
||
|
|
.dropShadowContainer { float: left; position: relative; background: #666; margin: 4px; border: none;}
|
||
|
|
|
||
|
|
/* PXShowMessage */
|
||
|
|
.show_message_table { border: none; height: 35px;}
|
||
|
|
.show_message_table .success_message_cell { color: black;}
|
||
|
|
.show_message_table .running_message_cell { color: black;}
|
||
|
|
.show_message_table .error_message_cell { color: red;}
|
||
|
|
.show_message_table .warn_message_cell { color: red;}
|
||
|
|
|
||
|
|
/* PXPageDecorator */
|
||
|
|
#page_decorator_table { height: 100%; width: 100%; border: none; color:#606091; background-color: #fffffb; vertical-align: top; text-align: left; margin: 0px; padding: 0px;}
|
||
|
|
#page_decorator_cell { height: 90%; border:none; vertical-align: top;}
|
||
|
|
#footer_cell { border: none; text-align: right; vertical-align: bottom; font-size: small; font-style: italic; color: #666; padding: 0px 4px 4px 0px; }
|
||
|
|
|
||
|
|
/* Message page */
|
||
|
|
#message_table {width: 30%; height: 30%; vertical-align: middle; text-align: center; margin-left: auto; margin-right:auto; border: 1px solid orange; background-color: #ddd;}
|
||
|
|
#message_table td { padding: 10px; }
|
||
|
|
|
||
|
|
/* all pages */
|
||
|
|
#content_table { width: 100%; border: none; text-align: center; border-collapse: collapse; }
|
||
|
|
|
||
|
|
/* pxtapestry:PXPropertiesTable */
|
||
|
|
table.properties_table { border: 1px dotted #ccc; text-align: left; font-size: xx-small; margin: 0px 7px 0px 7px; }
|
||
|
|
table.properties_table caption { font-size: small; font-weight: bold; text-decoration: underline; text-align: center; }
|
||
|
|
table.properties_table tr.even { background-color: #ccb; }
|
||
|
|
table.properties_table td { padding: 0px 5px 0px 5px; }
|
||
|
|
|
||
|
|
/* all/any viewer pages */
|
||
|
|
.image { border: 1px solid #606091; padding: 0px;}
|
||
|
|
.caption { border: none; font-size: xx-small; padding: 0px; vertical-align: top;}
|
||
|
|
.filename { border: none; font-size: xx-small; font-style: italic; padding: 0px; vertical-align: top;}
|
||
|
|
.photo_grid_table { width: 100%; height: 100%; vertical-align: top; padding: 0px 0px 0px 0px; border: none; border-spacing: 7px; empty-cells: hide; background-color: #ddd; }
|
||
|
|
.photo_grid_cell { vertical-align: top; background-color: #fffffb; border: 1px dotted #ccc; padding: 0px 0px 0px 0px; }
|
||
|
|
|
||
|
|
/* ViewerHome */
|
||
|
|
#viewer_home_title_cell {border: none; text-align: left; font-size: x-large; padding: 10px 20px 10px 10px; }
|
||
|
|
#viewer_home_greeting_cell {border: none; text-align: right; font-size: xx-small; padding: 5px 20px 5px 0px; }
|
||
|
|
#viewer_home_noalbums_cell {border: none; text-align: center; padding: 60px 0px 30px 0px; }
|
||
|
|
|
||
|
|
td.home_year { text-align: left; font-size: large; font-weight: bold; padding: 5px 5px 5px 5px; }
|
||
|
|
table.home_entry_table { width: 100%; vertical-align: top; text-align: center; font-size: xx-small; color:#606091; }
|
||
|
|
table.home_entry_table td.caption { padding: 0px 5px 5px 5px; }
|
||
|
|
|
||
|
|
/* album/index pages */
|
||
|
|
#album_header_table { border: none; width: 100%; padding: 0px; vertical-align: top; border-collapse: collapse; }
|
||
|
|
#album_name_cell { width: 50%; text-align: left; font-weight: bold; }
|
||
|
|
#album_control_cell { width: 50%; text-align: left; font-weight: bold; }
|
||
|
|
#album_control_cell .button { width: 15% }
|
||
|
|
#album_control_cell .control { width: 35%; text-align: right; }
|
||
|
|
#album_control_cell .label { width: 35%; text-align: center; font-size: small; color: #888; }
|
||
|
|
|
||
|
|
/* album pages */
|
||
|
|
.album_image_table { border: none; border-collapse: collapse; margin-left: auto; margin-right:auto; }
|
||
|
|
.album_image_table td { padding: 0px; }
|
||
|
|
.album_image_table .image_properties { height: 16px; font-size: xx-small; color: #888; }
|
||
|
|
.album_narrative_cell { padding: 0px 10px 20px 10px; white-space: normal; border: none; }
|
||
|
|
|
||
|
|
/* index page */
|
||
|
|
table.index_entry_table { border: none; height: 100%; width: 100%; vertical-align: middle; text-align: center; font-size: xx-small; color:#606091; }
|
||
|
|
|
||
|
|
/* FullPhoto page */
|
||
|
|
table.full_photo { border: none; width: 100%; height: 100%; vertical-align: middle; text-align: center; border-collapse: collapse; padding: 0px; margin-left: auto; margin-right:auto;}
|
||
|
|
|
||
|
|
/* AboutPanel */
|
||
|
|
#about_table { border: 1px dotted #ccc; text-align: left; font-size: small; margin: 0px 7px 0px 0px; }
|
||
|
|
#about_table .heading { text-align: center; padding: 7px; }
|
||
|
|
#about_table .properties_table { text-align: left; border-top: 1px solid #ccc;}
|
||
|
|
#about_table .author { font-weight: bold; }
|
||
|
|
#about_table .label { width: 20%; text-align: right; }
|
||
|
|
#about_table .odd { background-color: #ccb; }
|
||
|
|
#about_table .centered { text-align: center; }
|
||
|
|
|
||
|
|
/* AlbumDownload */
|
||
|
|
#download_table { border: 1px dotted #ccc; text-align: center; font-size: small; margin: 0px 7px 0px 7px; }
|
||
|
|
|
||
|
|
/* Login, SendCredentials */
|
||
|
|
.icon_table { width: 100%; border: none; text-align: right; }
|
||
|
|
.centering_table { width: 100%; height: 100%; vertical-align: middle; text-align: center; border: none; }
|
||
|
|
|
||
|
|
#login_table { border: 2px solid orange; background-color: #ddd; margin-left: auto; margin-right:auto; text-align: left; empty-cells: show;}
|
||
|
|
#login_table .error { height: 35px; }
|
||
|
|
#login_table .label { text-align: right; }
|
||
|
|
#login_table .submit { text-align: right; }
|
||
|
|
|
||
|
|
.submit_button { padding: 0px ; border: 1px solid black; background-color: orange; }
|
||
|
|
|
||
|
|
.form_field { padding: 0px 0px 0px 5px; border: 1px solid #888; }
|
||
|
|
|