archive/piwigo
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

improve template : split theme from template itself

Browse source 
rest of the job : template (yoga), themes (clear dark), and php to handle them


git-svn-id: http://piwigo.org/svn/trunk@960 68402e56-0260-453c-a942-63ccdbb3a9ee
This commit is contained in:
chrisaga 2005-12-03 17:33:38 +00:00
commit dc3c040399
32 changed files with 334 additions and 192 deletions
Download patch file Download diff file Expand all files Collapse all files

5
admin/cat_list.php
View file

@ -298,8 +298,9 @@ SELECT id_uppercat, COUNT(*) AS nb_subcats
foreach ($categories as $category)
{
$images_folder = PHPWG_ROOT_PATH.'template/';
$images_folder.= $user['template'].'/admin/images';
// TODO : not used anymore ?
//$images_folder = PHPWG_ROOT_PATH.'template/';
//$images_folder.= $user['template'].'/admin/images';
$base_url = PHPWG_ROOT_PATH.'admin.php?page=';
$cat_list_url = $base_url.'cat_list';

2
admin/configuration.php
View file

@ -243,7 +243,7 @@ switch ($page['section'])
$blockname = 'default.template_option';
foreach (get_templates() as $pwg_template)
foreach (get_themes() as $pwg_template)
{
if (isset($_POST['submit']))
{

2
admin/user_list.php
View file

@ -584,7 +584,7 @@ else
$blockname = 'template_option';
foreach (get_templates() as $pwg_template)
foreach (get_themes() as $pwg_template)
{
if (isset($_POST['pref_submit']))
{

6
include/common.inc.php
View file

@ -220,6 +220,12 @@ if ($user['is_the_guest'])
$user['username'] = $lang['guest'];
}
// include template/theme configuration
list($user['template'], $user['theme']) = explode('/', $user['template']);
// TODO : replace initial $user['template'] by $user['layout']
include(PHPWG_ROOT_PATH.'template/'.$user['template'].'/theme/'.$user['theme'].'/themeconf.inc.php');
// template instance
$template = new Template(PHPWG_ROOT_PATH.'template/'.$user['template']);
?>

35
include/functions.inc.php
View file

@ -533,11 +533,25 @@ function get_query_string_diff($rejects = array())
}
/**
* returns available templates
* returns available templates/themes
*/
function get_templates()
{
return get_dirs(PHPWG_ROOT_PATH.'template');
return get_dirs(PHPWG_ROOT_PATH.'theme');
}
function get_themes()
{
$themes = array();
foreach (get_dirs(PHPWG_ROOT_PATH.'template') as $template)
{
foreach (get_dirs(PHPWG_ROOT_PATH.'template/'.$template.'/theme') as $theme)
{
array_push($themes, $template.'/'.$theme);
}
}
return $themes;
}
/**
@ -565,8 +579,7 @@ function get_thumbnail_src($path, $tn_ext = '')
}
else
{
$src = PHPWG_ROOT_PATH;
$src.= 'template/'.$user['template'].'/mimetypes/';
$src = get_themeconf('mime_icon_dir');
$src.= strtolower(get_extension($path)).'.png';
}
@ -726,4 +739,18 @@ function l10n($key)
return isset($lang[$key]) ? $lang[$key] : $key;
}
/**
* returns the corresponding value from $themeconf if existing. Else, the key is
* returned
*
* @param string key
* @return string
*/
function get_themeconf($key)
{
global $themeconf;
return $themeconf[$key];
}
?>

3
include/functions_html.inc.php
View file

@ -43,8 +43,7 @@ function get_icon( $date )
$title = $lang['recent_image'].' ';
if ( $diff < $user['recent_period'] * $day_in_seconds )
{
$icon_url = './template/'.$user['template'].'/theme/';
$icon_url.= 'recent.png';
$icon_url = get_themeconf('icon_dir').'/recent.png';
$title .= $user['recent_period'];
$title .= '&nbsp;'.$lang['days'];
$size = getimagesize( $icon_url );

2
include/template.php
View file

@ -330,6 +330,8 @@ class Template {
{
// PWG specific : communication between template and $lang
$code = preg_replace('/\{lang:([^}]+)\}/e', "l10n('$1')", $code);
// PWG specific : expand themeconf.inc.php variables
$code = preg_replace('/\{themeconf:([^}]+)\}/e', "get_themeconf('$1')", $code);
// replace \ with \\ and then ' with \'.
$code = str_replace('\\', '\\\\', $code);

6
picture.php
View file

@ -196,7 +196,7 @@ foreach (array('prev', 'current', 'next') as $i)
$cat_directory = dirname($row['path']);
$file_wo_ext = get_filename_wo_extension($row['file']);
$icon = PHPWG_ROOT_PATH.'template/'.$user['template'].'/mimetypes/';
$icon = get_themeconf('mime_icon_dir');
$icon.= strtolower(get_extension($row['file'])).'.png';
if (isset($row['representative_ext']) and $row['representative_ext'] != '')
@ -609,7 +609,7 @@ if ( !$user['is_the_guest'] )
$template->assign_block_vars(
'favorite',
array(
'FAVORITE_IMG' => PHPWG_ROOT_PATH.'template/'.$user['template'].'/theme/favorite.png',
'FAVORITE_IMG' => get_themeconf('icon_dir').'/favorite.png',
'FAVORITE_HINT' =>$lang['add_favorites_hint'],
'FAVORITE_ALT' =>$lang['add_favorites_alt'],
'U_FAVORITE' => $url
@ -624,7 +624,7 @@ if ( !$user['is_the_guest'] )
$template->assign_block_vars(
'favorite',
array(
'FAVORITE_IMG' => PHPWG_ROOT_PATH.'template/'.$user['template'].'/theme/del_favorite.png',
'FAVORITE_IMG' => get_themeconf('icon_dir').'/del_favorite.png',
'FAVORITE_HINT' =>$lang['del_favorites_hint'],
'FAVORITE_ALT' =>$lang['del_favorites_alt'],
'U_FAVORITE'=> $url

2
profile.php
View file

@ -205,7 +205,7 @@ $template->assign_vars(
$blockname = 'template_option';
foreach (get_templates() as $pwg_template)
foreach (get_themes() as $pwg_template)
{
if (isset($_POST['submit']))
{

33
template-common/default-layout.css Normal file
View file

@ -0,0 +1,33 @@
/* $Id$ */
/* Set the width of the menubar for the galery */
#menubar {
width: 18em;
}
#content {
margin-left: 20em; /* = #menubar width + 2em */
}
/* Set the width of the menubar for the admin section */
BODY#theAdminPage #menubar {
width: 12em;
}
BODY#theAdminPage #content {
margin-left: 14em;
}
/* Set some sizes according to your maximum thumbnail width adn height */
#content UL.thumbnails SPAN, #content UL.thumbnails SPAN.wrap2 A {
width: 140px; /* max thumbnail width + 2px */
}
#content UL.thumbnails SPAN.wrap2 {
height: 140px; /* max thumbnail height + 2px */
}
#content DIV.comment BLOCKQUOTE {
margin-left: 150px; /*maximum thumbnail width + ~10px */
}
/* display/hide thumbnails legend */
#content UL.thumbnails SPAN.thumbLegend {
display: block; /* display: none; if you don't want legend */
}

7
template/yoga/about.tpl
View file

@ -1,8 +1,11 @@
<div id="content">
<div class="titrePage">
<ul class="categoryActions">
<li><a href="{U_HOME}" title="{lang:return to homepage}"><img src="./template/yoga/theme/home.png" class="button" alt="{lang:home}"/></a></li>
<li>
<a href="{U_HOME}" title="{lang:return to homepage}">
<img src="{themeconf:icon_dir}/home.png" class="button" alt="{lang:home}"/>
</a>
</li>
</ul>
<h2>{lang:About}</h2>
</div>

4
template/yoga/category.tpl
View file

@ -104,10 +104,10 @@
<ul class="categoryActions">
<li>&nbsp;</li>
<!-- BEGIN caddie -->
<li><a href="{caddie.URL}" title="{lang:add to caddie}"><img src="./template/yoga/theme/caddie_add.png" class="button" alt="{lang:caddie}"/></a></li>
<li><a href="{caddie.URL}" title="{lang:add to caddie}"><img src="{themeconf:icon_dir}/caddie_add.png" class="button" alt="{lang:caddie}"/></a></li>
<!-- END caddie -->
<!-- BEGIN edit -->
<li><a href="{edit.URL}" title="{lang:edit category informations}"><img src="./template/yoga/theme/category_edit.png" class="button" alt="{lang:edit}"/></a></li>
<li><a href="{edit.URL}" title="{lang:edit category informations}"><img src="{themeconf:icon_dir}/category_edit.png" class="button" alt="{lang:edit}"/></a></li>
<!-- END edit -->
</ul>
<h2>{TITLE}</h2>

2
template/yoga/comments.tpl
View file

@ -3,7 +3,7 @@
<div class="titrePage">
<ul class="categoryActions">
<li><a href="{U_HOME}" title="{lang:return to homepage}"><img src="./template/yoga/theme/home.png" class="button" alt="{lang:home}"/></a></li>
<li><a href="{U_HOME}" title="{lang:return to homepage}"><img src="{themeconf:icon_dir}/home.png" class="button" alt="{lang:home}"/></a></li>
</ul>
<h2>{lang:User comments}</h2>
</div>

27
template/yoga/content.css
View file

@ -1,12 +1,8 @@
/* $Id$ */
#content {
margin-left: 24em;
margin-right: 1em;
margin-bottom: 1em; /* when it's longer than menu bar */
}
BODY#theAdminPage #content {
margin-left: 14em;
}
BODY#theCommentsPage #content,
BODY#theRegisterPage #content,
@ -21,33 +17,18 @@ BODY#theNotificationPage #content
margin: 1em;
}
#content H2 {
#content H2, H3 {
margin-bottom: 1ex;
}
#content H3 {
margin-bottom: 1ex;
text-align: center;
}
/* Thumbnails customization */
#content UL.thumbnails SPAN, #content UL.thumbnails SPAN.wrap2 A {
width: 140px; /* max thumbnail width + 2px */
}
#content UL.thumbnails SPAN.wrap2 {
height: 140px; /* max thumbnail height + 2px */
}
#content UL.thumbnails SPAN.wrap2 {
border: 1px solid #aaaaaa; /* thumbnails border color and style */
-moz-border-radius: 4px; /* round corners with Geko */
border-radius: 4px 4px; /* round corners with CSS3 compliant browsers */
}
#content UL.thumbnails SPAN.wrap2:hover {
border-color: yellow; /* thumbnails border color when mouse cursor is over it */
}
#content UL.thumbnails SPAN.thumbLegend {
font-size: 80%; /* font size */
height: 3em; /* max legend height (don't set auto to be Geko friendly)*/
display: block; /* display: none; if you don't want legend */
overflow: hidden; /* oversized legend is clipped */
}
@ -179,7 +160,9 @@ ul.categoryActions {
}
#content DIV.comment BLOCKQUOTE {
margin: 1em 0.5em 0.5em 150px; /* margin-left corresponds to maximum thumbnail width + ~10px */
margin-top: 1em;
margin-right: 0.5em;
margin-bottom: 150px;
padding: 0.5em;
}

