My CSS

Dresden Files Dallas CSS

Over and over, I’ve gotten requests to post my Dresden Dallas CSS file so that people can see how I did it and maybe get some ideas. Here you go.

If you’re running a site here on Obsidian Portal, you’re welcome to any and or all of it. I’m not the jealous kind. However, if you want to use the art files prefixed with DFRPG_ in the filename, please get HumAnnoyd’s permission as he’s the artist.

You’ll need to add the “Rye” Google web font for full compatibility.

Date of last update to this page: 7/1/2014
(any CSS changes I’ve made personally after this date will not be reflected)

.main-content-container { margin:none; font-family: Georgia; font-size: 16px; font-style: normal; font-weight: normal; line-height:18px; }
.collapsable-nav-row.collapsed .main-content-container { width:83%; padding-left: 65px;}
ul, ol, dl {line-height:0.9em;}
.comment {background-color:wheat; border:1px solid black; margin:2px; padding:2px; }
.campaign-public-layout #content, .row {max-width:1024px; width:100%;}
.sidebar {max-width:169px; margin:0px; margin-right:5px; padding:0px;}
.sidebar a {color:darkorange;}
.sidebar a:hover {color:yellow;}
.character-index.campaign-public-layout .character-list-item [class*="ription-text"] {width:297px; height:auto;}
.character-show .main-content .header-icon {PADDING:2PX; BACKGROUND-COLOR:MAROON;}
#gm-secrets img {float: left; height:144px; width:144px; display:inline-block; vertical-align:top; }
#gm-secrets {overflow:auto;}
#campaign-quick-stats .fan-count-wrapper {color:inherit;}
p {font-style: normal; font-weight: normal; line-height:18px; margin: none; }
.campaign-public-layout .page-background { background-position:top left; background-repeat:repeat-y; }
#content a:visited.create-wiki-page-link, #content a:link.create-wiki-page-link {color:green;text-decoration:none;}
#content a:active.create-wiki-page-link, #content a:hover.create-wiki-page-link {color:lime;text-decoration:underline;}
.campaign-landing-page-container, .adventure-log-post, .adventure-log-post-container .post-main, .wiki-page .post-section, table, .sidebar-adventure-log-neighbors .post-column, li.character-list-item-container .character-list-item, li.character-list-item-container .item-show section, .character-list-item, .character-quick-search, .campaign-map-index .map-placard, .character-show .main-content section, .item-show .main-content section {BACKGROUND-IMAGE:url(http://cdn.obsidianportal.com/assets/191899/DFRPG_Parchment_light_opt.jpg); }
blockquote {color:black; border-color:maroon;}
table { width:100%; text-align:center; }
table tr td {text-align:center; }
#character-details table tr td img {float:none;}

.campaign-search-page #tag-library, .campaign-search-page #search-results, .campaign-search-page .result.stripe, .campaign-search-page #center-column {background-color: wheat; BACKGROUND-IMAGE:url(http://cdn.obsidianportal.com/assets/191899/DFRPG_Parchment_light_opt.jpg);}
.campaign-public-layout #banner-container .campaign-banner-image { height:220px; }
.campaign-public-layout #banner-container {margin-bottom: 5px; }

.adventure-log-show .post-comments, .date-column, .post-header-container, .post-header-container .post-date {BACKGROUND-IMAGE:url(http://cdn.obsidianportal.com/assets/191898/DFRPG_Parchment_darker_opt.jpg);}
.post-header-container .post-date, h6.adventure-log-post-title.title.smaller-text, body.campaign-public-layout .title a {color:maroon;}
.post-gm-only {border:2px solid red; border-top:5px solid red; padding:5px; BACKGROUND-color:#FED;}
.character-list-item.gm-only, .adventure-log-post-container.gm-only.teaser {border-top:5px solid red; }
h1, h2, h3, h4, h5, h6 {FONT-FAMILY:Rye; border:none; border-bottom:1px dotted maroon; }
textarea, input { color:black !important; border:solid 1px black !important; }
.adventure-log-index .overflow-fade-out, .post-content .overflow-fade-out {background:none; display:none;}

.newovertext { position:absolute; top:34%; left:0px; text-align:center; width:220px; color:darkorange; font-size:x-large; font-family:‘Rye’; line-height:97%; text-shadow:-2px 0px black,0px -2px black, 2px 0px black, 0px 2px black; }
.newovertext:hover { color:orange; text-shadow:-2px 0px maroon,0px -2px maroon, 2px 0px maroon, 0px 2px maroon; }
.newwiki { display:inline-block; vertical-align:top; height:110px; width:220px; margin:2px; background:url(‘http://cdn.obsidianportal.com/assets/162315/DFRPG_WoodButton.jpg’); }
a.newroll { position:relative; display:block; width:220px; height:110px; text-decoration: none; background:url(‘http://cdn.obsidianportal.com/assets/162319/Glowborder.png’); background-color:transparent; }
a.newroll:hover { background-position:-220px 0px; }
#character-details img, .adventure-log-post .post-content img {float:right; margin-left:5px; margin-top:3px; margin-bottom:3px; border:1px solid black;}
hr {color: maroon; background-color: maroon; height: 5px;}
.dmn_container{POSITION:relative;BACKGROUND-IMAGE:url(http://cdn.obsidianportal.com/assets/203144/newsprint.jpg);BORDER:1px solid #000;MIN-HEIGHT:525px;WIDTH:700px;MARGIN:-2px;PADDING:2px;}
.dmn_header{POSITION:absolute;TOP:3px;LEFT:3px;HEIGHT:80px;WIDTH:697px;BACKGROUND-IMAGE:url(http://cdn.obsidianportal.com/assets/203146/DMNHeader.png);BORDER-BOTTOM:1px solid #000;BACKGROUND-REPEAT:no-repeat;}
.dmn_header_blurb{POSITION:absolute;TOP:65px;LEFT:3px;FONT-SIZE:xx-small;}
.dmn_header_price{POSITION:absolute;TOP:65px;LEFT:203px;FONT-SIZE:xx-small;}
.dmn_header_date{POSITION:absolute;TOP:65px;LEFT:303px;FONT-SIZE:xx-small;FONT-WEIGHT:700;}
.dmn_header_dotcom{POSITION:absolute;TOP:58px;LEFT:573px;FONT-SIZE:xx-small;BACKGROUND-IMAGE:url(http://cdn.obsidianportal.com/assets/203152/dallasnewscomgraphic.png);HEIGHT:21px;WIDTH:125px;}
.dmn_body_left{POSITION:absolute;TOP:153px;LEFT:3px;FONT-SIZE:x-small;WIDTH:106px;OVERFLOW:hidden;HEIGHT:372px;PADDING:2px;}
.dmn_body_left_weather{POSITION:absolute;TOP:85px;LEFT:5px;WIDTH:110px;HEIGHT:60px;}
.dmn_body_left_weather_summary{POSITION:absolute;TOP:0;LEFT:0;WIDTH:110px;HEIGHT:15px;TEXT-ALIGN:center;FONT-SIZE:x-small;FONT-WEIGHT:700;}
.dmn_body_left_weather_graphic{POSITION:absolute;TOP:15px;LEFT:2px;WIDTH:80px;HEIGHT:40px;BACKGROUND-COLOR:#87CEEB;BACKGROUND-IMAGE:url(http://cdn.obsidianportal.com/assets/203184/MostlySunny.png);}
.dmn_body_left_weather_high{POSITION:absolute;TOP:30px;LEFT:83px;WIDTH:15px;HEIGHT:15px;FONT-SIZE:xx-small;}
.dmn_body_left_weather_low{POSITION:absolute;TOP:40px;LEFT:83px;WIDTH:15px;HEIGHT:15px;FONT-SIZE:xx-small;}
.dmn_body_left_weather_backpage{POSITION:absolute;TOP:55px;LEFT:0;WIDTH:110px;HEIGHT:15px;TEXT-ALIGN:center;FONT-SIZE:xx-small;}
.dmn_body_main{POSITION:absolute;TOP:83px;LEFT:115px;WIDTH:470px;FONT-SIZE:small;OVERFLOW:hidden;BORDER-RIGHT:1px solid #000;BORDER-LEFT:1px solid #000;HEIGHT:442px;PADDING:2px;}
.dmn_body_right{POSITION:absolute;TOP:83px;LEFT:590px;FONT-SIZE:x-small;WIDTH:106px;OVERFLOW:hidden;HEIGHT:442px;PADDING:2px;}
.post-content ol, .post-content ul, .post-content dl {line-height: 18px; list-style-position: outside; margin-left:22px; }
li.character-list-item-container {height:165px; }
li.character-list-item-container .character-list-item, li.character-list-item-container .character-list-item .character-info {height:150px; }

.dynamic_sheet_container .dynamic_sheet.ds_dfrpgsimple .overall .topbox ul li {font-family: Georgia,serif; line-height:0.95;}
.dynamic_sheet_container .dynamic_sheet.ds_dfrpgsimple .overall a.dst_character_name_link {font-family:Rye;}

.box {margin-bottom:5px; margin-top:5px; padding:5px; border:2px solid black; border-top:5px solid black; TEXT-ALIGN:justify; TEXT-JUSTIFY:inter-word; font-size: 16px; font-style: normal; font-weight: normal; line-height:18px;}
.quip {FLOAT:right; POSITION:relative; MARGIN-RIGHT:-205px; BORDER:2px solid black; WIDTH:200px; MARGIN-TOP:-30px; BORDER-RADIUS:6px; Z-INDEX:1; MIN-HEIGHT:35px; MARGIN-BOTTOM:35px; PADDING:5px; background-color:wheat; line-height:1.0;}
.journal {margin-bottom:5px; padding:5px; border:2px double black; border-top:5px solid black; BACKGROUND-IMAGE:url(http://cdn.obsidianportal.com/assets/148423/SeamlessPaper.jpg); TEXT-ALIGN:justify; TEXT-JUSTIFY:inter-word; font-size: 16px; font-style: normal; font-weight: normal; line-height:18px;}

.box.white {border-color:white; BACKGROUND-IMAGE:url(http://cdn.obsidianportal.com/assets/191899/DFRPG_Parchment_light_opt.jpg);}
.box.white li { margin-left:20px; }
.box.dallas {background-image:url(https://lh6.googleusercontent.com/—GHYFulgaVI/UnwIi741a0I/AAAAAAAAIT4/iO9qt66rAFE/w671-h217-no/DallasSkyline.png); width:100%; height:217px; border:none; overflow:hidden; font-family:rye; color:white; text-align:center; margin-top:0px; margin-bottom:0px; background-size:cover; background-repeat:no-repeat;}
.box.dallas.black {background:none; background-color:black; height:30px;}
.box.gray {background-color: #555; border:4px solid gray; border-top:8px solid gray; color:white; text-shadow: black 0.1em 0.1em 0.2em;}
.box.credits {background-color: #555; border:4px solid orange; border-top:8px solid orange; color:orange; text-shadow: black 0.1em 0.1em 0.2em; font-size:xx-small;}
.box.red {background-color:gray; border:4px solid maroon; border-top:8px solid maroon; color:maroon;}
.box.code {background-color:white; font-family:‘Courier New’,Courier; overflow:auto;}
.box.left {float:left; display:inline-block; vertical-align:top; width:49%; max-width:355px; height:700px; text-align:center; overflow:auto; overflow-x:hidden;}
.box.left a h5 {color:maroon;}
.box.left a h5:hover {color:red;}
.box.right {float:none; display:inline-block; vertical-align:top; width:49%; max-width:355px; height:700px; overflow:auto; overflow-x:hidden;}
.box.centered {text-align:center;}
.box.conor {border-color:#254117; background-color:#F5FFDC; COLOR:#040;}
.quip.wolfhound, .journal.conor {border-color:#254117; BACKGROUND-COLOR:#F5FFDC; FONT-FAMILY:‘Jim Nightshade’; FONT-SIZE:21px; LINE-HEIGHT:108%; COLOR:#006400;}
.box.matthew {border-color:blue; background-color:#EEEEFF;}
.quip.elkhorn, .journal.matthew, .journal.matthew p {border-color:blue; font-family:‘Just Another Hand’; FONT-SIZE:25px; LINE-HEIGHT:100%;}
.journal.reverend {border-color:maroon; background-color:#FFEEEE; font-family:Courgette;}
.journal.midori {BACKGROUND-IMAGE:url(http://cdn.obsidianportal.com/assets/76682/Kakemono_Honshi_Parchment.jpg); Border:1px solid wheat; PADDING:20px; font-family:Calligraffitti; font-size:110%; margin:3px; min-height:300px;}
.box.midori {border-color:green; background-color:#C3FDB8;}
.box.dana {border-color:brown;background-color:wheat;}
.box.erica {border-color:#DAA520; background-color:#FFEEDD;}
.journal.erica, .quip.stagelucas {BACKGROUND-COLOR:#FFE; FONT-FAMILY:‘Emilys Candy’; FONT-SIZE:18px; LINE-HEIGHT:100%; BACKGROUND-IMAGE:url(http://cdn.obsidianportal.com/assets/148423/SeamlessPaper.jpg); border-color:#DAA520;}
.box.chrys {border-color:purple;background-color:#FFEEFF;}
.box.cody, .journal.cody {border-color: sienna; background-color:ivory;}
.box.roxie {border-color:#800; background-color:#FEC;}
.journal.cody {font-family:McLaren;}
.box.john {border-color:SlateGray; background-color:silver; }
.box.jamie {border-color:gray; background-color:white; }
.journal.jamie, .quip.rahal {border-color:gray; background-color:white; font-family:‘Rock Salt’;}
.box.barbara {border-color:maroon; background-color:#FFEEEE;}
.box.elena, .box.elena a {background-image:url(https://lh6.googleusercontent.com/-t6QXEPMDLQY/UnQPOZm3oEI/AAAAAAAAIL0/JgmSPCfz9fU/s700-no/Punisher.jpg); color:white; border-color:darkgray; background-color:black; background-position:20px 0px; text-shadow:-2px 0px black,0px -2px black, 2px 0px black, 0px 2px black;}
.box.elena hr {color:darkgray; border-color:darkgray; background-color:darkgray;}
.box.elena h1, .box.elena h2, .box.elena h3, .box.elena h4, .box.elena h5, .box.elena h6 {color:white;}

/* Item and Character list */
.item-index.campaign-public-layout .character-list-item img.game-content-image, .character-index.campaign-public-layout .character-list-item img.game-content-image {height:150px;width:150px;}
.item-index.campaign-public-layout .character-list-item .character-info, .character-index.campaign-public-layout .character-list-item .character-info {padding:10px 10px 2px 155px;}
.character-index.campaign-public-layout .character-list-item .character-info ul.tags-list.inline-list.small-list, ul.tags-list.inline-list.small-list, .character-index.campaign-public-layout .character-list-item .character-info h4.character-name.title a, .character-index.campaign-public-layout .character-quick-search h4 {color:maroon;}

/* Adventure Log Banners */
.banner {float:none; display:inline-block; vertical-align:top; WIDTH:685px; HEIGHT:185px; MARGIN-BOTTOM:5px; background-repeat:no-repeat; border:none; border-bottom:2px solid black; background-position:0px 0px; BACKGROUND-IMAGE:url(https://lh5.googleusercontent.com/-WlwvQXTzOZ8/UnO5feZ1S8I/AAAAAAAAIKs/usnMfr7w3RU/w790-h185-no/Wire.png); }
.banner.postgame {BACKGROUND-IMAGE:url(https://lh4.googleusercontent.com/-yRCCatJmLKY/UnlIZIYvYFI/AAAAAAAAIN4/7EMc1pCFwiA/w685-h180-no/DFRPG_Banner_Postgame.png);}
.banner.midori {BACKGROUND-IMAGE:url(https://lh4.googleusercontent.com/-TVVnEDtu58w/UnkhMthvh1I/AAAAAAAAIM4/2WuXVrkPcvs/w685-h180-no/DFRPG_Banner_Midori.png); }
.banner.dana {BACKGROUND-IMAGE:url(https://lh5.googleusercontent.com/-fo_QdHMyCJA/Unkey2-hTTI/AAAAAAAAIMg/L9rzudl5se0/w685-h180-no/DFRPG_Banner_Dana.png); }
.banner.conor {BACKGROUND-IMAGE:url(https://lh3.googleusercontent.com/-9IA0FKxKrhA/UnknwN88KnI/AAAAAAAAINU/Vg0V66OYuLw/w685-h180-no/DFRPG_Banner_Conor.png); }
.banner.chrys {BACKGROUND-IMAGE:url(https://lh4.googleusercontent.com/-RFbJ88UwEwg/UnlgcoqvTCI/AAAAAAAAIO4/0IQjB4GC_mU/w685-h180-no/DFRPG_Banner_Chrys.png); }
.banner.cody {BACKGROUND-IMAGE:url(https://lh4.googleusercontent.com/-5j4Txzp7dwk/Unlh4TUeKwI/AAAAAAAAIPM/5DkncWG4z_8/w685-h180-no/DFRPG_Banner_Cody.png); }
.banner.beth {BACKGROUND-IMAGE:url(https://lh4.googleusercontent.com/-wCuopeVdQr0/UtgAH2a7tsI/AAAAAAAAIX8/MzrBifJ39dQ/w685-h180-no/DFRPG_Banner_Beth.png);}
.banner.john {BACKGROUND-IMAGE:url(https://lh6.googleusercontent.com/-D21kZLRFSng/UnljUoJB_GI/AAAAAAAAIPc/eTjqp_cq5y0/w685-h180-no/DFRPG_Banner_John.png); }
.banner.erica {BACKGROUND-IMAGE:url(https://lh4.googleusercontent.com/-Z8NH4W_B0Kg/UnlVzIU1fQI/AAAAAAAAIOI/4ZowNXm04ZU/w685-h180-no/DFRPG_Banner_Erica.png); }
.banner.matthew {BACKGROUND-IMAGE:url(https://lh5.googleusercontent.com/-IZmwGzrBFcU/Unlru0f3nhI/AAAAAAAAIPs/hfq0UmRwa3c/w685-h180-no/DFRPG_Banner_Matthew.png);}
.banner.roxie {background-image:url(https://lh5.googleusercontent.com/-KHLu0w5za24/UnlZuRaNI7I/AAAAAAAAIOg/rAD_qpbpjS4/w685-h180-no/DFRPG_Banner_Roxie.png);}
.banner.barbara {background-image:url(https://lh6.googleusercontent.com/-7Jans0FZ-ps/Unlu6IMrQVI/AAAAAAAAIP8/LgZgx03K3UE/w685-h180-no/DFRPG_Banner_Barbara.png);}
.banner.elena {background-image:url(https://lh3.googleusercontent.com/—RIaFjj5R28/Unl3cerbiEI/AAAAAAAAIQk/nGDAxS3KpaQ/w685-h180-no/DFRPG_Banner_Elena.png);}
.banner.jamie {background-image:url(https://lh6.googleusercontent.com/-ipK_qFftWgg/Unl9ezn8-9I/AAAAAAAAIQ8/oP8eHX0Dkbs/w685-h180-no/DFRPG_Banner_Jamie.png);}
.banner.belle {background-image:url(https://lh3.googleusercontent.com/-DbLHUaWCGvE/Unl-2BT0_fI/AAAAAAAAIRU/tcM3Pf2YvD8/w685-h180-no/DFRPG_Banner_Belle.png);}
.banner.ren {background-image:url(https://lh4.googleusercontent.com/-LziM_j7gG8/UnmDoY680oI/AAAAAAAAIRk/VyRLLNEaLmU/w685-h180-no/DFRPG_BannerRen.png);}

img.bannerpic, .wiki-page-container img.bannerpic, .adventure-log-post .post-content img.bannerpic {float:left; margin-left:0px; height:175px; width:175px; border:none;}
.wikiheader {max-width:680px; text-align:center; border-bottom:1px dotted maroon;}

.benny {margin-left:20px; WIDTH:640px; HEIGHT:120px; MARGIN-BOTTOM:5px; margin-top:5px; BORDER-RADIUS:6px; BORDER:1px solid maroon;}
.benny.one {BACKGROUND-IMAGE:url(http://cdn.obsidianportal.com/assets/154880/Onebenny.jpg);}
.benny.two {BACKGROUND-IMAGE:url(http://cdn.obsidianportal.com/assets/154882/Twobennies.jpg);}
.benny.three {BACKGROUND-IMAGE:url(http://cdn.obsidianportal.com/assets/154881/Threebennies.jpg);}

.heri{BACKGROUND-IMAGE:url(http://cdn.obsidianportal.com/assets/242902/Kakemono_Heri_Green.jpg); padding:20px; padding-top:60px; padding-bottom:60px;}
.ichimoji{BACKGROUND-IMAGE:url(http://cdn.obsidianportal.com/assets/76683/Kakemono_Ichimoji_Yellow.jpg); height:34px; margin-top:-3px; margin-bottom:-3px; margin-left:3px; margin-right:3px;}

.longvowel {text-decoration: overline;}

a.main_roll {DISPLAY:block; WIDTH:326px; HEIGHT:50px; TEXT-DECORATION:none; BACKGROUND-COLOR:transparent; margin:0px; margin-bottom:-18px; font-size:small; padding:0px;}
a.main_roll.postgame {font-size:medium; text-align:left; background:url(https://lh5.googleusercontent.com/-nYBC2hf8b2s/UnwdCPpcajI/AAAAAAAAIUo/VHBOMw3XZ9M/w330-h100-no/RolloverFlourish.png); padding-left:2px; }
a.main_roll.postgame:hover {color:darkorange; background-position:0px -50px; border-left:2px solid red; margin-left:-2px; text-shadow:-1px 0px black,0px -1px black, 1px 0px black, 0px 1px black; background-color:gray;}
a.main_roll.beth {BACKGROUND:url(https://lh6.googleusercontent.com/-8t1BSXp0y6M/UtgGYc5UfyI/AAAAAAAAIYY/xmer8dpEZJw/w330-h100-no/Latest_Postgame_Beth.png);}
a.main_roll.cody {BACKGROUND:url(http://cdn.obsidianportal.com/assets/231778/Latest_Postgame_Cody.png);}
a.main_roll.dana {BACKGROUND:url(http://cdn.obsidianportal.com/assets/242453/Latest_Postgame_Dana.png);}
a.main_roll.barbara {BACKGROUND:url(http://cdn.obsidianportal.com/assets/242722/Latest_Postgame_Barbara.png);}
a.main_roll.matthew {BACKGROUND:url(http://cdn.obsidianportal.com/assets/231790/Latest_Postgame_Matthew.png);}
a.main_roll.conor {BACKGROUND:url(http://cdn.obsidianportal.com/assets/231791/Latest_Postgame_Conor.png);}
a.main_roll.john {BACKGROUND:url(http://cdn.obsidianportal.com/assets/231799/Latest_Postgame_JohnWolf.png);}
a.main_roll.erica {BACKGROUND:url(http://cdn.obsidianportal.com/assets/231798/Latest_Postgame_Erica.png);}
a.main_roll.jamie {BACKGROUND:url(http://cdn.obsidianportal.com/assets/231816/Latest_Postgame_Jamie.png);}
a.main_roll.elena {BACKGROUND:url(http://cdn.obsidianportal.com/assets/231818/Latest_Postgame_Elena.png);}
a.main_roll.midori {BACKGROUND:url(http://cdn.obsidianportal.com/assets/231819/Latest_Postgame_Midori.png);}
a.main_roll.roxie {BACKGROUND:url(http://cdn.obsidianportal.com/assets/237483/Latest_Postgame_Roxie2.png);}
a.main_roll.chrys {BACKGROUND:url(http://cdn.obsidianportal.com/assets/232124/Latest_Postgame_Chyrs.png);}
a.main_roll.cody:hover, a.main_roll.dana:hover, a.main_roll.barbara:hover, a.main_roll.matthew:hover, a.main_roll.conor:hover, a.main_roll.john:hover, a.main_roll.erica:hover, a.main_roll.jamie:hover, a.main_roll.elena:hover, a.main_roll.midori:hover, a.main_roll.roxie:hover, a.main_roll.chrys:hover, a.main_roll.beth:hover {background-position:0px -50px; background-color:gray; text-shadow:-1px 0px black,0px -1px black, 1px 0px black, 0px 1px black; color:darkorange;}

#character-details .blurb, .blurb {BACKGROUND-COLOR:transparent; BORDER:1px dotted maroon; BORDER-RADIUS:6px; MARGIN-BOTTOM:5px; MIN-HEIGHT:82px; PADDING:2px; overflow:auto;}
#character-details .blurb img.small, .blurb img.small {WIDTH:64px; HEIGHT:64px; FLOAT:left; BACKGROUND-COLOR:#FFF; BORDER:1px solid #000; MARGIN:5px; PADDING:2px; display:inline-block; position:relative;}

/* EXP Bar */
.xparea {overflow:auto; border:4px solid black; border-top:8px solid black; padding:5px; BACKGROUND-IMAGE:url(http://cdn.obsidianportal.com/assets/191899/DFRPG_Parchment_light_opt.jpg);}
.milestone {border:1px solid yellow; border-radius:6px; min-height:25px; vertical-align:top; margin:1px; text-align:center; color:black;}
.milestone.label {border-color:black; width:320px; padding:5px; background-color: transparent; color:black; BACKGROUND-IMAGE:url(http://cdn.obsidianportal.com/assets/191899/DFRPG_Parchment_light_opt.jpg); float:left; text-align:left;}
.milestone.label.inactive {BACKGROUND-IMAGE:url(http://cdn.obsidianportal.com/assets/191898/DFRPG_Parchment_darker_opt.jpg); color:#444;}
.milestone.label.npc {Background-image:none; background-color:#555; color: #111;}
.milestone.container {border-color: #444; background-color:#333; padding:1px; height:33px; border-radius:0px; margin:0px;}
.milestone.half {width:5px; border-top-right-radius:0px; border-bottom-right-radius:0px; background-color:#922; border-color:#990; display:inline-block; float:left; }
.milestone.minor {width:10px; background-color:#B42; border-color:#BB0; display:inline-block; float:left; }
.milestone.significant {width:34px; background-color:#D62; border-color:#DD0; display:inline-block; float:left; }
.milestone.major {width:118px; color:black; background-color:#F82; border-color:#FF0; display:inline-block; float:left; }
.milestone.benny {width:25px; height:25px; border-radius:12px; border-color:orange; display:inline-block; float:left;}
.milestone.benny.white {background-color:white;}
.milestone.benny.blue {background-color:blue; color:orange;}
.milestone.benny.green {background-color:green; color:orange;}
.milestone.benny.red {background-color:maroon; color:orange;}

.youtube {border:1px solid gray; background-color:black;}

/* Old Code */
.matthewjournal, .matthewbox, .quipelkhorn, .matthewbanner, .main_row_update, .whitebox, .johnbanner, .midoribanner, .jaimebox, .jamiebox, .johnbox, .jaimejournal, .jamiejournal, .johnjournal, .jaimebanner, .jamiebanner, .whitebox, .tocwhitebox, .statbox, .greybox, .conorjournal, .conorbox, .conorbanner, .roxiebanner, .wolfhoundquip, .reverendbox, .elenabox, .elenajournal, .elenabanner, .jaeliequip, .renbox, .renjournal, .renbanner, .leezaquip, .codybox, .codyjournal, .codybanner, .elkramquip, .midoribox, .midorijournal, .ericabox, .ericajournal, .ericabanner, .stagelucasquip, .rahalquip, .chrysbox, .chrysbanner, .postgamebanner, .gmbanner, .bellebanner, .danabanner, .barbarabanner, .bellebox, .unclejournal, .tribox, .lefthalf, .righthalf, .tribox2, .overtext2, .tribox-banner, .castbox, .themesbanner, .miscbanner, .facesbanner, .threatsbanner, .locationbanner, .codebox, .benny1, .benny2, .benny3, .main_container, .main_left, .main_right, .main_row, .main_row_howdy, .main_row_text {min-height:256px; min-width: 256px; BORDER:3px dotted green; background-color:lime; BACKGROUND-IMAGE:url(https://lh6.googleusercontent.com/-iP3hqHG3cNc/UnKGtQRdu_I/AAAAAAAAIIw/P3ry6PWmzII/s256-no/FixMe.png);}

My CSS

Dresden Files Dallas wolfhound wolfhound