an unstoppable high seas action thriller

that moves at full SCREAM ahead!

Recent Entries

13th-Dec-2007 05:50 pm - Drop Dead Gorgeous Fanart

My squeeful love for Maya's fic Drop Dead Gorgeous and my unhealthy fascination with Jon Rhys Meyer's charms have been combined in another bit of fanart. Harry's not as angry and confused here as I picture him in the fic, but on the other hand, who cares when Meyers is so smokin'? I was all set to do another piece of fanart from the same fic for the ever patient

skig , but I got... sidetracked. First came the Jon Rhys Meyers piece (with glasses this time!), and then came the layout based on that piece, and then came the poster featuring Harry and Draco based on a picture from a completely different fandom. Anyone who guesses which one wins my eternal fannish love.

Photo Sharing and Video Hosting at Photobucket

( Would anyone like a mint? )

And here's the layout:

ddglayout

Smooth Sailing
Works with or without sidebar
Looks much better sans navigation bar

/* PAGE */

body {
     font-family: verdana;
     font-size: 11pt;
     margin: 0px;
     background-color: #020a0f;
     color: #468d9a;
     margin-bottom: 0px;
     }
  a {
     color: #468d9a; 
     font-weight: lighter;
    text-decoration: none;
    text-transform: uppercase;
     }
  a:visited {
     color: #468d9a; 
     font-weight: lighter;
     text-decoration: none;
     }
  a:hover {
     color: #dfb8a3;
     font-weight: lighter;
     text-transform: uppercase;
     }

.pageblock{
     width:700px;
     margin: 0 auto;
     background-color: #0f2734;
     }
  .pagefooterblock{
     background-color: transparent;
     color: #dadada;
     padding: 0px;
     margin-top: 0px;
     margin-left: -50px;
     color: #0f2734;
     text-align: center;
     background: url(http://i204.photobucket.com/albums/bb16/spikefaceblue/hpbottom.png);
     width: 800px;
     height: 60px;
     }
  .pagefooterblock a, .pagefooterblock a:visited {
     color: #dadada;
     }

/* HEADER */

.pageheaderblock {
     text-align: center;
     margin-left: -50px;
     background: url(http://i204.photobucket.com/albums/bb16/spikefaceblue/hpbanner-1.png);
     width: 800px;
     height: 520px;
     }

.header-title {
     display: none;
     }
  .header-subtitle {
     display: none;
     }
  .header-icon {
     top: 0px;
     right: 0px;
     position: absolute;
     z-index: 1;

}
  .header-menu {
     padding: 500px 0px 0px 0px;
     background-color: transparent;
     font-family: tahoma;
     font-size: 14px;
     text-transform: bold;
     line-height: 20px;
     text-transform: uppercase;
     text-align: center;
     padding-right: 0px; 
     }
  .header-menu a, .header-menu a:visited { 
     white-space: nowrap;
     text-align: left;
     padding: 2px 6px 2px 6px;
     color: #468d9a;
     font-weight: lighter;
     }
  .header-menu a:hover {
     color: #dfb8a3;
     background-color: transparent;
     text-decoration: none;
     }
  .header-menu ul, #footer-menu ul {
     margin: 0px;
     padding: 0px;
     }
  .header-menu li, #footer-menu li {
     display: inline;
     }

/* BODY */

.bodyblock {
     padding: 10px 10px 0px 0px;
     margin-left: 10px;
     margin-right: 10px;

}
  .bodyheaderblock {
     display: none;
     }
  .bodynavblock {
     background-color: transparent;
     color: #193b69;
     margin: 10px 0px 4px 0px;
     padding: 10px;
     }
  .bodynavblock a, .bodynavblock a:visited {
     color: #000;
     text-align: center;
     }
  .body-title {
     display: none;
     }
  .body-midtitle {
     font-family: tahoma;
     font-size: 18px;
     color: #000000;
     text-align: left;
     padding-left: 8px;
     }

/*ENTRIES*/
  .entryHolder {
     color: #c0cdd3;
     background-color: transparent;
     font-family: verdana;
     font-size: 12px;
     letter-spacing: 0px;
     line-height: 15px;
     margin: 10px 0px 10px 0px;
     text-align: justify;
     }
  .entryUserinfo {
     text-align: center;
       margin: 5px 6px 3px 5px;
     
     background-color: transparent;
     }
  .entryUserinfo-usericon img { 
     padding: 2px; 
     border: 0px solid #c0cdd3;
     } 
  .entryText {
     padding: 0px;
     }
  .entryHeader {
     background-color: transparent;
     color: #a9a9a9;
     font-family: tahoma;
     font-size: 12px;
     padding: 4px 0px 4px 8px;
     font-weight: normal;
     text-transform: uppercase;

}
  .entryHeader a{
     color: #c0cdd3;
     }
  .entryHeaderSubject {
     font-weight: bold;
     color: #c0cdd3;
     }
  .entryHeaderDate a {
     color: #000000;
     text-decoration : none;
     }
  .entryHeaderDate a:hover {
     color: #000000;
     text-decoration : underline;
     }
  .entryMetadata {
     padding-left: 0px;
     }
  .entryMetadata ul {
     margin: 0px;
     padding: 0px;
     }
  .entryMetadata li {
     list-style: none;
     display: block
     padding-right: 5px;
     }
  .entryMetadata-label {
     font-weight: bold;
     padding-right: 4px;
     }
  .entryLinkbar {
     font-family: tahoma;
     font-size: 11px;
     color: #000000;
     text-align: right;
     padding: 4px 0px 4px 0px;
     }
  .entryLinkbar ul {
     margin: 0px;
     padding: 0px;
     }
  .entryLinkbar li {
     padding: 0px 5px 0px 5px;
     margin: 0px;     
     display: inline;
     }
   blockquote{
     background-color: #c0cdd3;
     color: #468d9a;
     padding: 5px;
     border: 1px dotted #468d9a;
     }