111
template/yoga/default-colors.css
View file

@ -1,34 +1,6 @@
BODY {
color:#696969; /* dimgray */
/*color:#111111;*/
background: #ffffff;
}
H1 {
color: #696969;
background: transparent;
}
H2 {
color: #696969;
background: #d3d3d3;
}
H3 {
color: #696969;
background: #ffffff;
}
A {
color: #005e89;
background: transparent;
}
A:hover {
color: #858460;
}
/* $Id$ */
/* others */
.pleaseNote {
background: #9c9c9c;
color: #ffff99;
@ -36,45 +8,10 @@ A:hover {
font-weight: bold;
}
#imageHeaderBar {
background: #d3d3d3;
}
#imageToolBar {
background: #eeeeee;
border: 1px solid #d3d3d3;
}
#imageToolBar * {
background: inherit;
}
#imageToolBar A, #imageToolBar A:hover {
border-bottom: none;
}
#imageToolBar A:hover {
background: #d3d3d3;
}
#theImage IMG {
border: 3px solid #d3d3d3;
}
A.navThumb, A.navThumb:hover {
border-bottom: none;
}
#content {
border: 1px solid #d3d3d3;
background:#eeeeee;
}
#content H3 {
text-align: center;
}
#content UL.thumbnail IMG {
border: 1px solid #a0a0a0;
}
/* So that non-links are slightly greyed out */
#content .navigationBar {
color: #696969;
@ -83,43 +20,10 @@ A.navThumb, A.navThumb:hover {
color: #000000;
}
#menubar DL {
border: 1px solid #d3d3d3;
background: #eeeeee;
}
#menubar DT {
color: #696969;
background: #d3d3d3;
}
#menubar DD {
background:#eeeeee;
}
/* User comments */
#content DIV.comment {
border: 1px solid gray;
}
#content DIV.comment A.illustration IMG {
border: 1px solid gray;
}
#comments DIV.comment BLOCKQUOTE {
border: 1px solid #d3d3d3;
border-left: 2px solid #696969;
}
/* Tables & forms */
.throw {
background-color:white;
}
input, select, textarea {
color:black;
background-color: lightgrey;
border: 1px solid gray;
background-color: #d3d3d3; /* lightgrey */
}
#errors { /* Errors display */
@ -129,7 +33,7 @@ input, select, textarea {
text-align: left;
margin: 5px;
border: 1px solid red;
background-image: url(admin/images/errors.png);
background-image: url(../../template-common/icons/admin/errors.png);
background-repeat: no-repeat;
background-position: top right;
padding: 10px 50px 10px 10px;
@ -146,20 +50,15 @@ input, select, textarea {
#infos {
text-align: left;
background-color: palegreen;
background-image: url(admin/images/infos.png);
background-image: url(../../template-common/icons/admin/infos.png);
background-repeat: no-repeat;
background-position: top right;
color: darkgreen;
font-weight: bold;
margin: 5px;
border:1px solid gray;
padding: 10px 50px 10px 10px;
}
LEGEND {
font-style: italic;
}
FIELDSET {
border: 1px solid gray;
}

1
template/yoga/default-layout.css
View file

@ -3,6 +3,7 @@
@import "content.css";
@import "image.css";
@import "popuphelp.css";
@import "../../template-common/default-layout.css";
/* $Id$ */

18
template/yoga/header.tpl
View file

@ -4,19 +4,13 @@
<head>
<meta http-equiv="Content-Type" content="text/html; charset={CONTENT_ENCODING}">
<!-- BIG FIX ME BELOW (paths) -->
<link rel="stylesheet" type="text/css" href="template/yoga/default-layout.css">
<link rel="stylesheet" type="text/css" href="template/yoga/default-colors.css">
<link rel="stylesheet" type="text/css" href="template/{themeconf:template}/default-layout.css">
<!-- the next css is used to fix khtml (Konqueror/Safari) issue
the "text/nonsense" prevents geko based browsers to load it -->
<link rel="stylesheet" type="text/nonsense" href="template/yoga/fix-khtml.css">
<link rel="stylesheet" type="text/css" media="print" href="template/yoga/print.css">
<!-- AN OTHER FIX ME -->
<style type="text/css">
.notDoneYet {
background: yellow;
color: red;
}
</style>
the "text/nonsense" prevents gecko based browsers to load it -->
<link rel="stylesheet" type="text/nonsense" href="template/{themeconf:template}/fix-khtml.css">
<link rel="stylesheet" type="text/css" media="print" href="template/{themeconf:template}/print.css">
<link rel="stylesheet" type="text/css" href="template/{themeconf:template}/default-colors.css">
<link rel="stylesheet" type="text/css" href="template/{themeconf:template}/theme/{themeconf:theme}/theme.css">
<!-- BEGIN refresh -->
<meta http-equiv="refresh" content="{REFRESH_TIME};url={U_REFRESH}">
<!-- END refresh -->

10
template/yoga/identification.tpl
View file

@ -3,9 +3,9 @@
<div class="titrePage">
<ul class="categoryActions">
<li><a href="{U_LOST_PASSWORD}" title="{lang:Forgot your password?}"><img src="template/yoga/theme/lost_password.png" class="button" alt="{lang:Forgot your password?}"></a></li>
<li><a href="{U_REGISTER}" title="{lang:Create a new account}"><img src="./template/yoga/theme/register.png" class="button" alt="{lang:register}"/></a></li>
<li><a href="{U_HOME}" title="{lang:Go through the gallery as a visitor}"><img src="./template/yoga/theme/home.png" class="button" alt="{lang:home}"/></a></li>
<li><a href="{U_LOST_PASSWORD}" title="{lang:Forgot your password?}"><img src="{themeconf:icon_dir}/lost_password.png" class="button" alt="{lang:Forgot your password?}"></a></li>
<li><a href="{U_REGISTER}" title="{lang:Create a new account}"><img src="{themeconf:icon_dir}/register.png" class="button" alt="{lang:register}"/></a></li>
<li><a href="{U_HOME}" title="{lang:Go through the gallery as a visitor}"><img src="{themeconf:icon_dir}/home.png" class="button" alt="{lang:home}"/></a></li>
</ul>
<h2>{lang:Identification}</h2>
</div>
@ -48,8 +48,8 @@
</form>
<p>
<a href="{U_REGISTER}"><img src="template/yoga/theme/register.png" class="button" alt=""> {L_REGISTER}</a>
<a href="{U_LOST_PASSWORD}"><img src="template/yoga/theme/lost_password.png" class="button" alt=""> {lang:Forgot your password?}</a>
<a href="{U_REGISTER}"><img src="{themeconf:icon_dir}/register.png" class="button" alt=""> {L_REGISTER}</a>
<a href="{U_LOST_PASSWORD}"><img src="{themeconf:icon_dir}/lost_password.png" class="button" alt=""> {lang:Forgot your password?}</a>
</p>
</div> <!-- content -->

11
template/yoga/menubar.css
View file

@ -1,10 +1,5 @@
#menubar {
/* Do not put font-size: 90% here for it makes it harder to have correct
margin for contentarea */
float: left;
left: 0px;
width: 22em;
margin: 0 0 10px 1em;
padding: 0;
/* Fix against the "double margin of a floated item" IE bug */
@ -13,10 +8,6 @@
text-align: left; /* follow-up of the "be nice to IE5" rule */
}
BODY#theAdminPage #menubar {
width: 12em;
}
#menubar DL, #menubar DT, #menubar DD {
margin: 0; padding: 0; display: block;
}
@ -24,11 +15,9 @@ BODY#theAdminPage #menubar {
/* H2 properties copied here */
#menubar DT {
font-weight: bold; /* default for h2 */
margin: 0;
padding: 5px 10px;
font-size: 120%;
text-align: center;
}

