diff --git a/css/zed/theme.css b/css/zed/theme.css index 017590f..90b61a4 100644 --- a/css/zed/theme.css +++ b/css/zed/theme.css @@ -1,335 +1,334 @@ @charset "utf-8"; /* ------------------------------------------------------------- Zed - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - Author: Dereckson Tags: space retro futurist Filename: forms.css Version: 1.0 Created: 2010-01-27 Updated: 2010-01-27 Licence: Creative Commons BY 3.0 ------------------------------------------------------------- */ /* ------------------------------------------------------------- Page settings - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ body { - /* margin: 28px 0 0 0; */ - margin: 0 0 0 0; + margin: 28px 0 0 0; background-color: #343434; background-image: url("/img/zed/topborder.png"); background-position: top; background-repeat: repeat-x; font-family: "Calibri", "Lucida Sans Unicode", "Trebuchet MS", "Helvetica", "Arial", sans-serif; color: white; } h1, h2, h3, h4, h5, h6 { color: black; } pre { font-family: FixedSys, monospace; } /* ------------------------------------------------------------- Links - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ a { color: #1AC8E8; text-decoration: none; } a:visited { color: gray; } a:hover { color: red; text-decoration: none; } /* ------------------------------------------------------------- Notify messages - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ .notify { padding-top: 25px; padding-bottom: 25px; margin-bottom: 10px; text-align: center; background: #eeeeee; font-size: 1.5em; color: black; border: 5px solid #1AC8E8; width: 950px; } .wap { padding-top: 50px; padding-bottom: 50px; margin-bottom: 10px; text-align: center; background: #eeeeee; font-size: 2em; color: black; border: 5px solid indianred; width: 950px; } /* ------------------------------------------------------------- Wall - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ .wall { text-align: left; float: right; font-size: 80%; } .wall_info { display: block; text-align: right; } /* ------------------------------------------------------------- Info - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ .info { font-size: 90%; } .info strong { display: inline-block; display: -moz-inline-box; width: 9em; min-width: 9em; font-weight: 600; color: #fd9800; } /* ------------------------------------------------------------- Avatars wall - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ .avatar { float: left; margin-bottom: 2em; margin-right: 2em; text-align: center; } .avatar_name { display: block; } /* ------------------------------------------------------------- Messages - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ .message { margin-bottom: 17px; padding: 8px 9px 8px 9px; width: 940px; font-size: 80%; } .message.light { background-color: #fafafa; border: 3px solid #dedede; width: 938px; color: black; } .message.light a {color: #343434;} .message.dark { background-color: #acc0c3; border: solid 3px #4e5758; width: 938px; } .message.dark a {color: #154c4c;} .message a:hover { font-weight: 900; } .message_info { text-align: right; margin-bottom: 1em; } .message_text { font-size: 1.25em; } .message_info { color: #343434; } /* ------------------------------------------------------------- Color boxes - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ .plum { background-color: plum; border: 1px solid #800080; color: black; } .plum a { color: #800080; } .green { background-color: beige; border: 1px solid darkgreen; color: black; } .green a { color: darkgreen; } .skyblue { background-color: lightskyblue; border: 1px solid #6e47fe; } .skyblue a { color:navy } .indigo { background-color: #AE97E1; border: 1px solid #C97FFF; } .indigo a {color: #800080;} .yellow { background-color: #FFFFCC; border: 1px solid #C4B963; } .yellow a {color: navy;} .orange { background-color: #FDD9AC; border: 1px solid #eaaf67; } .orange a {color: #43392e;} .red { background-color: #FFE4E1; border: solid 1px #DC7777; } .red a {color: #993333;} .black { background-color: black; color: #ccc; border: solid 2px #555; } .plum a:hover, .green a:hover, .skyblue a:hover, .indigo a:hover, .yellow a:hover, .orange a:hover, .red a:hover{ font-weight: bold; } /* ------------------------------------------------------------- SmartLine - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ #SmartLine { width: 100%; } #SmartLine .left { background-color: green; } #SmartLine .right { float: right; text-align: right; } /* TODO: ajouter un s�lecteur de SmarLine pour chat/commandes (60px) */ /* grid_1 alpha -> s�lecteur, grid_3 -> history, grid_12 > bar */ #SmartLineHistory { width: 115%; /* d�passe de sa bordure */ } #SmartLineBar{ /* 99.6% for alignment with .message.light */ width: 99.6%; } #SmartLineResults { font-family: "Fixedsys Excelsior 3.01", FixedSys, Terminal; font-size: 12pt; } #SmartLineResults .highlight { color: #16c3cc; } #SmartLineResults .error { color: red; } #SmartLineResults p { padding-left: 1em; } /* ------------------------------------------------------------- Floating panes - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ .floatingPaneTutorial { width: 957.5px; margin-bottom: 1em; color: black; } .floatingPaneTutorial a { color: navy; } .floatingPaneTutorial a:hover { color: #7F0707; font-weight: 900; } .floatingPaneTutorial p { color: black; margin: 0; padding: 5px 10px 0px 10px; } .dojoxDockList { color: black; } /* ------------------------------------------------------------- Footer - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ #footer { font-size: 80%; } \ No newline at end of file diff --git a/img/zed/logo.png b/img/zed/logo.png new file mode 100644 index 0000000..ca01ba8 Binary files /dev/null and b/img/zed/logo.png differ diff --git a/skins/zed/header.tpl b/skins/zed/header.tpl index 295feaf..3b1ad53 100644 --- a/skins/zed/header.tpl +++ b/skins/zed/header.tpl @@ -1,56 +1,59 @@ <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>{$PAGE_TITLE} - {#SiteTitle#}</title> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <link rel="stylesheet" type="text/css" href="/css/960.css" media="screen" /> <link rel="stylesheet" href="/css/zed/theme.css" /> <script type="text/javascript" src="/js/misc.js"></script> {foreach from=$PAGE_CSS item=css} <link rel="stylesheet" href="/css/{$css}" /> {/foreach} {foreach from=$PAGE_JS item=js} <script src="/js/{$js}"></script> {/foreach} {if $DOJO} <script type="text/javascript" src="/js/dojo/dojo/dojo.js" djConfig="isDebug:false, parseOnLoad: true" ></script> {/if} </head> <body{if $DIJIT} class="tundra"{/if}> <div class="container_16"> <!-- Header --> - <div class="grid_16"> + <div class="grid_4 alpha"> + <a href="/"><img src="/img/zed/logo.png" src="Zed logo" /></a> + </div> + <div class="grid_12 omega"> <div class="wall"> <p> {$WALL_TEXT} <br /><span class="wall_info">-- <a href="{$WALL_USER_URL}">{$WALL_USER}</a></span> </p> </div> </div> <div class="clear"></div> {if $WAP} <!-- WAP --> <div class="grid_16 alpha omega"> <div class="wap">{$WAP}</div> </div> <div class="clear"></div> {/if} {if $NOTIFY} <!-- Notify --> <div class="grid_16 alpha omega"> <div class="notify">{$NOTIFY}</div> </div> <div class="clear"></div> {/if} <!-- Where? When? --> <p class="info"> <strong>Current location</strong> {$CurrentPerso->where()}<br /> <strong>Hypership time</strong> <span id="HypershipTime">{get_hypership_time()}</span> </p> {if $SmartLine_STDOUT || $SmartLine_STDERR} {include file="smartline_results.tpl"} {/if}