/*FOOTER*/

#footer-menu {
     font-size: 10px;
     }
  #footer-menu a, .footer-menu a:visited {
     color: #468d9a;
     white-space: nowrap;
     padding: 10px;
     text-align: center;
     }

/*SIDEBAR*/
  
  .sidebar {
     font-family: tahoma;
     font-size: 7pt;
     text-align: left;
     margin-right: 0px;
     margin-left: 30px;
     margin-top: 0px; 
     width: 150px;
     letter-spacing: 1px;
     line-height: 15px;
     }
  .sidebox {
     color: #000;
     background-color: transparent;
     margin: 4px 0px 4px 0px;

}
  .sideboxTitle {
     background-color: transparent;
     color: #000;
     font-family: tahoma;
     font-size: 10px;
     padding: 4px 0px 4px 0px;     
     text-align: left;
     text-transform: uppercase;
     margin-left: 15px;
     }
  .sideboxContent {
     text-align: left;
     padding: 2px 4px 2px 4px;
     }
  .sidebox #profile, .sidebox #latestmonth, .sidebox #search {
     text-align: center;
     }
  .sidebox #tags_sidebox {
     text-align: center;
     }
  .sidebox #systemlinks {
     text-align: center;
     }
  .sidebox #latestmonth table{
     width: 90%;
     margin-left: auto;
     margin-right: auto;
     margin-top: 4px;

}
  .listtitle {
     font-weight: bold;
     }
  .profile-label {
     font-weight: bold;
     }

/*OTHER PAGES*/

/* COMMENT PAGE */

.commentHolder {
     color: #fff;
     background-color: #000;
     font-family: ;
     font-size: 12px;
     margin: 4px 0px 4px 0px;
     }
  .commentUserinfo {
     text-align: center; 
       margin: 0px 8px 8px 0px;
     padding 5px;
     background-color: #000;
     }
  .commentUserinfo-usericon img { 
     border: 0; 
     padding: 5px;
     } 
  .commentText {
     padding: 6px;
     }
  .commentHeader {
     background-color: #000;
     color: #fff;
     font-family: ;
     font-size: 12px;
     padding: 4px 0px 4px 8px;
     border-bottom: 1px dotted white;
     }
  .commentHeader a{
     color: #000000;
     }
  .commentHeaderScreened {
     font-family: ;
     font-size: 12px;
     background-color: #cccccc;
     padding: 4px 0px 4px 8px;
     }
  .commentHeaderSubject {
     font-weight: bold;
     }
  .commentLinkbar {
     font-family: ;
     font-size: 11px;
     color: #000000;
     text-align: right;
     padding-top: 4px;
     padding-bottom: 4px;
     }
  .commentLinkbar ul {
     margin: 0px;
     padding: 0px;
     }
  .commentLinkbar li {
     padding: 0px 5px 0px 5px;
     margin: 0px;
     display: inline;
     }
  .replyform {
     background-color: #f8f8f8;
     color: #000000;
     padding-left: 10px;
     }
  #commenttext{
     width:100%;
     }

/*ARCHIVE PAGE*/
  .yearlinks{
     text-align: right;
     }
  .yearlink{
     padding-left:4px;
     padding-right: 4px;
     }
  .month {
     width: 500px;
     border: 1px solid #dddddd;
     margin: 8px 8px 8px 40px;
     }
  .daysubjects {
     color: #fff;
     padding: 8px 8px 8px 40px;
     }
  .daytitles {
     text-align: center;
     border: 1px solid #dddddd;
     background: #fff;
     color: #000;
     }
  .day-blank {
     border: 1px solid #dddddd;
    }
  .day {
     border: 1px solid #dddddd;
     }
  .day-date {
     border-right: 1px solid #dddddd;
     border-bottom: 1px solid #dddddd;
     color: #fff;
     width: 50%;
     text-align: center;
     }
  .day-count {
     width: 50%;
     text-align: center;
     float: right;
     font-size: 20px;
     }
  .day-count a {
     text-decoration: none;
     color: #fff;
     }

/*TAGS PAGE*/

.tagstable, .tagstable td {
     border: 1px solid #dddddd;
     }
  .tagstable { width: 400px; }

Tags:drop dead gorgeous, fanart, harry potter, layout

This page was loaded Jul 6th 2008, 6:02 pm GMT.