2
template/yoga/notification.tpl
View file

@ -2,7 +2,7 @@
<div class="titrePage">
<ul class="categoryActions">
<li><a href="{U_HOME}" title="{lang:return to homepage}"><img src="./template/yoga/theme/home.png" class="button" alt="{lang:home}"/></a></li>
<li><a href="{U_HOME}" title="{lang:return to homepage}"><img src="{themeconf:icon_dir}/home.png" class="button" alt="{lang:home}"/></a></li>
</ul>
<h2>{lang:Notification}</h2>
</div>

2
template/yoga/password.tpl
View file

@ -3,7 +3,7 @@
<div class="titrePage">
<ul class="categoryActions">
<li><a href="{U_HOME}" title="{lang:Go through the gallery as a visitor}"><img src="./template/yoga/theme/home.png" class="button" alt="{lang:home}"/></a></li>
<li><a href="{U_HOME}" title="{lang:Go through the gallery as a visitor}"><img src="{themeconf:icon_dir}/home.png" class="button" alt="{lang:home}"/></a></li>
</ul>
<h2>{lang:Password forgotten}</h2>
</div>

20
template/yoga/picture.tpl
View file

@ -14,32 +14,32 @@
<div id="imageToolBar">
<div class="randomButtons">
<a href="{U_SLIDESHOW}" title="{L_SLIDESHOW}"><img src="template/yoga/theme/slideshow.png" class="button" alt="{L_SLIDESHOW}"></a>
<a href="{U_METADATA}" title="{L_PICTURE_METADATA}"><img src="template/yoga/theme/metadata.png" class="button" alt="{L_PICTURE_METADATA}"></a>
<a href="{U_SLIDESHOW}" title="{L_SLIDESHOW}"><img src="{themeconf:icon_dir}/slideshow.png" class="button" alt="{L_SLIDESHOW}"></a>
<a href="{U_METADATA}" title="{L_PICTURE_METADATA}"><img src="{themeconf:icon_dir}/metadata.png" class="button" alt="{L_PICTURE_METADATA}"></a>
<!-- BEGIN representative -->
<a href="{representative.URL}" title="{lang:set as category representative}"><img src="template/yoga/theme/representative.png" class="button" alt="{lang:representative}" /></a>
<a href="{representative.URL}" title="{lang:set as category representative}"><img src="{themeconf:icon_dir}/representative.png" class="button" alt="{lang:representative}" /></a>
<!-- END representative -->
<!-- BEGIN favorite -->
<a href="{favorite.U_FAVORITE}" title="{favorite.FAVORITE_HINT}"><img src="{favorite.FAVORITE_IMG}" alt="{favorite.FAVORITE_ALT}"></a>
<!-- END favorite -->
<!-- BEGIN download -->
<a href="{download.U_DOWNLOAD}" title="{L_DOWNLOAD}"><img src="template/yoga/theme/save.png" class="button" alt="{L_DOWNLOAD}"></a>
<a href="{download.U_DOWNLOAD}" title="{L_DOWNLOAD}"><img src="{themeconf:icon_dir}/save.png" class="button" alt="{L_DOWNLOAD}"></a>
<!-- END download -->
<!-- BEGIN admin -->
<a href="{U_ADMIN}" title="{L_ADMIN}"><img src="template/yoga/theme/preferences.png" class="button" alt="{L_ADMIN}"></a>
<a href="{U_ADMIN}" title="{L_ADMIN}"><img src="{themeconf:icon_dir}/preferences.png" class="button" alt="{L_ADMIN}"></a>
<!-- END admin -->
<!-- BEGIN caddie -->
<a href="{caddie.URL}" title="{lang:add to caddie}"><img src="./template/yoga/theme/caddie_add.png" class="button" alt="{lang:caddie}"/></a>
<a href="{caddie.URL}" title="{lang:add to caddie}"><img src="{themeconf:icon_dir}/caddie_add.png" class="button" alt="{lang:caddie}"/></a>
<!-- END caddie -->
</div>
<div class="navButtons">
<!-- BEGIN next -->
<a class="navButton next" href="{next.U_IMG}" title="{L_NEXT_IMG}{next.TITLE_IMG}"><img src="template/yoga/theme/right.png" class="button" alt="next"></a>
<a class="navButton next" href="{next.U_IMG}" title="{L_NEXT_IMG}{next.TITLE_IMG}"><img src="{themeconf:icon_dir}/right.png" class="button" alt="next"></a>
<!-- END next -->
<a class="navButton up" href="{U_UP}" title="{L_UP_HINT}"><img src="template/yoga/theme/up.png" class="button" alt="{L_UP_ALT}"></a>
<a class="navButton up" href="{U_UP}" title="{L_UP_HINT}"><img src="{themeconf:icon_dir}/up.png" class="button" alt="{L_UP_ALT}"></a>
<!-- BEGIN previous -->
<a class="navButton prev" href="{previous.U_IMG}" title="{L_PREV_IMG}{previous.TITLE_IMG}"><img src="template/yoga/theme/left.png" class="button" alt="previous"></a>
<a class="navButton prev" href="{previous.U_IMG}" title="{L_PREV_IMG}{previous.TITLE_IMG}"><img src="{themeconf:icon_dir}/left.png" class="button" alt="previous"></a>
<!-- END previous -->
</div>
@ -164,7 +164,7 @@
<!-- BEGIN delete -->
<p class="userCommentDelete">
<a href="{comments.comment.delete.U_COMMENT_DELETE}" title="{L_DELETE_COMMENT}">
<img src="template/yoga/theme/delete.png" class="button" style="border:none;vertical-align:middle; margin-left:5px;" alt="[{L_DELETE}]"/>
<img src="{themeconf:icon_dir}/delete.png" class="button" style="border:none;vertical-align:middle; margin-left:5px;" alt="[{L_DELETE}]"/>
</a>
</p>
<!-- END delete -->

