From 9bd9cb9df6250e38b8be1df0a2682310352fc876 Mon Sep 17 00:00:00 2001 From: Gabriel Dunne Date: Sun, 15 Nov 2009 23:15:39 -0800 Subject: [PATCH] style changes, template updates --- css/style.css | 44 ++++++++++++++--------------------------- templates/contact.html | 9 ++------- templates/cv.html | 15 +++++++------- templates/nav.html | 5 +++++ templates/projects.html | 11 +++++------ 5 files changed, 34 insertions(+), 50 deletions(-) diff --git a/css/style.css b/css/style.css index 4b820cf..525b531 100644 --- a/css/style.css +++ b/css/style.css @@ -1,21 +1,21 @@ -body { background:#121212; margin:10px 100px 50px 40px; } -html, body, table { font-family: verdana; font-size:11px; line-height:1.6em; color:#aaa; } +body { background:#232323; margin:10px 100px 50px 40px; } +html, body, table { font-family: verdana; font-size:11px; line-height:1.6em; color:#ddd; } /*selection*/ -::-moz-selection {background: #ff8; !important} -::selection {background: #ff8; !important} +::-moz-selection {background: #dd8 !important; color:#777; } +::selection {background: #dd8 !important; color:#000;} /*links*/ -a { color:#bbb; border:0; } +a { color:#925; background:#000; border:0; text-decoration:none; padding:1px; } a img { border:0; } a.mute { color:#555; text-decoration:none; } -a:hover, a.mute:hover { color:#ff8; text-decoration:none; } +a:hover, a.mute:hover { background:#180012; color:#dd8; text-decoration:none; } .caption a { color:#888;} -.caption a:hover { color:#905;} +.caption a:hover { color:#dd8;} /*headings*/ -h1, h2, h3, h4, h5, h6 { color:#444; font-size:1em; } +h1, h2, h3, h4, h5, h6 { color:#777; font-size:1em; } h1 { margin:0 0 3em 0; } h2 { margin:4em 0 0.5em 0; } h3 { font-size:1em; margin:0; } @@ -38,32 +38,22 @@ p { max-width:720px; } ul { margin:0; padding:0; list-style-type:none; } li { margin-bottom:1px; padding:1px; } -table { margin:0; padding:0; border:0; } -table .column { padding-right:50px; min-width:120px; max-width:275px; } -table .column h2 a { text-decoration:none; } -table h2, table h3 { border-bottom:1px dotted #aaa; } -table .video li, table .image li { margin-bottom:2em; } -table .reader li, table .bookmarks li { margin-bottom:1em; padding-bottom:1em; border-bottom:1px dotted #252525; } -.reader_links li, .bookmark_links li { padding-top:.75em; margin-bottom:.75em; } -.bookmark_links li a { display:block; } -.bookmark_links li span { font-style: italic; color:#444; } - -.c_pop { position:absolute; display:none; background:#141414; border:5px outset #d44; padding:1em 2em; left:380px; z-index:5; } - -#home_arrow { position: absolute; top:11px; left:23px; margin-left:250px; text-decoration:none; } #content { margin-left:200px; } #content p { } ul.inline_content li { margin:50px 0; padding-bottom:20px; } ul.inline_content li div.content li { padding:0; border:0; margin:0; } ul.thumbnails { } - ul.thumbnails li { display:inline-block; margin: 0px 60px 60px 0px; } - ul.thumbnails .thumbnail { width:160px; height:240px; text-align:center; background:#000; } + 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 { } @@ -71,14 +61,10 @@ table .reader li, table .bookmarks li { margin-bottom:1em; padding-bottom:1em; .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; line-height:1.1em;} -.nav ul { margin-left:1em; } -.nav a { text-decoration:none; color:#999; } -.nav a:hover { color:#ff8; } +.nav { position:absolute; top:1em; left:1em; font-weight:bold;} .nav h3 { margin-bottom:0.4em; } -.nav h3 a { font-weight:bold; } -.caption { font-style:italic; margin-top:5px; color:#444; } +.caption { margin-top:5px; color:#888; font-style:italic;} .more, .home { text-decoration:none; color:#666; } /*download link, function link*/ diff --git a/templates/contact.html b/templates/contact.html index 44c2dac..9ddbebb 100644 --- a/templates/contact.html +++ b/templates/contact.html @@ -16,14 +16,9 @@

contact

- -

- voice: (415) 493-8496
- email: gabe@gabrieldunne.com -

-

- c/v + +1 415 493 8496
+ studio@gabrieldunne.com

diff --git a/templates/cv.html b/templates/cv.html index 7ab85e7..bc98061 100644 --- a/templates/cv.html +++ b/templates/cv.html @@ -23,7 +23,14 @@

+

cv

+Gray Area (residency)
+Tessellated Group
+Stamen Design
+Google, Inc
+Motion Theory +


edu

2004 B.A. Design | Media Arts, UCLA @@ -84,8 +91,6 @@ Discover Magazine
Wired
HDRI
-

- -

cv

-Gray Area (residency)
-Tessellated Group
-Stamen Design
-Google, Inc
-Motion Theory diff --git a/templates/nav.html b/templates/nav.html index 6e82d9a..2bad198 100644 --- a/templates/nav.html +++ b/templates/nav.html @@ -10,7 +10,12 @@
  • projects
  • contact
    • +
  • c/v
    • + +
    +
  • news
  • links
    • + diff --git a/templates/projects.html b/templates/projects.html index fc02303..4346ebf 100644 --- a/templates/projects.html +++ b/templates/projects.html @@ -46,12 +46,11 @@ -- 2.34.1