-body { background:#232323; margin:10px 100px 50px 40px; }
-html, body, table { font-family: verdana; font-size:11px; line-height:1.6em; color:#ddd; }
+body { background:#fff; margin:10px 100px 50px 40px; }
+html, body, table { font-family: arial; font-size:11px; letter-spacing:0.04em; line-height:1.6em; color:#888; }
/*selection*/
-::-moz-selection {background: #dd8 !important; color:#777; }
-::selection {background: #dd8 !important; color:#000;}
+::-moz-selection {background: #00f !important; color:#fff; }
+::selection {background: #00f !important; color:#fff;}
/*links*/
-a { color:#f25; background:#000; border:0; text-decoration:none; padding:1px; }
+a { color:#777; font-weight:bold; border:0; text-decoration:none; padding:1px; }
a img { border:0; }
a.mute { color:#555; text-decoration:none; }
-a:hover, a.mute:hover { background:#180012; color:#dd8; text-decoration:none; }
+a:hover, a.mute:hover { color:#f25; text-decoration:none; }
.caption a { color:#888;}
.caption a:hover { color:#dd8;}
/*headings*/
-h1, h2, h3, h4, h5, h6 { color:#777; font-size:1em; }
+h1, h2, h3, h4, h5, h6 { color:#999; font-size:1em; }
h1 { margin:0 0 3em 0; }
h2 { margin:4em 0 0.5em 0; }
h3 { font-size:1em; margin:0; }
ul.inline_content li div.content li { padding:0; border:0; margin:0; }
ul.thumbnails { }
ul.thumbnails li { float:left; margin: 0px 60px 60px 0px; }
- ul.thumbnails li a { background:none; }
ul.thumbnails li img { width:160px; height:240px; }
ul.thumbnails .thumbnail { width:160px; height:240px; text-align:center; background:#000; float:left; }
- ul.thumbnails a:hover img {
- filter:alpha(opacity=60);
- -moz-opacity:0.60;
- -khtml-opacity: 0.60;
- opacity: 0.60;
-
- }
ul.thumbnails a { text-decoration:none; }
ul.thumbnails .title { }
.text { font-family:serif; font-size:15px; line-height:2.2em; margin-top:80px;}
.indent { text-indent:3em; }
-.nav { position:absolute; top:1em; left:1em; font-weight:bold;}
+.nav { position:fixed; top:1em; left:1em; font-weight:bold;}
.nav h3 { margin-bottom:0.4em; }
.caption { margin-top:5px; color:#888; font-style:italic;}
<?php include_template('header-src.html'); ?>
- <title><?php echo SITE_TITLE; ?> :projects<?php if ($single) : ?>: <? echo $project['title']; ?> <?php endif; ?></title>
+ <title><?php echo SITE_TITLE; ?> projects<?php if ($single) : ?>/ <? echo $project['title']; ?> <?php endif; ?></title>
</head>
<?php if ($single) : ?>
- <h1><a href="<?php echo get_base_dir(); ?>/projects">projects:</a> <?php echo $project['title']; ?></h1>
+ <h1><a href="<?php echo get_base_dir(); ?>/projects">projects/</a> <?php echo $project['title']; ?></h1>
<?php
$base_dir = $project['base_dir'];
include_once($project['content']);
<h1>projects</h1>
- <ul class="thumbnails">
+ <ul>
<?php foreach($projects_list as $project): ?>
<li>
- <div class="thumbnail" title="<? echo $project['title'] ?>">
- <a href="<?php echo $project['href']?>"><img src="<?php echo $project['base_dir']; ?>/thumb.png" /></a>
- </div>
- <div class="title"><? echo $project['title']; ?></div>
-
+ <a href="<?php echo $project['href']?>"><?php echo $project['title']; ?></a>
</li>
<? endforeach; ?>
- </ul>
+ </ul>
+
+ <br/>
+ <br/>
+ <br/>
+ <br/>
+ <br/>
+
+ <h1>archive</h1>
+ <a href="http://portfolio.quilime.com/2008/">2008</a><br/>
+ <a href="http://portfolio.quilime.com/new/port.php">2007</a><br/>
+ <a href="http://portfolio.quilime.com/recent.html">2004 - 2006</a>
+
<?php endif; ?>