2
template/yoga/popuphelp.tpl
View file

@ -2,4 +2,4 @@
{HELP_CONTENT}
</div> <!-- content -->
<p id="pageBottomActions"><a href="#" onclick="window.close();" title="{lang:Close this window}"><img src="template/yoga/theme/exit.png" class="button" alt="close"></a></p>
<p id="pageBottomActions"><a href="#" onclick="window.close();" title="{lang:Close this window}"><img src="{themeconf:icon_dir}/exit.png" class="button" alt="close"></a></p>

2
template/yoga/profile.tpl
View file

@ -12,7 +12,7 @@
<div class="titrePage">
<ul class="categoryActions">
<li><a href="{U_RETURN}" title="{lang:return to homepage}"><img src="./template/yoga/theme/home.png" class="button" alt="{lang:home}"/></a></li>
<li><a href="{U_RETURN}" title="{lang:return to homepage}"><img src="{themeconf:icon_dir}/home.png" class="button" alt="{lang:home}"/></a></li>
</ul>
<h2>{lang:Profile}</h2>
</div>

2
template/yoga/register.tpl
View file

@ -4,7 +4,7 @@
<div class="titrePage">
<ul class="categoryActions">
<li><a href="{U_HOME}" title="{lang:return to homepage}"><img src="./template/yoga/theme/home.png" class="button" alt="{lang:home}"/></a></li>
<li><a href="{U_HOME}" title="{lang:return to homepage}"><img src="{themeconf:icon_dir}/home.png" class="button" alt="{lang:home}"/></a></li>
</ul>
<h2>{lang:Registration}</h2>
</div>

