Every repository with this icon (
) is private.
Every repository with this icon (
) is public.
| Description: | Meta Theme for Mephisto |
| Homepage: | http://www.metaskills.net/meta-theme-for-mephisto |
| Clone URL: |
git://github.com/metaskills/metatheme.git
Give this clone URL to anyone.
git clone git://github.com/metaskills/metatheme.git
|
| Search Repo: |
metaskills's metatheme Feed
88f6c0caecc836f0c3820f72095bf9b23d4a4781
Update right content to show recent posts.
bdc1f2326da0af26a735e79e2fd623c2b8b75c1a
Drying up first asset and placing on article/page list partial.
211c8af5219d84e3ef56c6e951dc3e03be3d198c
Adding an attached image div on articles/pages
9eca9f2a0e2f0465cde93f4a223283135d1faa25
Update reddit blogosphere links
8d55a58bb90f2243db5b6e92ea400ea566163fe3
Adding reddit to blogosphere links
a10ee2aa561738b298e726894e201e216ecd9bea
Fixing dev. subdomain type
73f712533d9e7e28d02e7490a590dfefed3dacea
Add preview button to theme.
192ab1f480e875ae429237a6227a120a7a6d8f59
Removing last TODO's and commenting out my CSS for users to opt into
3ec2d29851e9fab9e8f0c0f8c34ca402a236379d
Adding right content to layout
e188b94f814520077b2373efb9423944699db075
Add custom liquid partial for right content.
de783fa61ad71d24f79d3c9436cbc0b89e237bcd
Adding table CSS classes and styling the comment form.
27ba97d66189b360f992e371ab07d45d919b7b91
Update preview image.
e0e4ca55714db5c96f3785687cf0e2f5ad6d5f3e
Baby steps toward completion. Bit of CSS here, bit of copy there.
3e9145926bdf085c56a9b79a1534909a54f00c2e
Adding an image to error page.
8e509309c9f5784f8bdb3fd39f1cf73b2f504f3c
Adding an image to error page.
240d004d6da496bf75382d20895aacfc7a5ff244
Adding blogosphere links to article lists and pages.
ecbc6b5c300b5b9d2fa215487040c7d9d2feb3ac
Next to last doc/readme changes.
526e9832b242a535ede4094ecf3155044d4c88c0
Design search/error page.
98e091136af7bcd8213d858f1414c2d20aff0322
Make right page navigation show what page you are on.
1bd9ed268f0e6ff3e4f1611c6e1aa8165b636614
Removing old PHP/Drupal ref files. Cleaning TODO a bit more.
1dfac102065c926d861f2e6926c8aff74d86c119
Fixing some CSS headers.
2e439b70917180dfeeef4f31e3a7c83bb736693f
Remove IE7 bug fixes... not needed anymore.
6d0b6736f8ca1c53ca19a8032c740cfb11560809
Add some more TODO items. Fix target blank bug for IE7.
9675fa1f3b93bdcd30369ca1faf06eafe3523960
Section navigation on right only if it is not home and a blog section.
d7ad26fead55358cef4242489290c8d185d596ac
Major cleanup of old Drupal inline admin CSS.
a3a84ab7e93cced49f45f85162ca62e0e84db095
Adding links to tags in listings. # Please enter the commit message for your changes. # (Comment lines starting with '#' will not be included) # On branch master # Changes to be committed: # (use "git reset HEAD <file>..." to unstage) # # modified: TODO.txt # modified: layouts/layout.liquid # modified: stylesheets/meta_pagestyles.css # modified: templates/_list.liquid # diff --git a/TODO.txt b/TODO.txt index f2133d8..ce4f198 100755 --- a/TODO.txt +++ b/TODO.txt @@ -4,11 +4,13 @@ Mephisto Migration Notes * Double check remove me notes for Lightbox CSS mixed into meta_pagestyles.css * Make sure PNG fix for IE6 still works * Write external link JS in prototype - * Make sure to remove 'ken' CSS. * Get old metatheme info and bundle into one page. - * Look at old template and make "terms" into "tags" - - + * Add tags for old posts. + * Scrub page style CSS of Drupal crap. + +Last Steps: + * Make sure to comment out 'my' CSS. + diff --git a/layouts/layout.liquid b/layouts/layout.liquid index e1a8b09..892ee37 100644 --- a/layouts/layout.liquid +++ b/layouts/layout.liquid @@ -136,6 +136,7 @@ {% endif %} {% endfor %} </ul> + <!--TODO Make a custom liquid partial for my right content. --> <!-- <div class="iecenter noa" style="text-align:center;"> <a href="http://alumni.pragmaticstudio.com/users/128" rel="external"><img src="/files/alumni_stamp.png" alt="The Pragmatic Studio Alumni Member" /></a><br /><br /> <a href="http://pragmaticstudio.com/therailsedge/" rel="external"><img src="/files/rails-edge.png" alt="The Rails Edge Conf." /></a><br /> diff --git a/stylesheets/meta_pagestyles.css b/stylesheets/meta_pagestyles.css index e4369d7..c93466b 100755 --- a/stylesheets/meta_pagestyles.css +++ b/stylesheets/meta_pagestyles.css @@ -1 +1 @@ - /* +-------------------------------------------------------------------------------------------------+ \ | | / ___|| | __(_) | | ___ _ __ ___| |_ |\/ | _ \ __| _` | \___ \| |/ /| | | |/ __| | '_ \ / _ \ __| | Meta Theme for Mephisto | | __/ | ( | ___) | < | | | |\__ \_| | | | __/ |_ | 0.8.0 Drax Edition _| _| \___| \__| \__,_| |____/|_|\_\|_|_|_||___/_)_| |_|\___|\__| | ------------------------- C o d i n g t h i n g s o n t o p o f o t h e r t h i n g s! | By: Ken Collins +-------------------------------------------------------------------------------------------------+ */ /* DIV #contentarea-middle2 <-- Misc. Meta Content Styles +-------------------------------------------------------------------------------------------------+ */ /*--- Overall Style Elements ---*/ * { list-style: none; margin: 0; padding: 0; } a { text-decoration: none; } img { border: none; } .clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } body { background: #fff url('/images/meta_background-green.gif') repeat-x fixed top left; /* MetaTool Overide */ font-family: "Lucida Grande", Verdana, Arial, Helvetica, sans-serif; font-size: 62.6%; margin: 0 0 20px 0; min-width: 907px; padding: 0 25px; } /*--- General Text ---*/ #contentarea-middle2 { font-size: 120%; font-family: Verdana, "Lucida Grande", Geneva, Arial, Helvetica, "Bitstream Vera Sans", sans-serif; font-weight: normal; color: #333; letter-spacing: 0em; line-height: 1.5em; } #contentarea-middle2 h1 { width: 365px; font-family: "Trebuchet MS", "Trebuchet", Trebuchet, "Lucida Grande", Verdana, Arial, sans-serif; font-size: 30px; font-weight: 200; color: #9C0; letter-spacing: -1px; line-height: 1em; padding: 5px 0 5px 0; } #contentarea-middle2 h2 { font-family: "Trebuchet MS", "Trebuchet", Trebuchet, "Lucida Grande", Verdana, Arial, sans-serif; font-size: 22px; font-weight: 200; color: #666; letter-spacing: -0.05em; line-height: 1em; padding: 25px 0 2px 0; margin-bottom: 1px; border-color: #999; border-width: 1px; border-style: none none dashed none; } #contentarea-middle2 h3 { font-family: "Lucida Grande", Verdana, Arial, Helvetica, sans-serif; font-size: 16px; font-weight: 200; color: #666; letter-spacing: -1px; line-height: 1em; padding: 25px 0 2px 0; text-align: center; } #contentarea-middle2 p { padding: 15px 0 5px 0; text-indent: 20px; } /*--- Main Content Link - Node Area (internal) ---*/ #contentarea-middle2 .node a, #contentarea-middle2 .node a:link, #contentarea-middle2 .node a:visited { background: url('/images/meta_arrow2.gif') no-repeat 100% 50% ; padding-right: 9px; border-bottom: 1px dotted #666; color: #c60; } #contentarea-middle2 .node a:hover, #contentarea-middle2 .node a:active { color: #9c6; } /*--- Main Content Link - Everywhere Else ---*/ #contentarea-middle2 a, #contentarea-middle2 a:link, #contentarea-middle2 a:visited { background: none ; padding-right: 0; border-bottom: 1px dotted #666; color: #c60; } #contentarea-middle2 a:hover, #contentarea-middle2 a:active { color: #9c6; } /*--- Main Content Link - Node Area (external) ---*/ #contentarea-middle2 .node a.external-link, #contentarea-middle2 .node a:link.external-link, #contentarea-middle2 .node a:visited.external-link { background: url('/images/meta_new-window.gif') no-repeat 100% 50% ; border-bottom: 1px dotted #666; padding-right: 11px; color: #c60; } #contentarea-middle2 .node a:hover.external-link, #contentarea-middle2 .node a:active.external-link { color: #9c6; } /*--- Lists Style ---*/ #contentarea-middle2 ul { margin: 0 0 15px 35px; } #contentarea-middle2 ul li { list-style: none; list-style-position: outside; list-style-image: url('/images/meta_bullet1.gif') ; margin: 3px 0; } /*--- Photo Fancy Border (Bounding & Border Images) ---*/ #contentarea-middle2 .photobounding { background-color: #fff; position: relative; width: auto; max-width: 553px; min-width: 143px; height: 100%; min-height: 220px; margin: 10px auto 14px auto; border: 1px solid #e1e1e1; /* e1e1e1 */ z-index: 43; } #contentarea-middle2 .photobounding .tl { background: url('/images/meta_photo-tl.png') no-repeat 0 0 ; position: absolute; width: 71px; height: 110px; top: -11px; left: -11px; } #contentarea-middle2 .photobounding .tr { background: url('/images/meta_photo-tr.png') no-repeat 100% 0 ; position: absolute; width: 71px; height: 110px; top: -11px; right: -11px; } #contentarea-middle2 .photobounding .bl { background: url('/images/meta_photo-bl.png') no-repeat 100% 100% ; position: absolute; width: 71px; height: 110px; bottom: -11px; left: -11px; } #contentarea-middle2 .photobounding .br { background: url('/images/meta_photo-br.png') no-repeat 0 100% ; position: absolute; width: 71px; height: 110px; bottom: -11px; right: -11px; } #contentarea-middle2 .phototime { position: relative; padding: 13px 13px 8px 13px; z-index: 47; } #contentarea-middle2 .phototime a, #contentarea-middle2 .phototime a:link, #contentarea-middle2 .phototime a:visited { background: none; padding-right: 0; border: none; } #contentarea-middle2 .phototime img{ border: 1px solid #eeeeee; } /*--- Galleries Index Page ---*/ #contentarea-middle2 #galleries { height: 1%; position: relative; } #contentarea-middle2 #galleries a, #contentarea-middle2 #galleries a:link, #contentarea-middle2 #galleries a:visited { background: none; padding-right: 0; border: none; } #contentarea-middle2 #galleries ul { float: left; width: 100%; margin: 0; padding: 0; list-style: none; } #contentarea-middle2 #galleries li { list-style-image: none; margin-bottom: 10px; } #contentarea-middle2 #galleries .preview { background: url('/images/meta_photoslide-bg-mtpl.png') 0 0 no-repeat; float: left; width: 210px; height: 200px; margin: 15px 0 0 0; } #contentarea-middle2 #galleries span.horiz, #contentarea-middle2 #galleries span.vert { display: block; top: 0; left: 0; border-width: 0; } #contentarea-middle2 #galleries span.horiz { width: 92px; height: 70px; padding: 30px 0 0 52px; } #contentarea-middle2 #galleries span.vert { width: 70px; height: 92px; padding: 18px 0 0 62px; } #contentarea-middle2 #galleries img { display: block; border: 1px solid; border-color:#999 #fff #fff #999; background: none; padding-right: 0; } #contentarea-middle2 #galleries .preview-desc { position: relative; margin-left: 210px; } #contentarea-middle2 #galleries h2 a, #contentarea-middle2 #galleries h2 a:link, #contentarea-middle2 #galleries h2 a:visited { color: #333; background: none; padding-right: 0; border: none; } #contentarea-middle2 #galleries h2 a:hover { color: #9c6; } #contentarea-middle2 #galleries h2 a:active { color: #c60; } #contentarea-middle2 #galleries p { text-indent: 0; padding-top: 10px; } #contentarea-middle2 #galleries span.view-button img { display: inline; border-width: 0; border-style: none; margin: 5px 0 5px 18px; } #contentarea-middle2 #galleries span.count, #contentarea-middle2 #galleries span.last { font-size: 85%; line-height: 1.4em; padding: 5px 0 5px 20px; } /*--- Gallery Thumbnail Pages ---*/ #contentarea-middle2 #gallery { width: 560px; margin: 0 auto; } #contentarea-middle2 #gallery a, #contentarea-middle2 #gallery a:link, #contentarea-middle2 #gallery a:visited { background: none; padding-right: 0; border: none; } #contentarea-middle2 #gallery ul { float: left; width: 100%; margin: 20px 0 0 0; padding: 0; list-style: none; } #contentarea-middle2 #gallery li { position: relative; background: url('/images/meta_photoslide-bg.png') 27px 0 no-repeat; float: left; width: 174px; height: 65px; margin: 5px; padding: 130px 0 15px 0; text-align: center; list-style-image: none; } #contentarea-middle2 #gallery span.horiz, #contentarea-middle2 #gallery span.vert { display: block; position: absolute; top: 0; left: 0; border-width: 0; } #contentarea-middle2 #gallery span.horiz { width: 92px; height: 70px; padding: 25px 0px 28px 41px; } #contentarea-middle2 #gallery span.vert { width: 70px; height: 92px; padding: 13px 0px 28px 53px; } #contentarea-middle2 #gallery img { display: block; border: 1px solid; border-color:#999 #fff #fff #999; background: none; padding-right: 0; } #contentarea-middle2 #gallery h3 { margin: 0 0 .25em 4px; font: bold 100% Verdana,Sans-serif; line-height: 1.2em; letter-spacing: 0px; color: #666; padding: 0 0 0 0; font-weight: 200; } #contentarea-middle2 #gallery div.date { font: italic 100% Georgia; color: #999; margin-top: 5px; } /*--- Gallery Thumbnail Pages (lightbox.js) ---*/ #lightbox{ position: absolute; left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;} #lightbox img{ width: auto; height: auto;} #lightbox a img{ border: none; } #outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; } #imageContainer{ padding: 10px; } #loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; } #hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; } #imageContainer>#hoverNav{ left: 0;} #hoverNav a{ outline: none;} #prevLink, #nextLink{ width: 49%; height: 100%; background-image: url('/images/meta_null.gif'); display:block; } #prevLink { left: 0; float: left;} #nextLink { right: 0; float: right;} #prevLink:hover, #prevLink:visited:hover { background: url('/images/meta_lb_prevlabel.gif') left 15% no-repeat; } #nextLink:hover, #nextLink:visited:hover { background: url('/images/meta_lb_nextlabel.gif') right 15% no-repeat; } #imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow:auto; width:100%; } /* overflow:auto; width:100%; Maybe remove */ #imageData{ padding:0 10px; color: #666; } /* color:#666; Maybe remove */ #imageData #imageDetails{ width: 70%; float: left; text-align: left; } #imageData #caption{ font-weight: bold; } #imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em; } #imageData #bottomNavClose{ width: 66px; float: right; padding-bottom: 0.7em; outline:none; } /* outline: none; Maybe remove */ #overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; } /*#lightbox { top: 40px; } #overlay{ filter:alpha(opacity=60); -moz-opacity: 0.6; opacity:0.6; }*/ /*--- Gallery Photos (node view) ---*/ #contentarea-middle2 .content .preview img { display: block; padding: 14px; border: 1px solid #ccc; margin: 20px auto 0 auto; background-color: #fff; } /* DIV #contentarea-middle2 <-- Drupal Specific Overides & Enhancements +-------------------------------------------------------------------------------------------------+ */ /*--- Home Page <h2> Tag & Linking ---*/ #contentarea-middle2 .node h2 a, #contentarea-middle2 .node h2 a:link, #contentarea-middle2 .node h2 a:visited { color: #333; background: none; padding-right: 0; border: none; } #contentarea-middle2 .node h2 a:hover { color: #9c6; } #contentarea-middle2 .node h2 a:active { color: #c60; } /*--- General Text - <p> Overides ---*/ #contentarea-middle2 p#content-help, #contentarea-middle2 fieldset p { padding: 3px 0 6px 0; } /*--- Main Content Link (internal) ---*/ #contentarea-middle2 ul.tabs a, #contentarea-middle2 ul.tabs a:link, #contentarea-middle2 ul.tabs a:visited { background: none; padding-right: 10px; } #contentarea-middle2 ul.tabs a:hover, #contentarea-middle2 ul.tabs a:active { } #contentarea-middle2 .more-help-link a, #contentarea-middle2 .more-help-link a:link, #contentarea-middle2 .more-help-link a:visited { background: none; padding-right: 0; } /*--- Misc Table, Row, and Color Formatting ---*/ #contentarea-middle2 table { width: 100%; border-collapse: separate; border: 1px dashed #999; margin: 10px 0; padding: 7px; background: #fff; font-size: 10px; line-height: 1.2em; } #contentarea-middle2 table a, #contentarea-middle2 table a:link, #contentarea-middle2 table a:visited { padding-right: 0; background: none; color: #000; } #contentarea-middle2 table a:hover, #contentarea-middle2 table a:active { background-color: #fff; } tr.even, tr.odd { padding: 7px; border: 1px solid #999; } tr.odd { background-color: #f9f9f9; } tr.even { background-color: #efefef; } tr.odd:hover, tr.even:hover { background-color: #fefdee; } tr.odd .form-item, tr.even .form-item { margin: 0 auto; white-space: nowrap; } tr.odd td.module, tr.even td.module, tr.odd td.permission, tr.even td.permission, tr.odd td.region, tr.even td.region, tr.odd td.block, tr.even td.block { padding-left: 10px; } tr.odd td.region, tr.even td.region { font-family: "Trebuchet MS", "Trebuchet", Trebuchet, "Lucida Grande", Verdana, Arial, sans-serif; font-size: 20px; font-weight: 200; color: #666; letter-spacing: 0px; line-height: 1em; padding-left: 10px; } tr.odd td.block, tr.even td.block { padding-left: 20px; } /*--- Watchdog Formatting ---*/ tr.watchdog-user, tr.watchdog-php, tr.watchdog-search, tr.watchdog-content, tr.watchdog-page-not-found, tr.watchdog-access-denied, tr.watchdog-error { font-family: "Lucida Grande", Verdana, Arial, Helvetica, sans-serif; font-size: 9px; } tr.watchdog-user { background: #ffd; } tr.watchdog-user:hover { background: #fcfcc3; } tr.watchdog-php { background: #ffd; } tr.watchdog-php:hover { background: #fcfcc3; } tr.watchdog-search { background: #ffd; } tr.watchdog-search:hover { background: #fcfcc3; } tr.watchdog-content { background: #ddf; } tr.watchdog-content:hover { background: #c6c6ff;} tr.watchdog-page-not-found, tr.watchdog-access-denied { background: #dfd; } tr.watchdog-page-not-found:hover, tr.watchdog-access-denied:hover { background: #c3f6c3; } tr.watchdog-error { background: #ffc9c9; } tr.watchdog-error:hover { background: #f39c9c; } tr.watchdog-cron { background: #fff; } tr.watchdog-cron:hover { background: #e9e9e9; } tr.watchdog-user img, tr.watchdog-php img, tr.watchdog-search img, tr.watchdog-content img, tr.watchdog-page-not-found img, tr.watchdog-access-denied img, tr.watchdog-error img { margin: 6px; } /*--- Tab Navigation ---*/ #contentarea-middle2 ul.primary { margin: 5px 0 0 0; } #contentarea-middle2 ul.primary { border-collapse: collapse; padding: 10px 0 0 20px; white-space: nowrap; list-style: none; height: auto; line-height: normal; border-bottom: 1px dashed #999; } #contentarea-middle2 ul.primary li { display: inline; } #contentarea-middle2 ul.primary li a, #contentarea-middle2 ul.primary li a:link, #contentarea-middle2 ul.primary li a:visited { background: none; border-color: #999; border-width: 1px; border-style: dashed dashed none dashed; height: auto; margin-right: 0.5em; padding: 0 1em; text-decoration: none; color: black; } #contentarea-middle2 ul.primary li.active a { background-color: #efefef; border-bottom: 1px solid #efefef; padding-top: 3px; } #contentarea-middle2 ul.primary li a:hover { background-color: #fefdee; padding-top: 3px; } #contentarea-middle2 ul.secondary { border-bottom: 1px dashed #999; padding: 10px 0 10px 10px; margin: 0 0 15px 0; } #contentarea-middle2 ul.secondary li { display: inline; padding: 0 1em; border-right: 1px solid #ccc; } #contentarea-middle2 ul.secondary a, #contentarea-middle2 ul.secondary a:link, #contentarea-middle2 ul.secondary a:visited { padding: 0; text-decoration: none; color: black; } #contentarea-middle2 ul.secondary a.active { border-bottom: 4px solid #999; } #contentarea-middle2 ul.secondary a:hover { border-bottom: 4px solid #999; background-color: #fefdee; } /*--- Fieldsets with Legends, Common Form Item DIVs, Submit Buttons, Etc. ---*/ #contentarea-middle2 fieldset { padding: 7px; margin: 10px 0 10px 0; border: 1px solid #999; font-family: "Lucida Grande", Verdana, Arial, sans-serif; font-size: 10px; line-height: 12px; background-color: #f9f9f9; } #contentarea-middle2 fieldset legend, #contentarea-middle2 fieldset legend a, #contentarea-middle2 fieldset legend a:link, #contentarea-middle2 fieldset legend a:visited { font-family: "Trebuchet MS", "Trebuchet", Trebuchet, "Lucida Grande", Verdana, Arial, sans-serif; font-size: 20px; font-weight: 200; color: #666; letter-spacing: 0px; line-height: 1em; margin: 0px 5px 0 5px; background: none; border-bottom: none; padding-right: 0; display: block; } #contentarea-middle2 fieldset legend a:hover { color: #c60; } #contentarea-middle2 fieldset legend a:active { color: #666; } #contentarea-middle2 fieldset.collapsible { border: 1px solid #999; } #contentarea-middle2 fieldset.collapsible legend a { padding-left: 15px; background: url('/images/meta_arrow3d.gif') 0 50% no-repeat; } #contentarea-middle2 fieldset.collapsed { border: 1px dashed #999; } #contentarea-middle2 fieldset.collapsed legend a { padding-left: 15px; background-image: url('/images/meta_arrow3.gif'); } #contentarea-middle2 .form-item { padding: 5px 10px; margin: 4px 0 4px 0; background-color: #fff; border: 1px dashed #999; } #contentarea-middle2 .form-item .description { font-size: 10px; line-height: 1.25em; } #contentarea-middle2 .form-item .description .tips { font-size: 11px; } #contentarea-middle2 .form-item input, #contentarea-middle2 .form-item textarea, #contentarea-middle2 .form-item select { font: normal 11px Verdana, Arial, sans-serif; color: #000; background: #fefdee; width: 98%; border: 1px solid #ccc; margin: 2px 0; } #contentarea-middle2 .form-item input.form-radio, #contentarea-middle2 .form-item input.form-checkbox { width: auto; margin-left: 10px; } #contentarea-middle2 .form-item select { width: auto; } #contentarea-middle2 .form-item label { font-weight: 900; font-size: 12px; } #contentarea-middle2 .form-item input { height: 15px; } #contentarea-middle2 fieldset .descriptoin { font-style: italic; } #contentarea-middle2 input.submit, #contentarea-middle2 input.form-submit { margin-top: 7px; margin-bottom: 10px; } /*--- Resizable Text Areas ---*/ #contentarea-middle2 .resizable-textarea { width: auto; } #contentarea-middle2 .resizable-textarea .grippie { margin-top: -3px; border-top-width: 0px; border-right-width: 0px; border-left-width: 0px; border-bottom-width: 5px; border-color: #fff; } /*--- Definition List (BUG - Need To Clear, Can't Do In AP DIVs) ---*/ dl { font-family: georgia, times, serif; } dt { margin-top: 10px; border-color: #999; border-width: 1px; border-style: none none dashed dashed; font-weight: 900; padding: 0 3px 3px 7px; } dd { margin-left: 25px; margin-top: 2px; } /*--- Credits Below Article ---*/ #contentarea-middle2 .info-top { border-color: #999; border-width: 1px; border-style: none none dashed none; } #contentarea-middle2 .info { font: normal 10px Tahoma, sans-serif; text-transform: uppercase; display: inline; border-color: #999; border-width: 1px; border-style: none dashed dashed dashed; padding: 0 7px 5px 7px; margin: 0 0 0 20px; } /*--- Category Links & Terms ---*/ #contentarea-middle2 .links { font-family: "Trebuchet MS", "Trebuchet", Trebuchet, "Lucida Grande", Verdana, Arial, sans-serif; font-size: 14px; font-weight: 200; color: #666; letter-spacing: 0px; line-height: 1em; margin: 10px 0 0 0; border-color: #999; border-width: 1px; border-style: none none dashed none; } #contentarea-middle2 .links a, #contentarea-middle2 .links a:link, #contentarea-middle2 .links a:visited { color: #666; background: none; padding-right: 0; border: none; } #contentarea-middle2 .links a:hover, #contentarea-middle2 .links a:active { color: #000; } #contentarea-middle2 .terms { font: normal 10px Tahoma, sans-serif; text-transform: uppercase; display: inline; border-color: #999; border-width: 1px; border-style: solid dashed dashed dashed; border-top-color: #fff; padding: 0 7px 5px 7px; margin: 0 0 10px 20px; background-color: #fff; } #contentarea-middle2 .terms:hover { background-color: #fefdee; } /*--- Inline Containers ---*/ #contentarea-middle2 .container-inline div { display: block; } /*--- Pagination Navigation ---*/ #contentarea-middle2 #pager { padding: 10px; font-family: "Trebuchet MS", "Trebuchet", Trebuchet, "Lucida Grande", Verdana, Arial, sans-serif; font-size: 12px; font-weight: 400; background-color: #fff; margin-top: 35px; border: 1px dashed #e3e3e3; } #contentarea-middle2 #pager div { clear: both; display: inline; text-align: center; padding: 3px; } td.pager { white-space: nowrap; } #contentarea-middle2 a.pager-first, #contentarea-middle2 a.pager-next, #contentarea-middle2 a.pager-last { background-image: none ; padding-right: 0; border-bottom: 0 none ; } /*--- Breadcrumb Navigation ---*/ #contentarea-middle2 .breadcrumb { text-align: right; padding: 0; } #contentarea-middle2 .breadcrumb a, #contentarea-middle2 .breadcrumb a:link, #contentarea-middle2 .breadcrumb a:visited { padding-right: 0px; background: none; color: #999; border: none; } #contentarea-middle2 .breadcrumb a:hover, #contentarea-middle2 .breadcrumb a:active { background: none; color: #9C0; } /*--- Messages - Status & Error ---*/ #contentarea-middle2 .messages { margin: 0 0 5px 0; padding: 10px 10px 13px 60px; } #contentarea-middle2 .messages ul { margin-left: 10px; } #contentarea-middle2 .status { background: #efa url('/images/meta_message-success.png') no-repeat 15px 8px ; border: 1px dashed #9c0 ; } #contentarea-middle2 .error { background: #ff9 url('/images/meta_message-notification.png') no-repeat 15px 8px ; border: 1px dashed #cc0 ; } /*--- PRE Code Tags ---*/ pre { background: #fff url('/images/meta_pre-header_code.gif') no-repeat 10px 0; width: 90%; padding: 50px 5px 15px 15px; font-size: 11px; font-family: "Courier New", monospace; line-height: 12px; overflow: auto; overflow-y: hidden; /* IE */ color: #000; margin: 10px auto 15px auto; border-color: #eee #eee #e0e0e0 #e0e0e0; border-width: 1px 1px 3px 3px; border-style: double; } pre.command { background: #fff url('/images/meta_pre-header_command.gif') no-repeat 10px 0; } code { font-size:12px; } p code { color:#000; font-size: 13px; font-family: "Courier New", monospace; background-color: #ffff66; border-color: #eeeeee; border-width: 0 0 1px 1px; border-style: solid; padding:0px 3px; } p code:hover { border-color: #cccccc; } /*--- Coderay Formatting ---*/ .CodeRay { background-color: #f8f8f8; border: 1px solid silver; font-family: 'Courier New', 'Terminal', monospace; color: #100; } .CodeRay pre { margin:0px; font-size:12px !important; } div.CodeRay { } span.CodeRay { white-space: pre; border: 0px; padding: 2px } table.CodeRay { border-collapse:collapse !important; width:100%; padding:2px; border:none !important; background:none !important; } table.CodeRay td { padding: 2px 4px; vertical-align: top } .CodeRay .line_numbers { display:none; } .CodeRay .line_numbers, .CodeRay .no { background-color:#def; color:gray; text-align:right; } .CodeRay .line_numbers tt { font-weight:bold } .CodeRay .no { padding: 0px 4px } .CodeRay .code { width:100% } ol.CodeRay { font-size: 10pt } ol.CodeRay li { white-space: pre } .CodeRay .code pre { overflow: auto } .CodeRay .af { color:#00C } .CodeRay .an { color:#007 } .CodeRay .av { color:#700 } .CodeRay .aw { color:#C00 } .CodeRay .bi { color:#509; font-weight:bold } .CodeRay .c { color:#888 } .CodeRay .ch { color:#04D } .CodeRay .ch .k { color:#04D } .CodeRay .ch .dl { color:#039 } .CodeRay .cl { color:#B06; font-weight:bold } .CodeRay .co { color:#ff3333; font-weight:bold } .CodeRay .cr { color:#0A0 } .CodeRay .cv { color:#369 } .CodeRay .df { color:#099; font-weight:bold } .CodeRay .di { color:#088; font-weight:bold } .CodeRay .dl { color:black } .CodeRay .do { color:#970 } .CodeRay .ds { color:#D42; font-weight:bold } .CodeRay .e { color:#666; font-weight:bold } .CodeRay .en { color:#800; font-weight:bold } .CodeRay .er { color:#F00; background-color:#FAA } .CodeRay .ex { color:#F00; font-weight:bold } .CodeRay .fl { color:#60E; font-weight:bold } .CodeRay .fu { color:#06B; font-weight:bold } .CodeRay .gv { color:#d70; font-weight:bold } .CodeRay .hx { color:#058; font-weight:bold } .CodeRay .i { color:#00D; font-weight:bold } .CodeRay .ic { color:#B44; font-weight:bold } .CodeRay .il { background:none; } .CodeRay .il .il { background:none; } .CodeRay .il .il .il { background:none; } .CodeRay .il .idl { font-weight: bold; color: #888 } .CodeRay .il .dl { color:#000 !important; } .CodeRay .in { color:#B2B; font-weight:bold } .CodeRay .iv { color:#33B } .CodeRay .la { color:#970; font-weight:bold } .CodeRay .lv { color:#963 } .CodeRay .oc { color:#40E; font-weight:bold } .CodeRay .on { color:#000; font-weight:bold } .CodeRay .op { } .CodeRay .pc { color:#038; font-weight:bold } .CodeRay .pd { color:#369; font-weight:bold } .CodeRay .pp { color:#579 } .CodeRay .pt { color:#339; font-weight:bold } .CodeRay .r { color:#cc6633; font-weight:bold } .CodeRay .rx { background-color:#fff0ff } .CodeRay .rx .k { color:#808 } .CodeRay .rx .dl { color:#404 } .CodeRay .rx .mod { color:#C2C } .CodeRay .rx .fu { color:#404; font-weight: bold } .CodeRay .s { background-color:none; } .CodeRay .s .s { background-color:none; } .CodeRay .s .s .s { background-color:none; } .CodeRay .s .k { color:#339900 !important; } .CodeRay .s .dl { color:#339900 !important; } .CodeRay .sh { background-color:#f0fff0 } .CodeRay .sh .k { color:#2B2 } .CodeRay .sh .dl { color:#161 } .CodeRay .sy { color:#0066cc } .CodeRay .sy .k { color:#A60 } .CodeRay .sy .dl { color:#630 } .CodeRay .ta { color:#070 } .CodeRay .tf { color:#070; font-weight:bold } .CodeRay .ts { color:#D70; font-weight:bold } .CodeRay .ty { color:#339; font-weight:bold } .CodeRay .v { color:#036 } .CodeRay .xt { color:#444 } /*--- BlockQuote Tag ---*/ #contentarea-middle2 blockquote { background: url('/images/meta_block-quote_left.gif') no-repeat top left ; margin: 10px 30px 0 30px; font-style: italic; } #contentarea-middle2 blockquote div { background: url('/images/meta_block-quote_right.gif') no-repeat bottom right ; padding: 0 37px 0 42px; } /*--- User Comment Boxes ---*/ #contentarea-middle2 .comment-box { width: 100% } #contentarea-middle2 .comment-box h3 { margin: 0 10px 0 16px; font-family: "Trebuchet MS", "Trebuchet", Trebuchet, "Lucida Grande", Verdana, Arial, sans-serif; font-size: 20px; font-weight: 200; color: #666; letter-spacing: 0px; line-height: 1em; padding: 15px 0 3px 17px; border-color: #ccc; border-width: 1px; border-style: none none none none; z-index: 65; text-align: left; } #contentarea-middle2 .comment-box .comment-info { font: normal 10px Tahoma, sans-serif; text-transform: uppercase; display: inline; border-color: #999; border-width: 1px; border-style: solid dashed dashed dashed; border-top: 2px solid #fff; padding: 2px 7px 5px 7px; margin: 0 0 0 20px; background: #fcfafe; position: relative; z-index: 63; } #contentarea-middle2 .comment-box .comment { width: 100%; border-color: #ccc; border-width: 1px; border-style: solid solid solid solid; margin: -18px 0 0 0; background: #fefdee; position: relative; z-index: 61; } #contentarea-middle2 .comment-box .comment .tl { background-image: url('/images/meta_comment-tl.gif'); background-position: 0% 0%; background-repeat: no-repeat; position: relative; top: -1px; left: -1px; } #contentarea-middle2 .comment-box .comment .tr { background-image: url('/images/meta_comment-tr.gif'); background-position: 100% 0%; background-repeat: no-repeat; position: relative; left: 2px; } #contentarea-middle2 .comment-box .comment .br { background-image: url('/images/meta_comment-br.gif'); background-position: 100% 100%; background-repeat: no-repeat; position: relative; top: 2px; } #contentarea-middle2 .comment-box .comment .bl { background-image: url('/images/meta_comment-bl.gif'); background-position: 0% 100%; background-repeat: no-repeat; position: relative; left: -2px; padding: 0; overflow: hidden; } #contentarea-middle2 .comment-box .by-author { background:#eaeaea !important; } #contentarea-middle2 .comment .comment-vertspacer { height: 19px; } #contentarea-middle2 .comment .content { font-size: 11px; line-height: 13px; margin: 0; padding: 18px 22px 22px 22px; min-height:34px; } #contentarea-middle2 .comment .gravatar { float:left; margin: 0 7px 2px 0; } #contentarea-middle2 .comment .content p { padding: 5px 0 5px 0; text-indent: 20px; margin: 0 0 0 0; } #contentarea-middle2 .comment .content cite { display: block; background: url('/images/meta_comment-quote.gif') no-repeat 0 0 ; padding: 0 0 0 40px; min-height: 31px; text-indent: 0px; margin: 0 0 0 0; } #contentarea-middle2 .comment-links-box { display: none; /* Leave for when Mephisto supports inline replies */ margin: 0 0 20px 0; padding: 0 22px; text-align: right; } #contentarea-middle2 .comment-links { font: normal 10px Tahoma, sans-serif; text-transform: uppercase; border-color: #999; border-width: 1px; border-style: dashed dashed dashed dashed; padding: 5px 7px 5px 7px; background-color: #fff; } #contentarea-middle2 .comment-links:hover { background-color: #efa; } #contentarea-middle2 .comment-links a, #contentarea-middle2 .comment-links a:link, #contentarea-middle2 .comment-links a:visited { color: #666; background: none; padding-right: 0; border: none; } #contentarea-middle2 .comment-links a:hover, #contentarea-middle2 .comment-links a:active { color: #000; } #contentarea-middle2 #comment-moderation-button { margin: 20px 0 0 0px; } /*--- Aggregator XML Feed Icon ---*/ #contentarea-middle2 a.feed-icon { display: block; margin: 30px 0 0 20px; border-bottom: none; } #contentarea-middle2 a.feed-icon { border-bottom: none; } /*--- Block Region Coloring (4.7 NEW) ---*/ .block-region { display: block; background-color: #fff600; border: 1px dashed #9c0; padding: 5px 5px 5px 10px; margin: 8px 0; color: #666; } /*--- A Anchors (with no visual effects) ---*/ #contentarea-middle2 a.anchor, #contentarea-middle2 a.anchor:link, #contentarea-middle2 a.anchor:visited { background: none; padding-right: 0; border: none; } /* DIV #contentarea-right2 <-- Misc. Meta Content Styles +-------------------------------------------------------------------------------------------------+ */ /*--- General Text ---*/ #contentarea-right2 { font-family: "Lucida Grande", Verdana, Arial, sans-serif; font-size: 11px; font-weight: normal; color: #666; letter-spacing: 0em; line-height: 1.2em; } #contentarea-right2 h2 { font-family: "Trebuchet MS", "Trebuchet", Trebuchet, "Lucida Grande", Verdana, Arial, sans-serif; font-size: 20px; font-weight: 200; color: #000; letter-spacing: -1px; line-height: 1em; /* Non-Overides */ padding: 0 0 5px 0; } /* DIV #contentarea-right2 <-- Drupal Specific Overides & Enhancements +-------------------------------------------------------------------------------------------------+ */ /*--- General Text ---*/ #contentarea-right2 .content { margin: 0 0 10px 13px; } #contentarea-right2 .content h3 { margin: 10px 0 0 0; } /*--- More Content Links ---*/ #contentarea-right2 .more-link { text-align: left; margin: -10px 0 12px 25px; } #contentarea-right2 .more-link a, #contentarea-right2 .more-link a:link, #contentarea-right2 .more-link a:visited { color: #999; } #contentarea-right2 .more-link a:hover, #contentarea-right2 .more-link a:active { color: #c60; } /*--- Feed Icon ---*/ #contentarea-right2 .feed-icon { margin: 0 0 0 0; } #contentarea-right2 .feed-icon img { margin: 5px 0 10px 10px; } /*--- Lists Style & Links ---*/ #contentarea-right2 .content { padding: 0 0 0 0; margin: 0 0 0 0; } #contentarea-right2 .content ul { margin: 0 0 0 25px; padding-bottom: 0; } #contentarea-right2 .content ul:first-child { margin: 0 0 15px 25px; padding-bottom: 0; } #contentarea-right2 .content ul.menu { margin: 0 0 0 5px; padding-bottom: 0; } #contentarea-right2 .content ul.menu:first-child { margin: 0 0 15px 15px; padding-bottom: 0; } #contentarea-right2 ul li { list-style-type: none; list-style-position: outside; list-style-image: url('/images/meta_bullet1.gif') ; margin: 4px 0 4px 0; padding: 0 0 0 0; } #contentarea-right2 ul li.expanded { list-style-image: url('/images/meta_arrow3d.gif') ; } #contentarea-right2 ul li.collapsed { list-style-image: url('/images/meta_arrow3.gif') ; } #contentarea-right2 ul li a, #contentarea-right2 ul li a:link { color: #06c; } #contentarea-right2 ul li a:visited { color: #06c; } #contentarea-right2 ul li a:active, #contentarea-right2 ul li a:hover { color: #000; background: url('/images/meta_arrow2.gif') no-repeat 100% 50% ; padding-right: 9px; } /*--- Login Box ---*/ #contentarea-right2 #block-user-0 #user-login-form { margin: 0 0 0 10px; text-align: left; } #contentarea-right2 #block-user-0 label { font: normal 9px Tahoma, sans-serif; text-transform: uppercase; } #contentarea-right2 #block-user-0 .form-item { margin: 0 0 0 0; } #contentarea-right2 #block-user-0 a, #contentarea-right2 #block-user-0 a:link, #contentarea-right2 #block-user-0 a:visited, #contentarea-right2 #block-user-0 a:active { line-height:1.4em; padding-left:17px; font-size: 9px; color: #222; } #contentarea-right2 #block-user-0 a:hover { color: #c60; } #contentarea-right2 #block-user-0 input.form-text, #contentarea-right2 #block-user-0 input.form-password { font: normal 9px monaco, courier, serif; text-align: left; color: #444; padding: 2px; background: #fff; border: 1px solid #ccc; display: block; width: 85%; } #contentarea-right2 #block-user-0 input.form-submit { font-size: 9px; color: #222; margin: 3px 0 3px 0; } #contentarea-right2 #block-user-0 div.item-list ul { list-style-type: none; list-style-image: none; list-style: none; margin: 0 0 14px -5px; padding: 0; } #contentarea-right2 #block-user-0 div.item-list ul li { list-style-type: none; list-style-image: none; list-style: none; margin: 0 0 0 0; } /*--- Archive Calendar Formatting ---*/ #contentarea-right2 .calendar table { border: 1px solid #ccc; border-collapse: collapse; border-spacing: 0; background-color: #eee; width: 100%; margin-bottom: 6px; } #contentarea-right2 .calendar caption { font-size: 1.0em; margin-bottom: 5px; } #contentarea-right2 .calendar th, #contentarea-right2 .calendar td { font-size: 0.9em; } #contentarea-right2 .calendar th { background-color: transparent; background: #fff; text-align: center; border: none; color: #C30; padding: 4px 0; } #contentarea-right2 .calendar tr { padding: 0; margin: 0; background: transparent; } #contentarea-right2 .calendar th.prev { text-align: left; } #contentarea-right2 .calendar th.next { text-align: right; } #contentarea-right2 .calendar th a { display: block; } #contentarea-right2 .calendar td, #contentarea-right2 .calendar .row-week td { border: 1px solid #ccc; color: #727664; text-align: center; vertical-align: middle; margin: 0; padding: 6px 2px; background: url('/images/meta_calendar_sq_bg.png') top left no-repeat; } #contentarea-right2 .calendar .row-week td.day-blank { background-color: transparent; background-image: none; } #contentarea-right2 .calendar td.selected, #contentarea-right2 .calendar .row-week td.day-selected { background: #fff url('/images/meta_calendar_sq_selected.png') top left repeat; } #contentarea-right2 .calendar td.day-normal { color: #798786; font-weight: normal; background: #fff; text-align: center; padding: 4px 2px; } #contentarea-right2 .calendar td.header-month { border: none; } #contentarea-right2 .calendar td.day-today { color: #fff; background: #c30 url('/images/meta_calendar_sq_today_corner.png') bottom right no-repeat; } /* DIV #footer-area & #secondary-links +-------------------------------------------------------------------------------------------------+ */ #footer-area { margin: 0 150px; text-align: center; font-family: "Lucida Grande", Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #5b5b5b; } #footer-area a, #footer-area a:link, #footer-area a:visited { border: 0; color: #c60; } #footer-area a:hover, #footer-area a:active { color: #9c6; } #footer-area .site-name { font-family: "Trebuchet MS", "Trebuchet", Trebuchet, "Lucida Grande", Verdana, Arial, sans-serif; font-size: 15px; font-weight: 400; } #footer-area .footer-message { font-style: italic; font-size: 10px; } #secondary-links { text-align: center; } \ No newline at end of file + /* +-------------------------------------------------------------------------------------------------+ \ | | / ___|| | __(_) | | ___ _ __ ___| |_ |\/ | _ \ __| _` | \___ \| |/ /| | | |/ __| | '_ \ / _ \ __| | Meta Theme for Mephisto | | __/ | ( | ___) | < | | | |\__ \_| | | | __/ |_ | 0.8.0 Drax Edition _| _| \___| \__| \__,_| |____/|_|\_\|_|_|_||___/_)_| |_|\___|\__| | ------------------------- C o d i n g t h i n g s o n t o p o f o t h e r t h i n g s! | By: Ken Collins +-------------------------------------------------------------------------------------------------+ */ /* DIV #contentarea-middle2 <-- Misc. Meta Content Styles +-------------------------------------------------------------------------------------------------+ */ /*--- Overall Style Elements ---*/ * { list-style: none; margin: 0; padding: 0; } a { text-decoration: none; } img { border: none; } .clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } body { background: #fff url('/images/meta_background-green.gif') repeat-x fixed top left; /* MetaTool Overide */ font-family: "Lucida Grande", Verdana, Arial, Helvetica, sans-serif; font-size: 62.6%; margin: 0 0 20px 0; min-width: 907px; padding: 0 25px; } /*--- General Text ---*/ #contentarea-middle2 { font-size: 120%; font-family: Verdana, "Lucida Grande", Geneva, Arial, Helvetica, "Bitstream Vera Sans", sans-serif; font-weight: normal; color: #333; letter-spacing: 0em; line-height: 1.5em; } #contentarea-middle2 h1 { width: 365px; font-family: "Trebuchet MS", "Trebuchet", Trebuchet, "Lucida Grande", Verdana, Arial, sans-serif; font-size: 30px; font-weight: 200; color: #9C0; letter-spacing: -1px; line-height: 1em; padding: 5px 0 5px 0; } #contentarea-middle2 h2 { font-family: "Trebuchet MS", "Trebuchet", Trebuchet, "Lucida Grande", Verdana, Arial, sans-serif; font-size: 22px; font-weight: 200; color: #666; letter-spacing: -0.05em; line-height: 1em; padding: 25px 0 2px 0; margin-bottom: 1px; border-color: #999; border-width: 1px; border-style: none none dashed none; } #contentarea-middle2 h3 { font-family: "Lucida Grande", Verdana, Arial, Helvetica, sans-serif; font-size: 16px; font-weight: 200; color: #666; letter-spacing: -1px; line-height: 1em; padding: 25px 0 2px 0; text-align: center; } #contentarea-middle2 p { padding: 15px 0 5px 0; text-indent: 20px; } /*--- Main Content Link - Node Area (internal) ---*/ #contentarea-middle2 .node a, #contentarea-middle2 .node a:link, #contentarea-middle2 .node a:visited { background: url('/images/meta_arrow2.gif') no-repeat 100% 50% ; padding-right: 9px; border-bottom: 1px dotted #666; color: #c60; } #contentarea-middle2 .node a:hover, #contentarea-middle2 .node a:active { color: #9c6; } /*--- Main Content Link - Everywhere Else ---*/ #contentarea-middle2 a, #contentarea-middle2 a:link, #contentarea-middle2 a:visited { background: none ; padding-right: 0; border-bottom: 1px dotted #666; color: #c60; } #contentarea-middle2 a:hover, #contentarea-middle2 a:active { color: #9c6; } /*--- Main Content Link - Node Area (external) ---*/ #contentarea-middle2 .node a.external-link, #contentarea-middle2 .node a:link.external-link, #contentarea-middle2 .node a:visited.external-link { background: url('/images/meta_new-window.gif') no-repeat 100% 50% ; border-bottom: 1px dotted #666; padding-right: 11px; color: #c60; } #contentarea-middle2 .node a:hover.external-link, #contentarea-middle2 .node a:active.external-link { color: #9c6; } /*--- Lists Style ---*/ #contentarea-middle2 ul { margin: 0 0 15px 35px; } #contentarea-middle2 ul li { list-style: none; list-style-position: outside; list-style-image: url('/images/meta_bullet1.gif') ; margin: 3px 0; } /*--- Photo Fancy Border (Bounding & Border Images) ---*/ #contentarea-middle2 .photobounding { background-color: #fff; position: relative; width: auto; max-width: 553px; min-width: 143px; height: 100%; min-height: 220px; margin: 10px auto 14px auto; border: 1px solid #e1e1e1; /* e1e1e1 */ z-index: 43; } #contentarea-middle2 .photobounding .tl { background: url('/images/meta_photo-tl.png') no-repeat 0 0 ; position: absolute; width: 71px; height: 110px; top: -11px; left: -11px; } #contentarea-middle2 .photobounding .tr { background: url('/images/meta_photo-tr.png') no-repeat 100% 0 ; position: absolute; width: 71px; height: 110px; top: -11px; right: -11px; } #contentarea-middle2 .photobounding .bl { background: url('/images/meta_photo-bl.png') no-repeat 100% 100% ; position: absolute; width: 71px; height: 110px; bottom: -11px; left: -11px; } #contentarea-middle2 .photobounding .br { background: url('/images/meta_photo-br.png') no-repeat 0 100% ; position: absolute; width: 71px; height: 110px; bottom: -11px; right: -11px; } #contentarea-middle2 .phototime { position: relative; padding: 13px 13px 8px 13px; z-index: 47; } #contentarea-middle2 .phototime a, #contentarea-middle2 .phototime a:link, #contentarea-middle2 .phototime a:visited { background: none; padding-right: 0; border: none; } #contentarea-middle2 .phototime img{ border: 1px solid #eeeeee; } /*--- Galleries Index Page ---*/ #contentarea-middle2 #galleries { height: 1%; position: relative; } #contentarea-middle2 #galleries a, #contentarea-middle2 #galleries a:link, #contentarea-middle2 #galleries a:visited { background: none; padding-right: 0; border: none; } #contentarea-middle2 #galleries ul { float: left; width: 100%; margin: 0; padding: 0; list-style: none; } #contentarea-middle2 #galleries li { list-style-image: none; margin-bottom: 10px; } #contentarea-middle2 #galleries .preview { background: url('/images/meta_photoslide-bg-mtpl.png') 0 0 no-repeat; float: left; width: 210px; height: 200px; margin: 15px 0 0 0; } #contentarea-middle2 #galleries span.horiz, #contentarea-middle2 #galleries span.vert { display: block; top: 0; left: 0; border-width: 0; } #contentarea-middle2 #galleries span.horiz { width: 92px; height: 70px; padding: 30px 0 0 52px; } #contentarea-middle2 #galleries span.vert { width: 70px; height: 92px; padding: 18px 0 0 62px; } #contentarea-middle2 #galleries img { display: block; border: 1px solid; border-color:#999 #fff #fff #999; background: none; padding-right: 0; } #contentarea-middle2 #galleries .preview-desc { position: relative; margin-left: 210px; } #contentarea-middle2 #galleries h2 a, #contentarea-middle2 #galleries h2 a:link, #contentarea-middle2 #galleries h2 a:visited { color: #333; background: none; padding-right: 0; border: none; } #contentarea-middle2 #galleries h2 a:hover { color: #9c6; } #contentarea-middle2 #galleries h2 a:active { color: #c60; } #contentarea-middle2 #galleries p { text-indent: 0; padding-top: 10px; } #contentarea-middle2 #galleries span.view-button img { display: inline; border-width: 0; border-style: none; margin: 5px 0 5px 18px; } #contentarea-middle2 #galleries span.count, #contentarea-middle2 #galleries span.last { font-size: 85%; line-height: 1.4em; padding: 5px 0 5px 20px; } /*--- Gallery Thumbnail Pages ---*/ #contentarea-middle2 #gallery { width: 560px; margin: 0 auto; } #contentarea-middle2 #gallery a, #contentarea-middle2 #gallery a:link, #contentarea-middle2 #gallery a:visited { background: none; padding-right: 0; border: none; } #contentarea-middle2 #gallery ul { float: left; width: 100%; margin: 20px 0 0 0; padding: 0; list-style: none; } #contentarea-middle2 #gallery li { position: relative; background: url('/images/meta_photoslide-bg.png') 27px 0 no-repeat; float: left; width: 174px; height: 65px; margin: 5px; padding: 130px 0 15px 0; text-align: center; list-style-image: none; } #contentarea-middle2 #gallery span.horiz, #contentarea-middle2 #gallery span.vert { display: block; position: absolute; top: 0; left: 0; border-width: 0; } #contentarea-middle2 #gallery span.horiz { width: 92px; height: 70px; padding: 25px 0px 28px 41px; } #contentarea-middle2 #gallery span.vert { width: 70px; height: 92px; padding: 13px 0px 28px 53px; } #contentarea-middle2 #gallery img { display: block; border: 1px solid; border-color:#999 #fff #fff #999; background: none; padding-right: 0; } #contentarea-middle2 #gallery h3 { margin: 0 0 .25em 4px; font: bold 100% Verdana,Sans-serif; line-height: 1.2em; letter-spacing: 0px; color: #666; padding: 0 0 0 0; font-weight: 200; } #contentarea-middle2 #gallery div.date { font: italic 100% Georgia; color: #999; margin-top: 5px; } /*--- Gallery Thumbnail Pages (lightbox.js) ---*/ #lightbox{ position: absolute; left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;} #lightbox img{ width: auto; height: auto;} #lightbox a img{ border: none; } #outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; } #imageContainer{ padding: 10px; } #loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; } #hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; } #imageContainer>#hoverNav{ left: 0;} #hoverNav a{ outline: none;} #prevLink, #nextLink{ width: 49%; height: 100%; background-image: url('/images/meta_null.gif'); display:block; } #prevLink { left: 0; float: left;} #nextLink { right: 0; float: right;} #prevLink:hover, #prevLink:visited:hover { background: url('/images/meta_lb_prevlabel.gif') left 15% no-repeat; } #nextLink:hover, #nextLink:visited:hover { background: url('/images/meta_lb_nextlabel.gif') right 15% no-repeat; } #imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow:auto; width:100%; } /* overflow:auto; width:100%; Maybe remove */ #imageData{ padding:0 10px; color: #666; } /* color:#666; Maybe remove */ #imageData #imageDetails{ width: 70%; float: left; text-align: left; } #imageData #caption{ font-weight: bold; } #imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em; } #imageData #bottomNavClose{ width: 66px; float: right; padding-bottom: 0.7em; outline:none; } /* outline: none; Maybe remove */ #overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; } /*#lightbox { top: 40px; } #overlay{ filter:alpha(opacity=60); -moz-opacity: 0.6; opacity:0.6; }*/ /*--- Gallery Photos (node view) ---*/ #contentarea-middle2 .content .preview img { display: block; padding: 14px; border: 1px solid #ccc; margin: 20px auto 0 auto; background-color: #fff; } /* DIV #contentarea-middle2 <-- Drupal Specific Overides & Enhancements +-------------------------------------------------------------------------------------------------+ */ /*--- Home Page <h2> Tag & Linking ---*/ #contentarea-middle2 .node h2 a, #contentarea-middle2 .node h2 a:link, #contentarea-middle2 .node h2 a:visited { color: #333; background: none; padding-right: 0; border: none; } #contentarea-middle2 .node h2 a:hover { color: #9c6; } #contentarea-middle2 .node h2 a:active { color: #c60; } /*--- General Text - <p> Overides ---*/ #contentarea-middle2 p#content-help, #contentarea-middle2 fieldset p { padding: 3px 0 6px 0; } /*--- Main Content Link (internal) ---*/ #contentarea-middle2 ul.tabs a, #contentarea-middle2 ul.tabs a:link, #contentarea-middle2 ul.tabs a:visited { background: none; padding-right: 10px; } #contentarea-middle2 ul.tabs a:hover, #contentarea-middle2 ul.tabs a:active { } #contentarea-middle2 .more-help-link a, #contentarea-middle2 .more-help-link a:link, #contentarea-middle2 .more-help-link a:visited { background: none; padding-right: 0; } /*--- Misc Table, Row, and Color Formatting ---*/ #contentarea-middle2 table { width: 100%; border-collapse: separate; border: 1px dashed #999; margin: 10px 0; padding: 7px; background: #fff; font-size: 10px; line-height: 1.2em; } #contentarea-middle2 table a, #contentarea-middle2 table a:link, #contentarea-middle2 table a:visited { padding-right: 0; background: none; color: #000; } #contentarea-middle2 table a:hover, #contentarea-middle2 table a:active { background-color: #fff; } tr.even, tr.odd { padding: 7px; border: 1px solid #999; } tr.odd { background-color: #f9f9f9; } tr.even { background-color: #efefef; } tr.odd:hover, tr.even:hover { background-color: #fefdee; } tr.odd .form-item, tr.even .form-item { margin: 0 auto; white-space: nowrap; } tr.odd td.module, tr.even td.module, tr.odd td.permission, tr.even td.permission, tr.odd td.region, tr.even td.region, tr.odd td.block, tr.even td.block { padding-left: 10px; } tr.odd td.region, tr.even td.region { font-family: "Trebuchet MS", "Trebuchet", Trebuchet, "Lucida Grande", Verdana, Arial, sans-serif; font-size: 20px; font-weight: 200; color: #666; letter-spacing: 0px; line-height: 1em; padding-left: 10px; } tr.odd td.block, tr.even td.block { padding-left: 20px; } /*--- Watchdog Formatting ---*/ tr.watchdog-user, tr.watchdog-php, tr.watchdog-search, tr.watchdog-content, tr.watchdog-page-not-found, tr.watchdog-access-denied, tr.watchdog-error { font-family: "Lucida Grande", Verdana, Arial, Helvetica, sans-serif; font-size: 9px; } tr.watchdog-user { background: #ffd; } tr.watchdog-user:hover { background: #fcfcc3; } tr.watchdog-php { background: #ffd; } tr.watchdog-php:hover { background: #fcfcc3; } tr.watchdog-search { background: #ffd; } tr.watchdog-search:hover { background: #fcfcc3; } tr.watchdog-content { background: #ddf; } tr.watchdog-content:hover { background: #c6c6ff;} tr.watchdog-page-not-found, tr.watchdog-access-denied { background: #dfd; } tr.watchdog-page-not-found:hover, tr.watchdog-access-denied:hover { background: #c3f6c3; } tr.watchdog-error { background: #ffc9c9; } tr.watchdog-error:hover { background: #f39c9c; } tr.watchdog-cron { background: #fff; } tr.watchdog-cron:hover { background: #e9e9e9; } tr.watchdog-user img, tr.watchdog-php img, tr.watchdog-search img, tr.watchdog-content img, tr.watchdog-page-not-found img, tr.watchdog-access-denied img, tr.watchdog-error img { margin: 6px; } /*--- Tab Navigation ---*/ #contentarea-middle2 ul.primary { margin: 5px 0 0 0; } #contentarea-middle2 ul.primary { border-collapse: collapse; padding: 10px 0 0 20px; white-space: nowrap; list-style: none; height: auto; line-height: normal; border-bottom: 1px dashed #999; } #contentarea-middle2 ul.primary li { display: inline; } #contentarea-middle2 ul.primary li a, #contentarea-middle2 ul.primary li a:link, #contentarea-middle2 ul.primary li a:visited { background: none; border-color: #999; border-width: 1px; border-style: dashed dashed none dashed; height: auto; margin-right: 0.5em; padding: 0 1em; text-decoration: none; color: black; } #contentarea-middle2 ul.primary li.active a { background-color: #efefef; border-bottom: 1px solid #efefef; padding-top: 3px; } #contentarea-middle2 ul.primary li a:hover { background-color: #fefdee; padding-top: 3px; } #contentarea-middle2 ul.secondary { border-bottom: 1px dashed #999; padding: 10px 0 10px 10px; margin: 0 0 15px 0; } #contentarea-middle2 ul.secondary li { display: inline; padding: 0 1em; border-right: 1px solid #ccc; } #contentarea-middle2 ul.secondary a, #contentarea-middle2 ul.secondary a:link, #contentarea-middle2 ul.secondary a:visited { padding: 0; text-decoration: none; color: black; } #contentarea-middle2 ul.secondary a.active { border-bottom: 4px solid #999; } #contentarea-middle2 ul.secondary a:hover { border-bottom: 4px solid #999; background-color: #fefdee; } /*--- Fieldsets with Legends, Common Form Item DIVs, Submit Buttons, Etc. ---*/ #contentarea-middle2 fieldset { padding: 7px; margin: 10px 0 10px 0; border: 1px solid #999; font-family: "Lucida Grande", Verdana, Arial, sans-serif; font-size: 10px; line-height: 12px; background-color: #f9f9f9; } #contentarea-middle2 fieldset legend, #contentarea-middle2 fieldset legend a, #contentarea-middle2 fieldset legend a:link, #contentarea-middle2 fieldset legend a:visited { font-family: "Trebuchet MS", "Trebuchet", Trebuchet, "Lucida Grande", Verdana, Arial, sans-serif; font-size: 20px; font-weight: 200; color: #666; letter-spacing: 0px; line-height: 1em; margin: 0px 5px 0 5px; background: none; border-bottom: none; padding-right: 0; display: block; } #contentarea-middle2 fieldset legend a:hover { color: #c60; } #contentarea-middle2 fieldset legend a:active { color: #666; } #contentarea-middle2 fieldset.collapsible { border: 1px solid #999; } #contentarea-middle2 fieldset.collapsible legend a { padding-left: 15px; background: url('/images/meta_arrow3d.gif') 0 50% no-repeat; } #contentarea-middle2 fieldset.collapsed { border: 1px dashed #999; } #contentarea-middle2 fieldset.collapsed legend a { padding-left: 15px; background-image: url('/images/meta_arrow3.gif'); } #contentarea-middle2 .form-item { padding: 5px 10px; margin: 4px 0 4px 0; background-color: #fff; border: 1px dashed #999; } #contentarea-middle2 .form-item .description { font-size: 10px; line-height: 1.25em; } #contentarea-middle2 .form-item .description .tips { font-size: 11px; } #contentarea-middle2 .form-item input, #contentarea-middle2 .form-item textarea, #contentarea-middle2 .form-item select { font: normal 11px Verdana, Arial, sans-serif; color: #000; background: #fefdee; width: 98%; border: 1px solid #ccc; margin: 2px 0; } #contentarea-middle2 .form-item input.form-radio, #contentarea-middle2 .form-item input.form-checkbox { width: auto; margin-left: 10px; } #contentarea-middle2 .form-item select { width: auto; } #contentarea-middle2 .form-item label { font-weight: 900; font-size: 12px; } #contentarea-middle2 .form-item input { height: 15px; } #contentarea-middle2 fieldset .descriptoin { font-style: italic; } #contentarea-middle2 input.submit, #contentarea-middle2 input.form-submit { margin-top: 7px; margin-bottom: 10px; } /*--- Resizable Text Areas ---*/ #contentarea-middle2 .resizable-textarea { width: auto; } #contentarea-middle2 .resizable-textarea .grippie { margin-top: -3px; border-top-width: 0px; border-right-width: 0px; border-left-width: 0px; border-bottom-width: 5px; border-color: #fff; } /*--- Definition List (BUG - Need To Clear, Can't Do In AP DIVs) ---*/ dl { font-family: georgia, times, serif; } dt { margin-top: 10px; border-color: #999; border-width: 1px; border-style: none none dashed dashed; font-weight: 900; padding: 0 3px 3px 7px; } dd { margin-left: 25px; margin-top: 2px; } /*--- Credits Below Article ---*/ #contentarea-middle2 .info-top { border-color: #999; border-width: 1px; border-style: none none dashed none; } #contentarea-middle2 .info { font: normal 10px Tahoma, sans-serif; text-transform: uppercase; display: inline; border-color: #999; border-width: 1px; border-style: none dashed dashed dashed; padding: 0 7px 5px 7px; margin: 0 0 0 20px; } /*--- Category Links & Terms ---*/ #contentarea-middle2 .links { font-family: "Trebuchet MS", "Trebuchet", Trebuchet, "Lucida Grande", Verdana, Arial, sans-serif; font-size: 14px; font-weight: 200; color: #666; letter-spacing: 0px; line-height: 1em; margin: 10px 0 0 0; border-color: #999; border-width: 1px; border-style: none none dashed none; } #contentarea-middle2 .links a, #contentarea-middle2 .links a:link, #contentarea-middle2 .links a:visited, #contentarea-middle2 .terms a, #contentarea-middle2 .terms a:link, #contentarea-middle2 .terms a:visited { color: #666; background: none; padding-right: 0; border: none; } #contentarea-middle2 .links a:hover, #contentarea-middle2 .links a:active, #contentarea-middle2 .terms a:hover, #contentarea-middle2 .terms a:active { color: #000; } #contentarea-middle2 .terms { font: normal 10px Tahoma, sans-serif; text-transform: uppercase; display: inline; border-color: #999; border-width: 1px; border-style: solid dashed dashed dashed; border-top-color: #fff; padding: 0 7px 5px 7px; margin: 0 0 10px 20px; background-color: #fff; } #contentarea-middle2 .terms * { vertical-align:middle; } /*--- Inline Containers ---*/ #contentarea-middle2 .container-inline div { display: block; } /*--- Pagination Navigation ---*/ #contentarea-middle2 #pager { padding: 10px; font-family: "Trebuchet MS", "Trebuchet", Trebuchet, "Lucida Grande", Verdana, Arial, sans-serif; font-size: 12px; font-weight: 400; background-color: #fff; margin-top: 35px; border: 1px dashed #e3e3e3; } #contentarea-middle2 #pager div { clear: both; display: inline; text-align: center; padding: 3px; } td.pager { white-space: nowrap; } #contentarea-middle2 a.pager-first, #contentarea-middle2 a.pager-next, #contentarea-middle2 a.pager-last { background-image: none ; padding-right: 0; border-bottom: 0 none ; } /*--- Breadcrumb Navigation ---*/ #contentarea-middle2 .breadcrumb { text-align: right; padding: 0; } #contentarea-middle2 .breadcrumb a, #contentarea-middle2 .breadcrumb a:link, #contentarea-middle2 .breadcrumb a:visited { padding-right: 0px; background: none; color: #999; border: none; } #contentarea-middle2 .breadcrumb a:hover, #contentarea-middle2 .breadcrumb a:active { background: none; color: #9C0; } /*--- Messages - Status & Error ---*/ #contentarea-middle2 .messages { margin: 0 0 5px 0; padding: 10px 10px 13px 60px; } #contentarea-middle2 .messages ul { margin-left: 10px; } #contentarea-middle2 .status { background: #efa url('/images/meta_message-success.png') no-repeat 15px 8px ; border: 1px dashed #9c0 ; } #contentarea-middle2 .error { background: #ff9 url('/images/meta_message-notification.png') no-repeat 15px 8px ; border: 1px dashed #cc0 ; } /*--- PRE Code Tags ---*/ pre { background: #fff url('/images/meta_pre-header_code.gif') no-repeat 10px 0; width: 90%; padding: 50px 5px 15px 15px; font-size: 11px; font-family: "Courier New", monospace; line-height: 12px; overflow: auto; overflow-y: hidden; /* IE */ color: #000; margin: 10px auto 15px auto; border-color: #eee #eee #e0e0e0 #e0e0e0; border-width: 1px 1px 3px 3px; border-style: double; } pre.command { background: #fff url('/images/meta_pre-header_command.gif') no-repeat 10px 0; } code { font-size:12px; } p code { color:#000; font-size: 13px; font-family: "Courier New", monospace; background-color: #ffff66; border-color: #eeeeee; border-width: 0 0 1px 1px; border-style: solid; padding:0px 3px; } p code:hover { border-color: #cccccc; } /*--- Coderay Formatting ---*/ .CodeRay { background-color: #f8f8f8; border: 1px solid silver; font-family: 'Courier New', 'Terminal', monospace; color: #100; } .CodeRay pre { margin:0px; font-size:12px !important; } div.CodeRay { } span.CodeRay { white-space: pre; border: 0px; padding: 2px } table.CodeRay { border-collapse:collapse !important; width:100%; padding:2px; border:none !important; background:none !important; } table.CodeRay td { padding: 2px 4px; vertical-align: top } .CodeRay .line_numbers { display:none; } .CodeRay .line_numbers, .CodeRay .no { background-color:#def; color:gray; text-align:right; } .CodeRay .line_numbers tt { font-weight:bold } .CodeRay .no { padding: 0px 4px } .CodeRay .code { width:100% } ol.CodeRay { font-size: 10pt } ol.CodeRay li { white-space: pre } .CodeRay .code pre { overflow: auto } .CodeRay .af { color:#00C } .CodeRay .an { color:#007 } .CodeRay .av { color:#700 } .CodeRay .aw { color:#C00 } .CodeRay .bi { color:#509; font-weight:bold } .CodeRay .c { color:#888 } .CodeRay .ch { color:#04D } .CodeRay .ch .k { color:#04D } .CodeRay .ch .dl { color:#039 } .CodeRay .cl { color:#B06; font-weight:bold } .CodeRay .co { color:#ff3333; font-weight:bold } .CodeRay .cr { color:#0A0 } .CodeRay .cv { color:#369 } .CodeRay .df { color:#099; font-weight:bold } .CodeRay .di { color:#088; font-weight:bold } .CodeRay .dl { color:black } .CodeRay .do { color:#970 } .CodeRay .ds { color:#D42; font-weight:bold } .CodeRay .e { color:#666; font-weight:bold } .CodeRay .en { color:#800; font-weight:bold } .CodeRay .er { color:#F00; background-color:#FAA } .CodeRay .ex { color:#F00; font-weight:bold } .CodeRay .fl { color:#60E; font-weight:bold } .CodeRay .fu { color:#06B; font-weight:bold } .CodeRay .gv { color:#d70; font-weight:bold } .CodeRay .hx { color:#058; font-weight:bold } .CodeRay .i { color:#00D; font-weight:bold } .CodeRay .ic { color:#B44; font-weight:bold } .CodeRay .il { background:none; } .CodeRay .il .il { background:none; } .CodeRay .il .il .il { background:none; } .CodeRay .il .idl { font-weight: bold; color: #888 } .CodeRay .il .dl { color:#000 !important; } .CodeRay .in { color:#B2B; font-weight:bold } .CodeRay .iv { color:#33B } .CodeRay .la { color:#970; font-weight:bold } .CodeRay .lv { color:#963 } .CodeRay .oc { color:#40E; font-weight:bold } .CodeRay .on { color:#000; font-weight:bold } .CodeRay .op { } .CodeRay .pc { color:#038; font-weight:bold } .CodeRay .pd { color:#369; font-weight:bold } .CodeRay .pp { color:#579 } .CodeRay .pt { color:#339; font-weight:bold } .CodeRay .r { color:#cc6633; font-weight:bold } .CodeRay .rx { background-color:#fff0ff } .CodeRay .rx .k { color:#808 } .CodeRay .rx .dl { color:#404 } .CodeRay .rx .mod { color:#C2C } .CodeRay .rx .fu { color:#404; font-weight: bold } .CodeRay .s { background-color:none; } .CodeRay .s .s { background-color:none; } .CodeRay .s .s .s { background-color:none; } .CodeRay .s .k { color:#339900 !important; } .CodeRay .s .dl { color:#339900 !important; } .CodeRay .sh { background-color:#f0fff0 } .CodeRay .sh .k { color:#2B2 } .CodeRay .sh .dl { color:#161 } .CodeRay .sy { color:#0066cc } .CodeRay .sy .k { color:#A60 } .CodeRay .sy .dl { color:#630 } .CodeRay .ta { color:#070 } .CodeRay .tf { color:#070; font-weight:bold } .CodeRay .ts { color:#D70; font-weight:bold } .CodeRay .ty { color:#339; font-weight:bold } .CodeRay .v { color:#036 } .CodeRay .xt { color:#444 } /*--- BlockQuote Tag ---*/ #contentarea-middle2 blockquote { background: url('/images/meta_block-quote_left.gif') no-repeat top left ; margin: 10px 30px 0 30px; font-style: italic; } #contentarea-middle2 blockquote div { background: url('/images/meta_block-quote_right.gif') no-repeat bottom right ; padding: 0 37px 0 42px; } /*--- User Comment Boxes ---*/ #contentarea-middle2 .comment-box { width: 100% } #contentarea-middle2 .comment-box h3 { margin: 0 10px 0 16px; font-family: "Trebuchet MS", "Trebuchet", Trebuchet, "Lucida Grande", Verdana, Arial, sans-serif; font-size: 20px; font-weight: 200; color: #666; letter-spacing: 0px; line-height: 1em; padding: 15px 0 3px 17px; border-color: #ccc; border-width: 1px; border-style: none none none none; z-index: 65; text-align: left; } #contentarea-middle2 .comment-box .comment-info { font: normal 10px Tahoma, sans-serif; text-transform: uppercase; display: inline; border-color: #999; border-width: 1px; border-style: solid dashed dashed dashed; border-top: 2px solid #fff; padding: 2px 7px 5px 7px; margin: 0 0 0 20px; background: #fcfafe; position: relative; z-index: 63; } #contentarea-middle2 .comment-box .comment { width: 100%; border-color: #ccc; border-width: 1px; border-style: solid solid solid solid; margin: -18px 0 0 0; background: #fefdee; position: relative; z-index: 61; } #contentarea-middle2 .comment-box .comment .tl { background-image: url('/images/meta_comment-tl.gif'); background-position: 0% 0%; background-repeat: no-repeat; position: relative; top: -1px; left: -1px; } #contentarea-middle2 .comment-box .comment .tr { background-image: url('/images/meta_comment-tr.gif'); background-position: 100% 0%; background-repeat: no-repeat; position: relative; left: 2px; } #contentarea-middle2 .comment-box .comment .br { background-image: url('/images/meta_comment-br.gif'); background-position: 100% 100%; background-repeat: no-repeat; position: relative; top: 2px; } #contentarea-middle2 .comment-box .comment .bl { background-image: url('/images/meta_comment-bl.gif'); background-position: 0% 100%; background-repeat: no-repeat; position: relative; left: -2px; padding: 0; overflow: hidden; } #contentarea-middle2 .comment-box .by-author { background:#eaeaea !important; } #contentarea-middle2 .comment .comment-vertspacer { height: 19px; } #contentarea-middle2 .comment .content { font-size: 11px; line-height: 13px; margin: 0; padding: 18px 22px 22px 22px; min-height:34px; } #contentarea-middle2 .comment .gravatar { float:left; margin: 0 7px 2px 0; } #contentarea-middle2 .comment .content p { padding: 5px 0 5px 0; text-indent: 20px; margin: 0 0 0 0; } #contentarea-middle2 .comment .content cite { display: block; background: url('/images/meta_comment-quote.gif') no-repeat 0 0 ; padding: 0 0 0 40px; min-height: 31px; text-indent: 0px; margin: 0 0 0 0; } #contentarea-middle2 .comment-links-box { display: none; /* Leave for when Mephisto supports inline replies */ margin: 0 0 20px 0; padding: 0 22px; text-align: right; } #contentarea-middle2 .comment-links { font: normal 10px Tahoma, sans-serif; text-transform: uppercase; border-color: #999; border-width: 1px; border-style: dashed dashed dashed dashed; padding: 5px 7px 5px 7px; background-color: #fff; } #contentarea-middle2 .comment-links:hover { background-color: #efa; } #contentarea-middle2 .comment-links a, #contentarea-middle2 .comment-links a:link, #contentarea-middle2 .comment-links a:visited { color: #666; background: none; padding-right: 0; border: none; } #contentarea-middle2 .comment-links a:hover, #contentarea-middle2 .comment-links a:active { color: #000; } #contentarea-middle2 #comment-moderation-button { margin: 20px 0 0 0px; } /*--- Aggregator XML Feed Icon ---*/ #contentarea-middle2 a.feed-icon { display: block; margin: 30px 0 0 20px; border-bottom: none; } #contentarea-middle2 a.feed-icon { border-bottom: none; } /*--- Block Region Coloring (4.7 NEW) ---*/ .block-region { display: block; background-color: #fff600; border: 1px dashed #9c0; padding: 5px 5px 5px 10px; margin: 8px 0; color: #666; } /*--- A Anchors (with no visual effects) ---*/ #contentarea-middle2 a.anchor, #contentarea-middle2 a.anchor:link, #contentarea-middle2 a.anchor:visited { background: none; padding-right: 0; border: none; } /* DIV #contentarea-right2 <-- Misc. Meta Content Styles +-------------------------------------------------------------------------------------------------+ */ /*--- General Text ---*/ #contentarea-right2 { font-family: "Lucida Grande", Verdana, Arial, sans-serif; font-size: 11px; font-weight: normal; color: #666; letter-spacing: 0em; line-height: 1.2em; } #contentarea-right2 h2 { font-family: "Trebuchet MS", "Trebuchet", Trebuchet, "Lucida Grande", Verdana, Arial, sans-serif; font-size: 20px; font-weight: 200; color: #000; letter-spacing: -1px; line-height: 1em; /* Non-Overides */ padding: 0 0 5px 0; } /* DIV #contentarea-right2 <-- Drupal Specific Overides & Enhancements +-------------------------------------------------------------------------------------------------+ */ /*--- General Text ---*/ #contentarea-right2 .content { margin: 0 0 10px 13px; } #contentarea-right2 .content h3 { margin: 10px 0 0 0; } /*--- More Content Links ---*/ #contentarea-right2 .more-link { text-align: left; margin: -10px 0 12px 25px; } #contentarea-right2 .more-link a, #contentarea-right2 .more-link a:link, #contentarea-right2 .more-link a:visited { color: #999; } #contentarea-right2 .more-link a:hover, #contentarea-right2 .more-link a:active { color: #c60; } /*--- Feed Icon ---*/ #contentarea-right2 .feed-icon { margin: 0 0 0 0; } #contentarea-right2 .feed-icon img { margin: 5px 0 10px 10px; } /*--- Lists Style & Links ---*/ #contentarea-right2 .content { padding: 0 0 0 0; margin: 0 0 0 0; } #contentarea-right2 .content ul { margin: 0 0 0 25px; padding-bottom: 0; } #contentarea-right2 .content ul:first-child { margin: 0 0 15px 25px; padding-bottom: 0; } #contentarea-right2 .content ul.menu { margin: 0 0 0 5px; padding-bottom: 0; } #contentarea-right2 .content ul.menu:first-child { margin: 0 0 15px 15px; padding-bottom: 0; } #contentarea-right2 ul li { list-style-type: none; list-style-position: outside; list-style-image: url('/images/meta_bullet1.gif') ; margin: 4px 0 4px 0; padding: 0 0 0 0; } #contentarea-right2 ul li.expanded { list-style-image: url('/images/meta_arrow3d.gif') ; } #contentarea-right2 ul li.collapsed { list-style-image: url('/images/meta_arrow3.gif') ; } #contentarea-right2 ul li a, #contentarea-right2 ul li a:link { color: #06c; } #contentarea-right2 ul li a:visited { color: #06c; } #contentarea-right2 ul li a:active, #contentarea-right2 ul li a:hover { color: #000; background: url('/images/meta_arrow2.gif') no-repeat 100% 50% ; padding-right: 9px; } /*--- Login Box ---*/ #contentarea-right2 #block-user-0 #user-login-form { margin: 0 0 0 10px; text-align: left; } #contentarea-right2 #block-user-0 label { font: normal 9px Tahoma, sans-serif; text-transform: uppercase; } #contentarea-right2 #block-user-0 .form-item { margin: 0 0 0 0; } #contentarea-right2 #block-user-0 a, #contentarea-right2 #block-user-0 a:link, #contentarea-right2 #block-user-0 a:visited, #contentarea-right2 #block-user-0 a:active { line-height:1.4em; padding-left:17px; font-size: 9px; color: #222; } #contentarea-right2 #block-user-0 a:hover { color: #c60; } #contentarea-right2 #block-user-0 input.form-text, #contentarea-right2 #block-user-0 input.form-password { font: normal 9px monaco, courier, serif; text-align: left; color: #444; padding: 2px; background: #fff; border: 1px solid #ccc; display: block; width: 85%; } #contentarea-right2 #block-user-0 input.form-submit { font-size: 9px; color: #222; margin: 3px 0 3px 0; } #contentarea-right2 #block-user-0 div.item-list ul { list-style-type: none; list-style-image: none; list-style: none; margin: 0 0 14px -5px; padding: 0; } #contentarea-right2 #block-user-0 div.item-list ul li { list-style-type: none; list-style-image: none; list-style: none; margin: 0 0 0 0; } /*--- Archive Calendar Formatting ---*/ #contentarea-right2 .calendar table { border: 1px solid #ccc; border-collapse: collapse; border-spacing: 0; background-color: #eee; width: 100%; margin-bottom: 6px; } #contentarea-right2 .calendar caption { font-size: 1.0em; margin-bottom: 5px; } #contentarea-right2 .calendar th, #contentarea-right2 .calendar td { font-size: 0.9em; } #contentarea-right2 .calendar th { background-color: transparent; background: #fff; text-align: center; border: none; color: #C30; padding: 4px 0; } #contentarea-right2 .calendar tr { padding: 0; margin: 0; background: transparent; } #contentarea-right2 .calendar th.prev { text-align: left; } #contentarea-right2 .calendar th.next { text-align: right; } #contentarea-right2 .calendar th a { display: block; } #contentarea-right2 .calendar td, #contentarea-right2 .calendar .row-week td { border: 1px solid #ccc; color: #727664; text-align: center; vertical-align: middle; margin: 0; padding: 6px 2px; background: url('/images/meta_calendar_sq_bg.png') top left no-repeat; } #contentarea-right2 .calendar .row-week td.day-blank { background-color: transparent; background-image: none; } #contentarea-right2 .calendar td.selected, #contentarea-right2 .calendar .row-week td.day-selected { background: #fff url('/images/meta_calendar_sq_selected.png') top left repeat; } #contentarea-right2 .calendar td.day-normal { color: #798786; font-weight: normal; background: #fff; text-align: center; padding: 4px 2px; } #contentarea-right2 .calendar td.header-month { border: none; } #contentarea-right2 .calendar td.day-today { color: #fff; background: #c30 url('/images/meta_calendar_sq_today_corner.png') bottom right no-repeat; } /* DIV #footer-area & #secondary-links +-------------------------------------------------------------------------------------------------+ */ #footer-area { margin: 0 150px; text-align: center; font-family: "Lucida Grande", Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #5b5b5b; } #footer-area a, #footer-area a:link, #footer-area a:visited { border: 0; color: #c60; } #footer-area a:hover, #footer-area a:active { color: #9c6; } #footer-area .site-name { font-family: "Trebuchet MS", "Trebuchet", Trebuchet, "Lucida Grande", Verdana, Arial, sans-serif; font-size: 15px; font-weight: 400; } #footer-area .footer-message { font-style: italic; font-size: 10px; } #secondary-links { text-align: center; } \ No newline at end of file diff --git a/templates/_list.liquid b/templates/_list.liquid index 4ce3463..78b75e0 100644 --- a/templates/_list.liquid +++ b/templates/_list.liquid @@ -21,7 +21,10 @@ <!-- TODO: Good place for blogosphere links. --> </div> <div class="terms"> - ( Tags: {{ article.tags }} ) <!-- TODO: Maybe put sections too --> + <strong>Tags:</strong> + {% for tag in article.tags %} + <a href="{{ site.home_section.url }}tags/{{ tag }}">{{ tag }}</a>{% unless forloop.last %}, {% endunless %} + {% endfor %} </div> </div>
c07482a6e9ccc1a3e81a6673b00120584679cb68
Fixed listings for pages. Anchors for comments. Fixed page view.
95a9efa7f24916d17f0596ca702e11fa191378ad
Changing ken.css to my.css. Also added mephisto logo at bottom.
8f7abdf3de46dcc5c7c445025d1795595a807e9c
Adding formatted comment boxes with gravatar and author support.
