images/icons.png @@ -66,7 +66,7 @@ body.rtl #navigation ul.primary { direction: ltr; } /* Feed icon ------------------------------------------- */ - body .feed { display: block; padding: 1px 0 1px 20px; font-size: 0.8em; background: url('images/feed-add.gif') no-repeat 0 50%; } + body .feed { display: block; padding: 1px 0 1px 20px; min-height: 15px; font-size: 0.8em; background: url('images/icons.png') no-repeat 0 1px; } body.janus .feed, body.rtl .feed { padding: 1px 20px 1px 0; background-position: 100% 50%; } /* Content @@ -138,9 +138,9 @@ body.rtl #navigation ul.primary { direction: ltr; } /* Downloads --------------------------------------- */ - body a.download { display: block; font-weight: bold; margin: 0 0 1em 0; padding: 5px 5px 5px 36px; } - body a.download:link, body a.download:visited, body a.download:active { background: #fcffff url('images/download.gif') no-repeat 10px 50%; border-top: 1px solid #cfe2e5; border-bottom: 1px solid #cfe2e5; } - body a.download:hover { background: #fffafb url('images/download.gif') no-repeat 10px 50%; border-top: 1px solid #e5cfd2; border-bottom: 1px solid #e5cfd2; } + body a.download { display: block; margin: 1em 0; padding: 5px 5px 5px 28px; min-height: 15px; } + body .content a.download:link, body .content a.download:visited, body .content a.download:active { background:#fcffff url('images/icons.png') no-repeat 5px -295px; border: 1px solid #cfe2e5; } + body .content a.download:hover { text-decoration: underline; } /* Images --------------------------------------- */ @@ -172,20 +172,19 @@ body.rtl #navigation ul.primary { direction: ltr; } #comments .meta { margin: 0 0 0.2em 0; } #comments .meta .title { width: 50%; float: left; margin: 0; border: none; } body .meta .comments-feed { width: 50%; float: right; text-align: right; margin:0; padding: 0.75em 0 0 0; } - body .meta .comments-feed a { display: block; padding: 1px 20px 1px 0; background: url('images/feed.gif') no-repeat 100% 50%; font-size: 0.8em; } - #trackback-link { margin: 0; border-top: 1px solid #ccc; font-size: 0.8em; color: #808080; background: url('images/trackback.gif') no-repeat 100% 60%; clear: both; } - body.rtl #wrapper #trackback-link { margin: 0; border-top: 1px solid #ccc; padding: 0.5em 20px 0.5em 0; background: url('../images/trackback.gif') no-repeat 100% 60%; font-size: 0.8em; color: #808080; clear: both; } + body .meta .comments-feed a { display: block; min-height:16px; padding: 1px 20px 1px 0; background: url('images/icons.png') no-repeat 100% -100px; font-size: 0.8em; } + #trackback-link { margin: 0; border-top: 1px solid #ccc; font-size: 0.8em; color: #808080; clear: both; } + body.rtl #wrapper #trackback-link { margin: 0; border-top: 1px solid #ccc; padding: 0.5em 0; font-size: 0.8em; color: #808080; clear: both; } #trackback-link .secondary p { font-weight: bold; margin: 0; padding: 5px 24px 5px 0; } #trackback-link .primary p { margin: 0; padding: 5px 0; } - body .comment { margin: 0; border-top: 1px solid #ccc; padding: 0.65em 0; } + body .comment { margin: 0; border-top: 1px solid #ccc; padding: 0.66em 0; } body .comment-permalink, body .comment-edit { font-size: 0.8em; margin: 0; } body .comment-author { margin: 0 0 0.5em 0; font-weight: bold; } body .avatar, body .comment a .avatar { margin: 0 0 0.5em 0; border: 1px solid #ccc; padding: 4px; background:#fcfcfc; } - body .moderated { background: #fcffff; } - body .moderated .primary-span { border-bottom: 1px dotted #e5e5e5; padding-bottom: 0.5em; background: url('images/moderated.gif') no-repeat 100% 50%; } + body .moderated .primary-span { border-bottom: 1px dotted #e5e5e5; padding-bottom: 0.5em; background: url('images/icons.png') no-repeat 100% -200px; } body .author-comment {} - body .trackback { margin: 0; border-top: 1px solid #ccc; padding: 0.5em 0 0.5em 0; background: #fcffff url('images/trackback.gif') no-repeat 100% 60%; } + body .trackback { margin: 0; border-top: 1px solid #ccc; padding: 0.5em 0 0.5em 0; background: #fcffff; } body .trackback p { font-size: 0.8em; margin: 0; } #respond { margin: 0; border-top: 1px solid #ccc; padding: 1em 0 0 0; overflow: auto; clear: both; } style.css @@ -10,43 +10,33 @@ Designed by Benedict Eastaugh, http://extralogical.net/ body.classic #wrapper .nav-current:link, body.classic #wrapper .nav-current:visited, body.classic #wrapper .nav-current:active { color: #bf6030; } body.classic #wrapper .nav-current:hover { color: #e59900; } - /* Feed icon - ------------------------------------------- */ - body.classic .feed { background: url('../images/feed-add.gif') no-repeat 0 50%; } - /* Content ----------------------------------------------- */ body.classic code { color: #bf8060; } body.classic abbr, body.classic acronym { border-bottom: 1px solid #bf8060; } - + /* Headers --------------------------------------- */ body.classic h3 { color: #bf6030; } - + /* Post content --------------------------------------- */ body.classic .articlenav { background: #fcfeff; } - + /* Inserts --------------------------------------- */ body.classic .insert { background: #fcfeff; margin: 0 0 1em 0; border: 1px solid #cfdde5; padding: 9px; } body.classic .insert h3 { border-bottom: 1px solid #cfdde5; } - + /* Downloads --------------------------------------- */ - body.classic a.download:link, body.classic a.download:visited, body.classic a.download:active { background: #fcfeff url('../images/download.gif') no-repeat 10px 50%; border-top: 1px solid #cfdde5; border-bottom: 1px solid #cfdde5 !important; } - body.classic a.download:hover { background: #fffdfa url('../images/download.gif') no-repeat 10px 50%; border-top: 1px solid #e5d6b8; border-bottom: 1px solid #e5d6b8 !important; } - + body.classic .content a.download:link, body.classic .content a.download:visited, body.classic .content a.download:active { background-color: #fcfeff; border: 1px solid #cfdde5; } + /* Images --------------------------------------- */ body.classic a img { border: 1px solid #0f6b99; } body.classic a:hover img, body.classic .comment a:hover .avatar { border: 1px solid #e59900; } - - /* Comments - --------------------------------------- */ - body.classic .comments-feed a { background: url('../images/feed.gif') no-repeat 100% 50%; } - body.classic .trackback { background: #fcfeff url('../images/trackback.gif') no-repeat 100% 60%; } - + /* Links ----------------------------------------------- */ body.classic a:link, body.classic a:active, body.classic a:visited { color: #0f6b99; } @@ -57,7 +47,7 @@ body.classic .content a:hover, body.classic .link-pages a:hover, body.classic .t /* Widgets ----------------------------------------------- */ - + /* Calendar widget ------------------------------------------- */ body.classic .widget_calendar tbody td a { color: #fff; background: #8bb6cc; } styles/classic.css @@ -9,43 +9,34 @@ Designed by Benedict Eastaugh, http://extralogical.net/ ----------------------------------------------- */ body.polar #wrapper .nav-current:link, body.polar #wrapper .nav-current:visited, body.polar #wrapper .nav-current:active { color: #a8a8a8; } body.polar #wrapper .nav-current:hover { color: #000; } - - /* Feed icon - ------------------------------------------- */ - body.polar .feed { background: url('../images/feed-add.gif') no-repeat 0 50%; } - + /* Content ----------------------------------------------- */ body.polar code { color: #8fafbf; } body.polar abbr, body.polar acronym { border-bottom: 1px solid #5c8499; } - + /* Headers --------------------------------------- */ body.polar h3 { color: #a8a8a8; } - + /* Post content --------------------------------------- */ body.polar .articlenav { background: #fff; } - + /* Inserts --------------------------------------- */ body.polar .insert { background: #fff; margin: 0 0 1em 0; border: 1px solid #cfdee5; padding: 9px; } body.polar .insert h3 { border-bottom: 1px solid #cfdee5; } - + /* Downloads --------------------------------------- */ - body.polar a.download:link, body.polar a.download:visited, body.polar a.download:active { background: #fafcfc url('../images/download.gif') no-repeat 10px 50%; border-top: 1px solid #cfdee5; border-bottom: 1px solid #cfdee5 !important; } - body.polar a.download:hover { background: #fafafa url('../images/download.gif') no-repeat 10px 50%; border-top: 1px solid #a8a8a8; border-bottom: 1px solid #a8a8a8 !important; } - + body.polar .content a.download:link, body.polar .content a.download:visited, body.polar .content a.download:active { background-color: #fafcfc; border: 1px solid #cfdee5; } + /* Images --------------------------------------- */ body.polar a img { border: 1px solid #4c8099; } body.polar a:hover img, body.polar .comment a:hover .avatar { border: 1px solid #000; } - - /* Comments - --------------------------------------- */ - body.polar .comments-feed a { background: url('../images/feed.gif') no-repeat 100% 50%; } - body.polar .trackback { background: url('../images/trackback.gif') no-repeat 100% 60%; } + /* Links ----------------------------------------------- */ body.polar a:link, body.polar a:active, body.polar a:visited { color: #4c8099; } @@ -61,4 +52,3 @@ body.polar .content a:hover, body.polar .link-pages a:hover, body.polar .tagdata ------------------------------------------- */ body.polar .widget_calendar tbody td a { color: #fff; background: #8bb6cc; } body.polar .widget_calendar tbody td a:hover { color: #fff; background: #404040; } - \ No newline at end of file styles/polar.css @@ -4,49 +4,40 @@ skyline.css Designed by Benedict Eastaugh, http://extralogical.net/ */ + /* Navigation ----------------------------------------------- */ body.skyline #wrapper .nav-current:link, body.skyline #wrapper .nav-current:visited, body.skyline #wrapper .nav-current:active { color: #bf6068; } body.skyline #wrapper .nav-current:hover { color: #a6212c; } - /* Feed icon - ------------------------------------------- */ - body.skyline .feed { background: url('../images/feed-add.gif') no-repeat 0 50%; } - /* Content ----------------------------------------------- */ body.skyline code { color: #bf8f93; } body.skyline abbr, body.skyline acronym { border-bottom: 1px solid #bf8f93; } - + /* Headers --------------------------------------- */ body.skyline h3 { color: #bf6068; } body.skyline h4, body.skyline h5, body.skyline h6 { color: #bf8f93; } - + /* Post content --------------------------------------- */ body.skyline .articlenav { background: #fcfeff; } - + /* Inserts --------------------------------------- */ body.skyline .insert { background: #fcfeff; margin: 0 0 1em 0; border: 1px solid #cfdee5; padding: 9px; } body.skyline .insert h3 { border-bottom: 1px solid #cfdee5; } - + /* Downloads --------------------------------------- */ - body.skyline a.download:link, body.skyline a.download:visited, body.skyline a.download:active { background: #fcfeff url('../images/download.gif') no-repeat 10px 50%; border-top: 1px solid #cfdee5; border-bottom: 1px solid #cfdee5 !important; } - body.skyline a.download:hover { background: #fffcfd url('../images/download.gif') no-repeat 10px 50%; border-top: 1px solid #e5cfd0; border-bottom: 1px solid #e5cfcf !important; } - + body.skyline .content a.download:link, body.skyline .content a.download:visited, body.skyline .content a.download:active { background-color: #fcfeff; border: 1px solid #cfdee5; } + /* Images --------------------------------------- */ body.skyline a img { border: 1px solid #3689b3; } body.skyline a:hover img, body.skyline .comment a:hover .avatar { border: 1px solid #a6212c; } - - /* Comments - --------------------------------------- */ - body.skyline .comments-feed a { background: url('../images/feed.gif') no-repeat 100% 50%; } - body.skyline .trackback { background: #fcfeff url('../images/trackback.gif') no-repeat 100% 60%; } - + /* Links ----------------------------------------------- */ body.skyline a:link, body.skyline a:active, body.skyline a:visited { color: #3689b3; } @@ -62,4 +53,3 @@ body.skyline .content a:hover, body.skyline .link-pages a:hover, body.skyline .t ------------------------------------------- */ body.skyline .widget_calendar tbody td a { color: #fff; background: #8bb6cc; } body.skyline .widget_calendar tbody td a:hover { color: #fff; background: #cc8a95; } - \ No newline at end of file styles/skyline.css images/download.gif images/feed-add.gif images/feed.gif images/moderated.gif images/trackback.gif 4d0d48c37bcd23885232e36ceeeded74010ef78f Benedict Eastaugh benedict@eastaugh.net http://github.com/ionfish/tarski/commit/8bb8e00c3768edc8c14381d5c3a25e67fab144ce 8bb8e00c3768edc8c14381d5c3a25e67fab144ce 2008-04-29T04:00:57-07:00 2008-04-29T04:00:57-07:00 New icons git-svn-id: https://tarski.googlecode.com/svn/trunk@567 8ec1c81d-c82d-0410-ab24-9d07384f4a97 19a2412173a3791c943fa3c2e24b140ba70fe639 Benedict Eastaugh benedict@eastaugh.net