4
template/yoga/search.tpl
View file

@ -2,8 +2,8 @@
<div class="titrePage">
<ul class="categoryActions">
<li><a href="{U_HELP}" onclick="popuphelp(this.href); return false;" title="{lang:Help}"><img src="template/yoga/theme/help.png" class="button" alt="(?)"></a></li>
<li><a href="{U_HOME}" title="{lang:return to homepage}"><img src="./template/yoga/theme/home.png" class="button" alt="{lang:home}"/></a></li>
<li><a href="{U_HELP}" onclick="popuphelp(this.href); return false;" title="{lang:Help}"><img src="{themeconf:icon_dir}/help.png" class="button" alt="(?)"></a></li>
<li><a href="{U_HOME}" title="{lang:return to homepage}"><img src="{themeconf:icon_dir}/home.png" class="button" alt="{lang:home}"/></a></li>
</ul>
<h2>{lang:Search}</h2>
</div>

78
template/yoga/theme/clear/theme.css Normal file
View file

@ -0,0 +1,78 @@
/* $Id$ */
/* text color */
BODY, H1, H2, H3, DT {
color:#696969; /* dimgray */
}
/* backgrounds */
BODY, H3, .throw {
background-color: #ffffff; /* white */
}
H2, #menubar DT, #imageHeaderBar, #imageToolBar A:hover {
background-color: #d3d3d3;
}
#menubar DL, #content, #imageToolBar {
background-color: #eeeeee;
}
/* borders */
#menubar DL, #content, #imageToolBar, #theImage IMG,
#comments DIV.comment BLOCKQUOTE {
border: 1px solid #d3d3d3;
}
#theImage IMG {
border-width: 3px;
}
#content UL.thumbnail IMG {
border: 1px solid #a0a0a0;
}
FIELDSET, INPUT, SELECT, TEXTAREA,
#content DIV.comment A.illustration IMG, #infos {
border: 1px solid gray;
}
#comments DIV.comment BLOCKQUOTE {
border-left: 2px solid #696969;
}
#content UL.thumbnails SPAN.wrap2 {
border: 1px solid #aaaaaa; /* thumbnails border color and style */
-moz-border-radius: 4px; /* round corners with Geko */
border-radius: 4px 4px; /* round corners with CSS3 compliant browsers */
}
#content UL.thumbnails SPAN.wrap2:hover {
border-color: yellow; /* thumbnails border color when mouse cursor is over it */
}
/* links */
A {
color: #005e89;
background: transparent;
}
A:hover {
color: #858460;
}
#imageToolBar A, #imageToolBar A:hover {
border-bottom: none;
}
A.navThumb, A.navThumb:hover {
border-bottom: none;
}
/* others */
.pleaseNote {
background: #9c9c9c;
color: #ffff99;
padding: 1ex;
font-weight: bold;
}

