@charset "utf-8"; /* Theme Name: WHO DID IT? Theme URI: Description: WHO DID IT? Theme Version: 1.1 Author: msykem Author URI: */ /* :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: * * file name : style.css * * :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */ /* ==================================================================================================================================== * [ reset ] */ html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, field set, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, dialog, figure, footer, header, group, menu, nab, section, time, mark, audio, video { margin:0; padding:0; border:0; outline:0; background:transparent; } article, aside, dialog, figure, footer, header, group, nab, section { display:block; } h1,h2,h3,h4,h5,h6 { font-size:100%; font-weight:normal; } ul li { list-style:none; } object,embed { border:0; vertical-align:bottom; outline:none; } blockquote, q { quotes:none; } block quote:before, block quote:after, q:before, q:after { content:''; content:none; } a { margin:0; padding:0; border:0; background:transparent; outline:none; } a img { border:none; text-decoration:none; outline:0; } ins { color:#000; text-decoration:none; } mark { background-color:#ff9; color:#000; font-style:italic; font-weight:bold; } del { text-decoration:line-through; } abbr[title], dfn[title] { border-bottom:1px dotted #000; cursor:help; } table { border-collapse:collapse; border-spacing:0; } caption,th { text-align:left; } sup { vertical-align:text-top; } sub { vertical-align:text-bottom; } hr { display:block; height:1px; border:0; border-top:1px solid #cccccc; margin:1em 0; padding:0; } input, select { vertical-align:middle; } img { border:none; vertical-align:bottom; } /* * [ font size adjustment ] * 77% = 10px | 123.1% = 16px | 167% = 22px * 85% = 11px | 131% = 17px | 174% = 23px * 93% = 12px | 138.5% = 18px | 182% = 24px * 100% = 13px | 146.5% = 19px | 189% = 25px * 108% = 14px | 153.9% = 20px | 197% = 26px * 116% = 15px | 161.6% = 21px | */ body { font:13px/1.231 arial,helvetica,clean,sans-serif; *font-size:small; *font:x-small; } select,input,button,text area { font:99% arial,helvetica,clean,sans-serif; } table { font-size:inherit; font:100%; } pre,code,kbd,samp,tt { font-family:monospace; *font-size:108%; line-height:100%; } /* [ link ] ------------------------------------------------ */ a:link { color:#666666; text-decoration:underline; } a:active { color:#666666; text-decoration:underline; } a:visited { color:#666666; text-decoration:underline; } a:hover { color:#fe1985; text-decoration:none; } /* [ selection ] ------------------------------------------------ */ /*::selection { background-color:#dfdfdf; color:#000; } ::-moz-selection { background-color:#dfdfdf; color:#000; }*/ /* ==================================================================================================================================== * [ default class style ] */ /* clearfix */ .clearfix:after { content:"."; display:block; height:0; clear:both; visibility:hidden; } .clearfix { display:inline-block; } * html .clearfix { height:1%; } .clearfix { display:block; } /* End clearfix */ /* ==================================================================================================================================== * [ base ] */ /* ================================================================== * clearfix * ================================================================== */ #content:after, #header div.search:after, ul.pageNav:after, dl.categories:after, #main:after, div.thumbnail:after, div.mainImg:after, .data p:after, #main ul.thumbnails:after, ul.share:after, #footNav #pagination:after, #footer #footerInner ul:after { content:""; display:block; height:0; clear:both; visibility:hidden; } #content, #header div.search, ul.pageNav, dl.categories, #main, div.thumbnail, div.mainImg, div.entryData p, #main ul.thumbnails, ul.share, #footNav #pagination, #footer #footerInner ul { display:inline-block; } * html #content, * html #header div.search, * html ul.pageNav, * html dl.categories, * html #main, * html div.thumbnail, * html div.mainImg, * html div.entryData p, * html #main ul.thumbnails, * html ul.share, * html #footNav #pagination, * html #footer #footerInner ul { height:1%; } #content, #header div.search, ul.pageNav, dl.categories, #main, div.thumbnail, div.mainImg, div.entryData p, #main ul.thumbnails, ul.share, #footNav #pagination, #footer #footerInner ul { display:block; } /* ================================================================== * base * ================================================================== */ body { background-color:#fff; font-family:"ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", Arial, Helvetica, sans-serif; color:#666; } #container { min-width:1064px; padding-top:25px; } /* ================================================================== * header * ================================================================== */ #header { position:relative; width:1034px; height:75px; margin:0 auto; text-align:left; } #header #logo {} #header #logo a { display:block; width:190px; height:19px; background:url(assets/images/logo.gif) repeat; text-indent:-9000px; } #header p.dids { position:absolute; top:0; left:210px; color:#333333; font-size:11px; font-family:Arial, Helvetica, sans-serif; } #header p.dids strong { padding-right:4px; font-size:18px; font-weight:bold; color:#fe1985; } #header #btnIDI { position:absolute; top:0; left:470px; width:85px; height:18px; background:url(assets/images/btn_idi.gif) repeat; text-indent:-9000px; } #header #btnYDI { position:absolute; top:-15px; right:0; cursor: pointer; } /* #header #btnYDI a { display:block; width:155px; height:19px; background:url(assets/images/btn_ydi.gif) repeat; text-indent:-9000px; } */ #header #btnYDI a { display:block; width:151px; height:42px; background:url(assets/images/btn_ydi.gif) repeat; text-indent:-9000px; cursor: pointer; } /* div.search --------------------- */ #header div.search { width:201px; position:absolute; top:40px; right:0; } #header div.search #search { float:left; width:163px; height:15px; padding-left:3px; line-height:1.1; font-size:92%; border:1px solid #c1c1c1; color:#666666; } #header div.search .searchText { float:left; width:163px; height:15px; padding-left:3px; line-height:1.1; font-size:92%; border:1px solid #c1c1c1; color:#666666; } #header div.search input.searchBtn, #header div.search #searchBtn { position:absolute; top:0; right:0; cursor:pointer; } /* ================================================================== * content * ================================================================== */ #content { width:1034px; margin:0 auto; padding-bottom:25px; text-align:left; } /* ------------------------------------------------------------------ * #main */ #main { position:relative; float:left; width:820px; } /* #search-content --------------------- */ #search-content { display:none; width:819px; margin-bottom:15px; background-image:url(assets/images/dot_line_1.gif),url(assets/images/dot_line_1.gif); background-position:0 0,0 100%; background-repeat:repeat-x,repeat-x; } #search-content #search_notice { padding-top:15px; } #search-content .module-content ul { margin-top:10px; } #search-content .module-content ul li { margin:0 0 7px 7px; padding-left:6px; background:url(assets/images/icn_square.gif) 0 0.4em no-repeat; font-size:82%; line-height:1.2; } #search-content p.search_hide { padding-bottom:15px; font-size:82%; text-align:center; font-family:Arial, Helvetica, sans-serif; } #search-content p.search_hide a { text-decoration:none; } #search-content p.search_hide a:hover { text-decoration:underline; } /* #headNav --------------------- */ #main #headNav { position:absolute; top:0; left:0; width:820px; } #main p.dids { position:absolute; bottom:15px; left:140; color:#333333; font-size:11px; font-family:Arial, Helvetica, sans-serif; } #main p.dids strong { padding-right:4px; font-size:18px; font-weight:bold; color:#fe1985; } /* ul.pageNav */ #main ul.pageNav { position:absolute; bottom:19px; left:0px; color:#cccccc; font-weight:bold; font-size:11px; font-family:Arial, Helvetica, sans-serif; } #main ul.pageNav li { display:inline; float:left; } #main ul.pageNav li.btnPrev, #main ul.pageNav li.btnHome { padding-right:5px; margin-right:5px; background:url(assets/images/separator.gif) 100% 50% no-repeat; } #main ul.pageNav li a { color:#fe1985; text-decoration:none; } #main ul.pageNav li a:hover { text-decoration:underline; } /* dl.categories */ #main dl.categories { position:absolute; bottom:19px; right:2px; font-size:11px; font-family:Arial, Helvetica, sans-serif; } #main dl.categories dt { display:none; } #main dl.categories dd { display:inline; float:left; margin-left:5px; padding-left:6px; background:url(assets/images/separator.gif) 0 50% no-repeat; } #main dl.categories dd a { text-decoration:none; } #main dl.categories dd a:hover { text-decoration:underline; } #main dl.categories dd.all a { color:#666666; } #main dl.categories dd.web { margin:0; padding:0; background:none; } #main dl.categories dd.web a { color:#a6c92e; } #main dl.categories dd.graphic a { color:#e15838; } #main dl.categories dd.tvcm a { color:#2ec0c9; } #main dl.categories dd.pv a { color:#f0ac19; } #main dl.categories dd.product a { color:#c524d3; } #main dl.categories dd.other a { color:#666666; } #main dl.categories dd.diders a { color:#3232e1; } #main dl.categories dd.mobile a { color:#23c28f; } /* 現在地 */ body.category-web #main dl.categories dd.web a, body.category-graphic #main dl.categories dd.graphic a, body.category-tvcm #main dl.categories dd.tvcm a, body.category-pvmv #main dl.categories dd.pv a, body.category-product #main dl.categories dd.product a, body.category-other #main dl.categories dd.other a, body.category-diders #main dl.categories dd.diders a { text-decoration:underline; } /* div.mainImg */ #main div.mainImg { position:relative; width:817px; height:517px; background-color:#333333; border:1px solid #e4e4e4; } #main div.mainImg p.categories { position:absolute; top:4px; left:4px; } #main div.mainImg span { display:block; float:left; height:9px; margin-right:3px; text-indent:-9000px; } #main div.mainImg span.web { width:20px; background:url(assets/images/icn_category_web.gif) 0 0 no-repeat; } #main div.mainImg span.graphic { width:38px; background:url(assets/images/icn_category_graphic.gif) 0 0 no-repeat; } #main div.mainImg span.tvcm { width:24px; background:url(assets/images/icn_category_tvcm.gif) 0 0 no-repeat; } #main div.mainImg span.pv { width:33px; background:url(assets/images/icn_category_pv.gif) 0 0 no-repeat; } #main div.mainImg span.product { width:39px; background:url(assets/images/icn_category_product.gif) 0 0 no-repeat; } #main div.mainImg span.other { width:29px; background:url(assets/images/icn_category_other.gif) 0 0 no-repeat; } #main div.mainImg span.diders { width:33px; background:url(assets/images/icn_category_diders.gif) 0 0 no-repeat; } #main div.mainImg span.mobile { width:33px; background:url(assets/images/icn_category_mobile.gif) 0 0 no-repeat; } #main div.mainImg p.icnDay, #main div.mainImg p.icnMon, #main div.mainImg p.icnYear { position:absolute; bottom:0; right:0; _bottom:-1px; _right:-1px; width:54px; height:54px; text-indent:-9000px; font-size:0; line-height:0; } #main div.mainImg p.icnDay { background:url(assets/images/icn_day.png) 0 0 no-repeat; } #main div.mainImg p.icnMon { background:url(assets/images/icn_mon.png) 0 0 no-repeat; } #main div.mainImg p.icnYear { background:url(assets/images/icn_year.png) 0 0 no-repeat; } #main div.mainImg #video { font-size:85%; line-height:1.6; visibility:hidden; } /* h1.title */ #main h1.title { position:relative; top:8px; width:819px; height:24px; text-indent:8px; line-height:1.1; font-size:11px; color:#000000; } #main h1.title a { display:block; width:819px; height:24px; background:url(assets/images/icn_new_window.gif) 803px 3px no-repeat; text-decoration:none; color:#000000; } #main h1.title a:hover { background:url(assets/images/icn_new_window.gif) 803px -37px no-repeat; color:#fe1985; } /* p.posted */ #main p.posted { height:15px; text-indent:8px; line-height:1.1; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:8px; color:#9e9e9e; } /* table.credits, table.profiles */ #main table.credits, #main table.profiles { width:819px; border-collapse:collapse; } #main table.credits tr th, #main table.credits tr td, #main table.profiles tr th, #main table.profiles tr td { padding:4px 9px 4px 9px; border:1px solid #FFFFFF; line-height:1.1; } #main table.credits tr th, #main table.profiles tr th { vertical-align:middle; width:85px; padding:4px 5px 4px 5px; background-color:#efefef; } #main table.credits tr td, #main table.profiles tr td { background-color:#f9f9f9; border-right:1px solid #f9f9f9; font-size:10px; text-align:left; } #main table.credits tr th p, #main table.profiles tr th p { width:78px; height:5px; margin:0 auto 0 4px; text-indent:-9000px; font-size:0; line-height:0; } #main table.credits p.client { background:url(assets/images/detail_tx_cl.gif) 0 0 no-repeat; } #main table.credits p.agency { background:url(assets/images/detail_tx_ag.gif) 0 0 no-repeat; } #main table.credits p.production { background:url(assets/images/detail_tx_pd.gif) 0 0 no-repeat; } #main table.credits p.creativeDirector { background:url(assets/images/detail_tx_cd.gif) 0 0 no-repeat; } #main table.credits p.artDirector { background:url(assets/images/detail_tx_ad.gif) 0 0 no-repeat; } #main table.credits p.planner { background:url(assets/images/detail_tx_pl.gif) 0 0 no-repeat; } #main table.credits p.producer { background:url(assets/images/detail_tx_pr.gif) 0 0 no-repeat; } #main table.credits p.copyWriter { background:url(assets/images/detail_tx_c.gif) 0 0 no-repeat; } #main table.credits p.director { background:url(assets/images/detail_tx_d.gif) 0 0 no-repeat; } #main table.credits p.designer { background:url(assets/images/detail_tx_de.gif) 0 0 no-repeat; } #main table.credits p.programer { background:url(assets/images/detail_tx_pg.gif) 0 0 no-repeat; } #main table.credits p.otherStaff { background:url(assets/images/detail_tx_ot.gif) 0 0 no-repeat; } #main table.credits p.award { background:url(assets/images/detail_tx_aw.gif) 0 0 no-repeat; } #main table.credits a, #main table.profiles a { text-decoration:underline; } #main table.credits a:hover, #main table.profiles a:hover { text-decoration:none; } .home #main table.credits a, .home #main table.profiles a, .archive #main table.credits a, .archive #main table.profiles a { text-decoration:none; } #main table.profiles p.birthday { background:url(assets/images/dider_tx_birthday.gif) 0 0 no-repeat; } #main table.profiles p.relations { background:url(assets/images/dider_tx_relations.gif) 0 0 no-repeat; } #main table.profiles p.words { background:url(assets/images/dider_tx_words.gif) 0 0 no-repeat; } #main table.profiles p.diders10_1 { background:url(assets/images/dider_tx_diders10_1.gif) 0 0 no-repeat; } #main table.profiles p.diders10_2 { background:url(assets/images/dider_tx_diders10_2.gif) 0 0 no-repeat; } #main table.profiles p.diders10_3 { background:url(assets/images/dider_tx_diders10_3.gif) 0 0 no-repeat; } #main table.profiles p.diders10_4 { background:url(assets/images/dider_tx_diders10_4.gif) 0 0 no-repeat; } #main table.profiles p.diders10_5 { background:url(assets/images/dider_tx_diders10_5.gif) 0 0 no-repeat; } #main table.profiles p.diders10_6 { background:url(assets/images/dider_tx_diders10_6.gif) 0 0 no-repeat; } #main table.profiles p.diders10_7 { background:url(assets/images/dider_tx_diders10_7.gif) 0 0 no-repeat; } #main table.profiles p.diders10_8 { background:url(assets/images/dider_tx_diders10_8.gif) 0 0 no-repeat; } #main table.profiles p.diders10_9 { background:url(assets/images/dider_tx_diders10_9.gif) 0 0 no-repeat; } #main table.profiles p.diders10_10 { background:url(assets/images/dider_tx_diders10_10.gif) 0 0 no-repeat; } /* footer.data */ #main .data { position:relative; width:817px; height:18px; border:1px solid #efefef; } #main .data p { padding-top:1px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:8px; line-height:1; color:#000000; } #main .data p a { text-decoration:none; color:#000000; } #main .data p a:hover { color:#fe1985; } #main .data p span { display:none; text-indent:-9000px; } #main .data p.views { position:absolute; top:4px; left:7px; padding-left:36px; background:url(assets/images/index_tx_views.gif) 0 3px no-repeat; } #main .data p.views span.viewsCount { display:inline; } #main .data p.trackbacks { position:absolute; top:4px; left:79px; padding-left:59px; background:url(assets/images/index_tx_trackbacks.gif) 0 3px no-repeat; } /* ul.thumbnails */ #main .article ul.thumbnails { position:relative; width:840px; margin:17px 0 20px -19px; z-index:100; } #main .article ul.thumbnails li { display:inline; float:left; width:400px; margin:0 0 7px 19px; line-height:0; } #main .article ul.thumbnails li img { border:1px solid #cccccc; } /* ul.share */ #main .article ul.share { margin:35px 0 40px; } #main .article ul.share li { display: block; float:left; position:relative; height:62px; min-width: 52px; margin-right:10px; vertical-align:bottom; } #main .article ul.share li.twitter { padding-top: 40px; } #main .article ul.share li.facebook { padding-top: 20px; } #main .article ul.share li.plusone {} #main .article ul.share li.hatena {} #main .article ul.share li.pocket {} #main .article ul.share li.pinterest { width:40px; height:auto; padding-top:42px; } #main .article ul.share li.tumblr { width:81px; height:auto; padding-top:42px; } /*.post .post-body .share { position:relative; height:70px; margin:60px 0 15px; } .post .post-body .share li { float:left; margin-right:5px; list-style:none; } .post .post-body .share li.twitter { position:absolute; bottom:1px; left:0; } .post .post-body .share li.facebook { position:absolute; bottom:0; left:68px; } .post .post-body .share li.google { position:absolute; bottom:1px; left:128px; }*/ /* #footNav --------------------- */ #footNav { position:relative; clear:both; width:820px; min-height:20px; margin:0 0 10px; } #footNav p.dids { position:relative; bottom:0; left:0; } #footNav ul.pageNav { position:absolute; top:0; } #footNav dl.categories { position:absolute; top:0; bottom:0; right:2px; } #footNav p.pageNavi { margin:8px 0 0 0; font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#CCCCCC; } #footNav p.pageNavi a { color:#000000; text-decoration:none; } #footNav p.pageNavi a:hover { text-decoration:underline; color:#fe1985; } /* span.prev, span.next */ #footNav p.pageNavi span.prev, #footNav p.pageNavi span.next { position:relative; top:-2px; } #footNav p.pageNavi span.prev { padding-right:5px; } #footNav p.pageNavi span.next { padding-left:4px; } /* #pagination */ #footNav #pagination { padding:30px 0 0 0; font-family:Arial, Helvetica, sans-serif; font-size:11px; line-height:1.6; color:#CCCCCC; } #footNav #pagination a { position:relative; color:#000000; text-decoration:none; } #footNav #pagination a:hover { text-decoration:underline; color:#fe1985; } #footNav #pagination li { float:left; padding:0 4px; } #footNav #pagination li.prev, #footNav #pagination li.next, #footNav #pagination span.prev, #footNav #pagination span.next { position:relative; top:-1px; } #footNav #pagination li.prev, #footNav #pagination span.prev { padding-right:5px; } #footNav #pagination li.next, #footNav #pagination span.next { padding-left:5px; } /* ------------------------------------------------------------------ * #sub */ #sub { float:right; width:200px; } #sub dl.adIt, #sub dl.diders, #sub dl.recentEntries, #sub dl.archives, #sub ul li { width:200px; margin-bottom:33px; padding:18px 0 0; background:url(assets/images/dot_line_1.gif) 0 0 repeat-x; } #sub dl.adIt dt, #sub dl.diders dt, #sub dl.recentEntries dt, #sub dl.archives dt { position:relative; height:9px; margin-bottom:15px; background:0 0 no-repeat; text-indent:-9000px; } #sub dl dt span.new { position:absolute; top:0; right:0; display:block; width:20px; height:9px; margin-right:-25px; background:url(assets/images/icn_new.gif) 0 0 no-repeat; text-indent:-9000px; font-size:0; line-height:0; z-index:100; } #sub dl.diders dd, #sub dl.recentEntries dd { margin:0 0 7px 7px; padding-left:6px; background:url(assets/images/icn_square.gif) 0 0.4em no-repeat; font-size:82%; line-height:1.2; } /* dl.adIt */ #sub dl.adIt {} #sub dl.adIt dt { display:none; width:36px; margin-bottom:17px; background-image:url(assets/images/topic_ad_it.gif); } #sub dl.adIt dd { /*width:198px; border:1px solid #E4E4E4;*/ overflow:hidden; } #sub dl.adIt dd div { margin-left:-1px; } #sub dl.adIt dd a:hover img { filter:alpha(opacity=85); -moz-opacity:0.85; opacity:0.85; } /* dl.diders */ #sub dl.diders dt { width:48px; background-image:url(assets/images/topic_diders.gif); } /* dl.recentEntries */ #sub dl.recentEntries dt { width:103px; background-image:url(assets/images/topic_resent_entries.gif); } /* dl.archives */ #sub dl.archives dt { width:64px; background-image:url(assets/images/topic_archives.gif); } #sub dl.archives dd dl { margin:0 0 15px 12px; } #sub dl.archives dd dl dt { width:auto; height:auto; margin:0 0 0 1px; background:none; text-indent:0; font-weight:bold; font-size:82%; line-height:1.2; } #sub dl.archives dd dl dd { display:inline; padding:0 10px 0 2px; background:none; font-size:82%; line-height:1.1; } /* ul.other */ #sub ul.other li { margin-bottom:10px; } #sub ul.other li.rss a { display:block; width:44px; height:12px; background:url(assets/images/btn_rss.gif) 0 0 no-repeat; text-indent:-9000px; } /* likebox */ /* #sub .fb-like-box { background-color:#333333; } */ #sub .likebox { margin-bottom:23px; padding:10px 0 0; } #fb-root { display:none; } /* ================================================================== * footer * ================================================================== */ #footer { width:100%; text-align:left; background-color:#000; font-size:0; line-height:0; } #footer #footerInner { position:relative; width:1034px; height:140px; margin:0 auto; } #footer #footerInner ul { position:absolute; top:117px; right:0; /*top:5px;*/ } #footer #footerInner ul li { display:inline; float:left; padding-right:7px; margin-right:7px; background:url(assets/images/separator.gif) 100% 50% no-repeat; font-family:Arial, Helvetica, sans-serif; font-size:11px; } #footer #footerInner ul li.about { padding-right:0; background:none; } #footer #footerInner ul li a { text-decoration:none; line-height:1.2; } #footer #footerInner ul li a:hover { text-decoration:underline; } #footer #footerInner p#copyright { position:absolute; top:122px; left:2px; width:154px; height:6px; background:url(assets/images/copyright.gif) 0 0 no-repeat; text-indent:-9000px; font-size:0; line-height:0; } #footer #footerInner div.banners { width:930px; width:728px; /*margin-left:52px;*/ padding-top:10px; } p#nakanohito { position:absolute; top:0; left:-9999px; width:1px; height:1px; text-indent:-9000px; font-size:0; line-height:0; } /* :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: * file path : /index.html * archive page * :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */ #content.archive #main { width:824px; } /* .article --------------------- */ #content.archive .article { display:inline; float:left; width:202px; min-height:485px; _height:485px; margin:0 4px 0 0; } #content.archive div.thumbnail { position:relative; } #content.archive div.thumbnail a img { border:1px solid #e4e4e4; } #content.archive div.thumbnail p.categories { position:absolute; top:4px; left:4px; } #content.archive div.thumbnail span { display:block; float:left; height:9px; margin-right:3px; text-indent:-9000px; } #content.archive div.thumbnail span.web { width:20px; background:url(assets/images/icn_category_web.gif) 0 0 no-repeat; } #content.archive div.thumbnail span.graphic { width:38px; background:url(assets/images/icn_category_graphic.gif) 0 0 no-repeat; } #content.archive div.thumbnail span.tvcm { width:24px; background:url(assets/images/icn_category_tvcm.gif) 0 0 no-repeat; } #content.archive div.thumbnail span.pv { width:33px; background:url(assets/images/icn_category_pv.gif) 0 0 no-repeat; } #content.archive div.thumbnail span.product { width:39px; background:url(assets/images/icn_category_product.gif) 0 0 no-repeat; } #content.archive div.thumbnail span.other { width:29px; background:url(assets/images/icn_category_other.gif) 0 0 no-repeat; } #content.archive div.thumbnail span.diders { width:33px; background:url(assets/images/icn_category_diders.gif) 0 0 no-repeat; } #content.archive div.thumbnail span.mobile { width:33px; background:url(assets/images/icn_category_mobile.gif) 0 0 no-repeat; } #content.archive div.thumbnail p.icnDay, #content.archive div.thumbnail p.icnMon, #content.archive div.thumbnail p.icnYear { position:absolute; bottom:1px; right:1px; _bottom:2px; width:54px; height:54px; text-indent:-9000px; font-size:0; line-height:0; } #content.archive div.thumbnail p.icnDay { background:url(assets/images/icn_day.png) 0 0 no-repeat; } #content.archive div.thumbnail p.icnMon { background:url(assets/images/icn_mon.png) 0 0 no-repeat; } #content.archive div.thumbnail p.icnYear { background:url(assets/images/icn_year.png) 0 0 no-repeat; } /* h1.title */ #content.archive h1.title { visibility:hidden; position:relative; top:8px; width:202px; height:23px; text-indent:8px; line-height:1.1; font-size:11px; } #content.archive h1.title a { display:block; width:202px; height:23px; background:url(assets/images/icn_new_window.gif) 187px 1px no-repeat; text-decoration:none; color:#000000; } #content.archive h1.title a:hover { background:url(assets/images/icn_new_window.gif) 187px -39px no-repeat; color:#fe1985; } /* p.posted */ #content.archive p.posted { height:15px; text-indent:8px; line-height:1.1; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:8px; color:#9e9e9e; } /* table.credits, table.profiles */ #content.archive table.credits, #content.archive table.profiles { display:none; width:202px; border-collapse:collapse; } #content.archive table.credits tr th, #content.archive table.credits tr td, #content.archive table.profiles tr th, #content.archive table.profiles tr td { padding:4px 0 4px 6px; border:1px solid #FFFFFF; line-height:1.1; } #content.archive table.credits tr th, #content.archive table.profiles tr th { width:12px; padding:4px 5px 4px 5px; background-color:#efefef; } #content.archive table.credits tr td, #content.archive table.profiles tr td { background-color:#f9f9f9; border-right:1px solid #f9f9f9; font-size:10px; text-align:left; } #content.archive table.credits tr th p, #content.archive table.profiles tr th p { width:10px; height:5px; margin:0 auto; text-indent:-9000px; font-size:0; line-height:0; } #content.archive table.credits tr th p.client { background:url(assets/images/index_tx_cl.gif) 0 0 no-repeat; } #content.archive table.credits tr th p.agency { background:url(assets/images/index_tx_ag.gif) 0 0 no-repeat; } #content.archive table.credits tr th p.production { background:url(assets/images/index_tx_pd.gif) 0 0 no-repeat; } #content.archive table.credits tr th p.creativeDirector { background:url(assets/images/index_tx_cd.gif) 0 0 no-repeat; } #content.archive table.credits tr th p.artDirector { background:url(assets/images/index_tx_ad.gif) 0 0 no-repeat; } #content.archive table.credits tr th p.planner { background:url(assets/images/index_tx_pl.gif) 0 0 no-repeat; } #content.archive table.credits tr th p.producer { background:url(assets/images/index_tx_pr.gif) 0 0 no-repeat; } #content.archive table.credits tr th p.copyWriter { background:url(assets/images/index_tx_c.gif) 0 0 no-repeat; } #content.archive table.credits tr th p.director { background:url(assets/images/index_tx_d.gif) 0 0 no-repeat; } #content.archive table.credits tr th p.designer { background:url(assets/images/index_tx_de.gif) 0 0 no-repeat; } #content.archive table.credits tr th p.programer { background:url(assets/images/index_tx_pg.gif) 0 0 no-repeat; } #content.archive table.credits tr th p.otherStaff { background:url(assets/images/index_tx_ot.gif) 0 0 no-repeat; } #content.archive table.credits tr th p.award { background:url(assets/images/index_tx_aw.gif) 0 0 no-repeat; } /* DIDER */ #content.archive table.profiles tr th p.birthday { background:url(assets/images/index_tx_birthday.gif) 0 0 no-repeat; } #content.archive table.profiles tr th p.relations { background:url(assets/images/index_tx_relations.gif) 0 0 no-repeat; } #content.archive table.profiles tr th p.words { background:url(assets/images/index_tx_words.gif) 0 0 no-repeat; } #content.archive table.profiles tr th p.diders10_1 { background:url(assets/images/index_tx_diders10_1.gif) 0 0 no-repeat; } #content.archive table.profiles tr th p.diders10_2 { background:url(assets/images/index_tx_diders10_2.gif) 0 0 no-repeat; } #content.archive table.profiles tr th p.diders10_3 { background:url(assets/images/index_tx_diders10_3.gif) 0 0 no-repeat; } #content.archive table.profiles tr th p.diders10_4 { background:url(assets/images/index_tx_diders10_4.gif) 0 0 no-repeat; } #content.archive table.profiles tr th p.diders10_5 { background:url(assets/images/index_tx_diders10_5.gif) 0 0 no-repeat; } #content.archive table.profiles tr th p.diders10_6 { background:url(assets/images/index_tx_diders10_6.gif) 0 0 no-repeat; } #content.archive table.profiles tr th p.diders10_7 { background:url(assets/images/index_tx_diders10_7.gif) 0 0 no-repeat; } #content.archive table.profiles tr th p.diders10_8 { background:url(assets/images/index_tx_diders10_8.gif) 0 0 no-repeat; } #content.archive table.profiles tr th p.diders10_9 { background:url(assets/images/index_tx_diders10_9.gif) 0 0 no-repeat; } #content.archive table.profiles tr th p.diders10_10 { background:url(assets/images/index_tx_diders10_10.gif) 0 0 no-repeat; } /* .data */ #content.archive .data { position:relative; width:200px; height:18px; border:1px solid #efefef; } #content.archive .data p { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:8px; color:#000000; } #content.archive .data p a { text-decoration:none; color:#000000; } #content.archive .data p a:hover { color:#fe1985; } #content.archive .data p span { text-indent:-9000px; } #content.archive .data p.views { position:absolute; top:4px; left:7px; padding-left:36px; background:url(assets/images/index_tx_views.gif) 0 3px no-repeat; } /* :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: * ■CONTACT PAGE * file path :/contact.php * :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */ body.contact #main { background:url(assets/images/dot_line_2.gif) 0 0 no-repeat; } body.contact #main h2 { position:relative; top:17px; width:58px; height:9px; margin:0 0 30px 5px; background:url(assets/images/topic_contact.gif) 0 0 no-repeat; text-indent:-9000px; } body.contact #main p.note { margin:0 0 10px 6px; line-height:1.2; font-size:82%; color:#000000; } body.contact #main p.set-contact { margin-left:6px; line-height:1.2; font-size:82%; } body.contact #main p.set-contact a { padding-left:13px; background:url(assets/images/icn_mail.gif) 0 2px no-repeat; color:#000000; } body.contact #main p.set-contact a:hover{ background:url(assets/images/icn_mail.gif) 0 -28px no-repeat; color:#fe1985; } /* :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: * ■ABOUT"AD IT" PAGE * file path :/adit.php * :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */ body.adit #main { background:url(assets/images/dot_line_2.gif) 0 0 no-repeat; } body.adit #main h2 { position:relative; top:17px; width:89px; height:9px; margin:0 0 30px 5px; background:url(assets/images/topic_about_adit.gif) 0 0 no-repeat; text-indent:-9000px; } body.adit #main p.note { margin:0 0 10px 6px; line-height:1.2; font-size:82%; color:#000000; } body.adit #main p.adit { margin-left:6px; line-height:1.2; font-size:82%; } body.adit #main p.adit a { padding-left:13px; background:url(assets/images/icn_mail.gif) 0 2px no-repeat; color:#000000; } body.adit #main p.adit a:hover { background:url(assets/images/icn_mail.gif) 0 -28px no-repeat; color:#fe1985; } /* :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: * ■ABOUT"WHO DID IT?" PAGE * file path :/about.php * :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */ body.about #main { background:url(assets/images/dot_line_2.gif) 0 0 no-repeat; } body.about #main h2 { position:relative; top:17px; width:137px; height:9px; margin:0 0 30px 5px; background:url(assets/images/topic_about_whodidit.gif) 0 0 no-repeat; text-indent:-9000px; } body.about #main p.note { margin:0 0 10px 6px; line-height:1.6; font-size:82%; color:#000000; } body.about #main p.note a { padding-left:12px; background:url(assets/images/icn_mail.gif) 0 2px no-repeat; color:#000000; } body.about #main p.note a:hover { background:url(assets/images/icn_mail.gif) 0 -28px no-repeat; color:#fe1985; } body.about #main p.set-contact { margin-left:6px; line-height:1.2; font-size:82%; } body.about #main p.set-contact a { padding-left:13px; background:url(assets/images/icn_mail.gif) 0 2px no-repeat; color:#000000; } body.about #main p.set-contact a:hover { background:url(assets/images/icn_mail.gif) 0 -28px no-repeat; color:#fe1985; } /* :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: * ■404 Page * file path :/404.php * :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */ body.error404 #main { background:url(assets/images/dot_line_2.gif) 0 0 no-repeat; } body.error404 #main h2 { margin-bottom:20px; padding-top: 37px; font-size: 30px; color: #000; font-family: Helvetica, Arial, sans-serif; } body.error404 #main p.note { line-height: 1.6; margin-bottom: 20px; } body.error404 #main p.link { }