9
template/yoga/theme/clear/themeconf.inc.php Normal file
View file

@ -0,0 +1,9 @@
<?php
$themeconf = array(
'template' => 'yoga',
'theme' => 'clear',
'icon_dir' => PHPWG_ROOT_PATH.'template/yoga/icon',
'admin_icon_dir' => PHPWG_ROOT_PATH.'template/yoga/icon/admin',
'mime_icon_dir' => PHPWG_ROOT_PATH.'template/yoga/icon/mymetypes'
);
?>

BIN
template/yoga/theme/dark/images/tableh1_bg.png Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 271 B

BIN
template/yoga/theme/dark/images/tableh2_bg.png Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 307 B

109
template/yoga/theme/dark/theme.css Normal file
View file

@ -0,0 +1,109 @@
/* $Id$ */
/* text color */
BODY, H1, H3, DT {
color:#e0e0e0;
}
H2, #menubar DT, .throw {
color: #fff48e;
}
#content .navigationBar {
color: #aaaaaa;
}
#content .pageNumberSelected {
color: #000000;
}
/* backgrounds */
BODY {
background-color: #000000;
}
H2, H3, #menubar DT, #imageHeaderBar, #imageToolBar A:hover, .throw {
background-color: #3f3f3f;
}
#menubar DL, #content, #imageToolBar {
background-color: #5f5f5f;
}
H2, #menubar DT, .throw {
background-image: url(images/tableh1_bg.png);
}
#imageHeaderBar {
background-image: url(images/tableh2_bg.png);
background-repeat: repeat-x;
background-position: center;
}
/* borders */
#menubar DL, #content, #imageToolBar, #theImage IMG,
#comments DIV.comment BLOCKQUOTE {
border: 1px solid #000000;
}
#theImage IMG {
border-width: 3px;
}
#content UL.thumbnail IMG {
border: 1px solid #a0a0a0;
}
FIELDSET, INPUT, SELECT, TEXTAREA,
#content DIV.comment A.illustration IMG, #infos {
border: 1px solid gray;
}
#comments DIV.comment BLOCKQUOTE {
border-left: 2px solid #696969;
}
#content UL.thumbnails SPAN.wrap2 {
border: 1px solid #aaaaaa; /* thumbnails border color and style */
-moz-border-radius: 4px; /* round corners with Geko */
border-radius: 4px 4px; /* round corners with CSS3 compliant browsers */
}
#content UL.thumbnails SPAN.wrap2:hover {
border-color: yellow; /* thumbnails border color when mouse cursor is over it */
}
H2, #menubar DT, #imageHeaderBar {
border-bottom: 1px solid #000000;
}
/* links */
A {
color: #FFFFFF;
}
A:hover {
color: #FFF48E;
}
#imageToolBar A, #imageToolBar A:hover {
border-bottom: none;
}
A.navThumb, A.navThumb:hover {
border-bottom: none;
}
/* others */
.pleaseNote {
background: #9c9c9c;
color: #ffff99;
padding: 1ex;
font-weight: bold;
}
#the_page {
border: 1px solid #e0e0e0;
padding-top: 5px;
padding-bottom:30px;
text-align:center;
display:block;
background:#3f3f3f;
}

9
template/yoga/theme/dark/themeconf.inc.php Normal file
View file

@ -0,0 +1,9 @@
<?php
$themeconf = array(
'template' => 'yoga',
'theme' => 'dark',
'icon_dir' => PHPWG_ROOT_PATH.'template/yoga/icon',
'admin_icon_dir' => PHPWG_ROOT_PATH.'template/yoga/icon/admin',
'mime_icon_dir' => PHPWG_ROOT_PATH.'template/yoga/icon/mymetypes'
);
?>