/* Theme Name: tb2-en Theme URI: http://www.tokyoartbeat.com/ Description: Tokyo Art Beat 2nd blog theme (EN) Version: 0.9 Author: Andreas Bovens, Chris Palmieri, Olivier Thereaux, Paul Baron, Christophe Sautot, Jerome Sadou (added smartphone styles) Author URI: http://www.tokyoartbeat.com/ */ /* Layout and Positioning ------------------------------------------------------------------------------------------------------ */ img { border: 0 !important; } p p {font-size: 100% !important;} .tablog h3 { padding: 0; } #footer { clear: left; } body.ja #main #tablog_title a { width: 525px; } /* - - - frontpage - - - */ #content { clear: both; background-color: #fff; } #main {width: 734px; overflow: hidden; float: left; padding: 0px 0 25px 0; backgrond: transparent url(/resources/images/vertical_grid.gif) 0px -12px; } h2#tablog_title { display: inline; float: left; margin: 0 0 10px 5px; } h2#tablog_title a { display: block; width: 595px; height: 40px; overflow: hidden; } #main .feed { float: left; width: 14px; height: 14px; margin: 13px 0 23px 8px; } body.en #main .feed.tokyo img { width: 30px; margin-top: -12px;} #featured { display: inline; float: left; clear: left; width: 534px; overflow: auto; } #featured h4 { margin-top: 10px; padding: 0; } #featured h4 a { display: block; width: 256px; } #spotlights { display: inline; float: left; width: 532px; margin: 0 0 20px 0; padding: 0 0 5px 0; border: 1px solid #eee; overflow: hidden; } #spotlights .author { font-weight: bold; } #spotlightmain { padding: 7px 7px 25px 7px; border-bottom: 1px dotted #eee; } #spotlightmain p { margin: 0; } #spotlightmini_container { overflow: hidden; } #spotlightmini_container .clear { clear: left; } /* for IE6 */ #spotlightmini1 { display: inline; float: left; width: 257px; margin: 7px 2px 0 7px; padding: 0; } #spotlightmini2 { display: inline; float: left; width: 257px; margin: 7px 7px 0px 2px; padding: 0; } #spotlightmain h3, #spotlightmini_container h3 { margin: 5px 0 5px 0; padding: 0; } #spotlightmini_container p, #spotlightmini_container h3 { padding-right: 5px; text-align: left; } #reviewslist { display: inline; float: left; width: 253px; margin: 0 9px 0 7px; clear: left; overflow: hidden; } #reviewslist h3 a, #interviewslist h3 a, #featureslist h3 a { display: block; width: 200px; height: 15px; margin: 0px 0px 10px 0px; overflow: hidden; } #reviewslist #rlTitle { display: inline; float: left; width: 240px; } #reviewslist .reviewPreview { display: inline; float: left; width: 240px; margin-bottom: 6px; } #reviewslist .reviewPreview .rpThumb { display: inline; float: left; margin-top: 3px; } #reviewslist .reviewPreview .rpTitleAuthor { display: inline; float: left; width: 200px; margin-left: 6px; } #reviewslist .reviewPreview .rpTitleAuthor h4.rpTitle { margin-top: 0px; padding-top: 0px; } #reviewslist .reviewPreview .rpTitleAuthor h4.rpTitle a { width: 200px; } #user_photo_container { display: inline; float: left; width: 265px; overflow: hidden; } #photoreportslist { display: inline; float: left; width: 264px; overflow: hidden; } #photoreportslist h3 { padding: 0; } #photoreportslist h3 a { display: block; width: 264px; height: 9px; margin: 10px 0px 4px 0px; overflow: hidden; } #photoreportslist .slide { float: left; width: 132px; overflow: hidden; } #photoreportslist .slide h4 { margin-top: 0; } #photoreportslist .slide h4 a { width: 132px; } #interviewslist { display: inline; float: left; width: 257px; margin: 20px 5px 0 7px; overflow: hidden; } #featureslist { display: inline; float: left; width: 257px; margin: 20px 0 0 1px; overflow: hidden; } #sandwiched { width: 175px; float: left; padding: 0 10px 0 5px; overflow: hidden; } #spotlighttab { margin: 0px 0px 5px 0px; padding: 5px 5px 16px 5px; border: 1px solid #f8d8e5; } #spotlighttab h3 { margin: 0px; padding-top: 0px; color: #e72d89; } #spotlighttab h3 a { display: block; width: 163px; height: 15px; margin: 10px 0px 15px 0px; overflow: hidden; } #spotlighttab h3 a { text-indent: -5000px; line-height: 15px; } #spotlighttab h4 { padding: 0; } #etc { padding: 0px 5px 16px 5px; margin-bottom:5px; border: 1px solid #ededed; background-color: #fcfcfc; } #etc .category { margin: 16px 0 0 0; } #etc .category a { color: #333; text-decoration: none; font-weight: bold; text-transform: uppercase; } #twitter { padding: 0px 5px 16px 5px; margin-bottom: 5px; border: 1px solid #ededed; background-color: #fcfcfc; } #twitter .category { margin: 16px 0 8px 0; } #twitter .category { color: #333; text-decoration: none; font-weight: bold; text-transform: uppercase; } #twitter li {margin-bottom: 8px;} /* - - - user reviews - - - */ #userReviews { display: inline; float: left; width: 266px; margin: 2px 0px 10px 0px; overflow: hidden; background-image: url(/resources/images/tablog_userreview_top.gif); } #userReviews h3 { display: inline; float: left; width: 230px; height: 20px; margin: 0px 0px 8px 0px; overflow:hidden; } #userReviews #previousCommentButton, #userReviews #nextCommentButton { margin-top: 4px; } #userReviews #previousCommentButton, #userReviews #nextCommentButton, #userReviews #nextCommentButton a, #userReviews #previousCommentButton a { display: inline; float: left; width: 15px; background-image: url(/resources/images/tablog_userreview_arrows.gif); } #userReviews #nextCommentButton a, #userReviews #previousCommentButton a { display: block; height: 0px !important; height /**/: 15px; padding-top: 15px; overflow: hidden; } #userReviews #nextCommentButton a { background-position: -15px 0; } #userReviews #nextCommentButton a:hover, #userReviews #nextCommentButton a:active { background-position: -75px 0; } #userReviews #previousCommentButton a:hover, #userReviews #previousCommentButton a:active { background-position: -60px 0; } #userReviews #nextCommentButton .off, #userReviews #nextCommentButton .off:hover, #userReviews #nextCommentButton .off:active { background-position: -45px 0; cursor: default; } #userReviews #previousCommentButton .off, #userReviews #previousCommentButton .off:hover, #userReviews #previousCommentButton .off:active { background-position: -30px 0; cursor: default; } #userReviews .reviewquote { width: 250px; } #userReviews #latestCommentsList div { display: none; } #userReviews ul { margin-bottom: 0; } #userReviews li { clear: left; list-style-type: none; padding-left: 7px; padding-right: 7px; padding-bottom: 8px; background: #fff url(/resources/images/tablog_userreview_bottom.gif) bottom left; } /* - - - individual articles - - - */ #main h2.article_title { width: 715px; margin: 0 0 8px 6px; font-size: 2.4em; font-weight: normal; } body.en #excerptBlock, body.ja #excerptBlock { width: 708px; margin: 0px 0px 16px 6px; } #article { width: 714px; } #references { float: right; width: 174px; margin: 0 0 0 5px; /* for IE */ color: #333; } div[id=references] { margin: 0 0 0 8px !important; /* for the rest */ } .tabevent { width: 170px; padding: 1px 1px 0px 1px; margin-bottom: 16px; border: 1px solid #ededed; background-color: #fcfcfc; } .tabevent h3 { margin: 5px 3px 15px 3px; padding: 0; font-size: 1.2em !important; } .tabevent p { margin: 0 3px 15px 3px; font-size: 1.3em !important; color: #292929; } .tabevent ul { margin: 0 3px 10px 3px; font-size: 1.3em; /* fix needed? */ list-style-type: none; } .articlebar { position: relative; width: auto; /*height: 2.2em;*/ margin: 0px 0px 15px 0px; /*padding: 0.5em 0px 0.5em 6px;*/ padding: 0.5em 0px 0.1em 6px; border: 1px solid #ededed; overflow: hidden; } .articlebar a { font-weight: bold; } .articlebar .meta { float: left; padding-top: 0.3em; line-height: 1.2em; font-size: 1.2em; margin-right: 1em; margin-top: 2px; } .articlebar .social { float: left; padding-top: 0; margin-top: -1px; text-transform: none; width: 210px; } .articlebar .social iframe[src*="www.facebook.com/plugins/like.php"] { width: 115px !important; height: 21px !important; overflow: hidden !important; } .articlebar .actions { float: right; } .articlebar #print { display: block; float: left; height: 20px; padding: 4px 14px 0 35px; border-left: 1px dotted #eee; background: url(/resources/images/print-icon.gif) transparent 14px 3px no-repeat; } .articlebar #email { display: block; float: left; height: 20px; padding: 4px 14px 0 35px; border-left: 1px dotted #eee; background: url(/resources/images/email-icon.gif) transparent 14px 3px no-repeat; } .articlebar #addthis {display: block; float: left; padding: 2px 5px; border-left: 1px dotted #eee;} .articlebar .main-article-1, .articlebar .main-article-2, .articlebar .main-article-3, .articlebar .spotlight-tab { display: none; } #articlecontent { margin-bottom: 20px; } #articlecontent p, #articlecontent h3, #articlecontent h4 { margin: 0 0 13px 6px; font-size: 1.4em; line-height: 1.42em; } #articlecontent h3, #articlecontent h4 { font-weight: bold; } #articlecontent .floatl, #articlecontent .vanilla {margin-left: -6px !important; } /* 6px for chris :-p */ .arc90_imgcaption { border: 1px solid #ededed; padding: 6px 6px 0 6px; } p.arc90_imgcaptionALT { margin: 0 !important; } p.arc90_imgcaptionTXT { margin: 0 !important; padding-bottom: 6px; } .floatl { float: left; margin: 2px 10px 5px 0 !important;} .floatr { float: right; margin: 2px 1px 5px 10px;} .vanilla { margin: 2px 0 5px 0; } br.clearb { clear: both; } .authorblock { clear: both; width: 698px; margin: 15px 0px 15px 0px; padding: 7px; border: 1px solid #ededed; background-color: #fcfcfc; overflow: auto; } .authorblock img { float: left; padding: 0 7px 7px 0; } .authorblock a { font-weight: bold; } #comments { width: 698px; padding: 7px; border: 1px solid #ededed; } #comments h3 { display: block; width: 200px; height: 15px; overflow: hidden; margin: 12px 0 20px 1px; } #commentlist { list-style-type: none; } #commentlist a { font-weight: bold; } #commentlist li { clear: left; margin: 0 0 30px 0; overflow: hidden; } #commentlist li .commentmeta { float: left; width: 115px; overflow: hidden; font-size: 1.2em; line-height: 1.666; } #commentlist li .commenttext { margin-left: 120px; } #commentlist .commentdate { color: #838587; } #commentlist li .commenttext p { margin-bottom: 16px; font-size: 1.2em; line-height: 1.666; } #comments label { display: block; float: left; clear: left; width: 120px; font-size: 1.0em; font-weight: bold; } #comments form p { margin-bottom: 20px; } #comments #commentinput { margin-bottom: 10px; } #comments form #submit { margin-left: 120px; } /* - - - category, chrono archives, author pages - - - */ .chrono_archive h2, .category_archive h2, .author_archive h2, .allauthors h2 { clear: both; width: 715px; margin-left: 6px; padding-bottom: 0 !important; } .chrono_archive .excerpt, .category_archive .excerpt { width: 650px; margin: 0px 0px 0px 6px; font-size: 1em; color: #333; } .chrono_archive .excerpt p, .category_archive .excerpt p { font-size: 1.4em; line-height: 1.44; } .category_archive .comment-count { display: block; margin: 6px 0 22px 6px; font-size: 1.0em; font-weight: bold; text-transform: uppercase; } .chrono_archive .articlebar, .category_archive .articlebar { width: auto; margin: 2px 6px 0 0; border: 0; } .chrono_archive .archive-author, .category_archive .archive-author { margin-top: 0 !important; margin-right: 4px; padding-top: 0 !important; } h3.article_title { width: 650px; margin: 0px 0px 0px 6px !important; padding: 0 !important; } .archive-date { line-height: 1; padding: 0; margin: 0; } .pagination { display: inline; float: left; width: 706px; margin: 1px 0px 24px 6px; } .pagination .older { float: left; } .pagination .morerecent { float: right; } .pagination li { display: inline; float: left; list-style-type: none; padding-bottom: 0 !important; line-height: 1; } .pagination a:link, .pagination a:visited { line-height: 1; float: left; display: inline; outline: none; padding: 3px 7px; margin: 4px 5px 0px 0px; border: 1px solid #ccc; text-decoration: none; } .pagination strong { float: left; display: inline; outline: none; margin: 4px 5px 0px 0px; padding: 2px 6px; border: 2px solid #585858; } .pagination a:hover, .pagination a:active { padding: 3px 7px; border: 1px solid #E72D89; } #bigauthorblock { width: 700px; margin: 15px 0 15px 0; padding: 6px; border: 1px solid #ededed; background-color: #fdfdfd; overflow: auto; } #bigauthorblock img { float: right; padding: 0 0 10px 10px; } #bigauthorblock a { font-weight: bold; } #bigauthorblock h3 { font-size:1.4em; margin-top:20px; line-height: 1; } #bigauthorblock #author_description { color: #292929; margin: 0 0 8px 0; font-size: 1.4em !important; } #bigauthorblock #author_article_list { clear: left; margin-left: 15px; padding-top: 4px; margin-bottom: 16px; list-style-type: square; } #bigauthorblock #author_article_list li { list-style-type: square; } #bigauthorblock #author_article_list li .cat { text-transform: uppercase; } .allauthors .arc90_imgcaption { margin-bottom: 20px !important; margin-right: 20px !important; } .allauthors .arc90_imgcaptionTXT { display: none; } .allauthors .arc90_imgcaption p { height:36px; padding-top: 4px;} .allauthors .arc90_imgcaption p { cursor: pointer !important; } .allauthors #editor_current .arc90_imgcaption {margin-right:40px !important; margin-bottom: 40px !important;} .allauthors #editor_current .arc90_imgcaption p { padding-top: 4px; } .allauthors #editor_current .arc90_imgcaption p { height:20px;} /* - - - right part - - - */ #rightpart { width: 214px; float: left; padding: 25px 0 0 0; text-align: left; overflow: hidden; } /*body.en #main #tablog_title a { background: url(/resources/images/tablog/h2_tablog_e.gif) no-repeat 0 0; }*/ body.en #main #tablog_title a { color: #E72D89; text-decoration: none; } body.en #reviewslist h3 a { background: url(/resources/images/tablog/tablog_h3_reviews.gif) no-repeat 0 0; } body.en #photoreportslist h3 a { background: url(/resources/images/tablog/tablog_h3_photo.gif) no-repeat 0 0; } body.en #interviewslist h3 a { background: url(/resources/images/tablog/tablog_h3_interviews.gif) no-repeat 0 0; } body.en #featureslist h3 a { background: url(/resources/images/tablog/tablog_h3_features.gif) no-repeat 0 0; } body.en #comments h3 { background: url(/resources/images/tablog/tablog_h3_comments.gif) no-repeat 0 0; } body.en #spotlighttab h3 a { background: url(/resources/images/tablog/tablog_h3_tabnews.gif) no-repeat 0 0; } body.ja #main #tablog_title a { background: url(/resources/images/tablog/h2_tablog_j.gif) no-repeat 0 0; } body.ja #reviewslist h3 a { background: url(/resources/images/tablog/tablog_h3_reviews_j.gif) no-repeat 0 0; } body.ja #photoreportslist h3 a { background: url(/resources/images/tablog/tablog_h3_photo_j.gif) no-repeat 0 0; } body.ja #interviewslist h3 a { background: url(/resources/images/tablog/tablog_h3_interviews_j.gif) no-repeat 0 0; } body.ja #featureslist h3 a { background: url(/resources/images/tablog/tablog_h3_features_j.gif) no-repeat 0 0; } body.ja #comments h3 { background: url(/resources/images/tablog/tablog_h3_comments_j.gif) no-repeat 0 0; } body.ja #spotlighttab h3 a { background: url(/resources/images/tablog/tablog_h3_tabnews.gif) no-repeat 0 0; } #rightpart #abouttablog { padding: 0 8px 10px 8px; } #rightpart #abouttablog h3 { margin: 10px 0 5px 0; padding-top: 0 !important; } #rightpart #abouttablog p { margin: 0; padding: 0; } #rightpart #categories { list-style-type: none; margin-bottom: 20px; margin-left: 1px; border-bottom: 1px solid #d5d4d1; } #rightpart #categories li { padding-bottom: 0px; } #rightpart #categories li a { display: block; width: 213px; height: 40px; overflow: hidden; background-color: transparent; background-position: 0 0; background-repeat: no-repeat; } #rightpart #categories li a:hover, #rightpart #categories li a.focus { background-position: -213px 0 !important; } /* body.en #categories #reviews_link { background-image: url(/resources/images/tablog/tablog_subnav_reviews.gif); } body.en #categories #photoreports_link { background-image: url(/resources/images/tablog/tablog_subnav_photo.gif); } body.en #categories #interviews_link { background-image: url(/resources/images/tablog/tablog_subnav_interviews.gif); } body.en #categories #features_link { background-image: url(/resources/images/tablog/tablog_subnav_features.gif); } body.en #categories #oddlyenough_link { background-image: url(/resources/images/tablog/tablog_subnav_oddly.gif); } body.en #categories #inthenews_link { background-image: url(/resources/images/tablog/tablog_subnav_news.gif); } body.en #categories #tabnews_link { background-image: url(/resources/images/tablog/tablog_subnav_tabnews.gif); } body.en #categories #tabvideo_link { background-image: url(/resources/images/tablog/tablog_subnav_video.gif); } body.en #categories #tablogstaff_link { background-image: url(/resources/images/tablog/tablog_subnav_writers.gif); } body.ja #categories #reviews_link { background-image: url(/resources/images/tablog/tablog_subnav_reviews_j.gif); } body.ja #categories #photoreports_link { background-image: url(/resources/images/tablog/tablog_subnav_photo_j.gif); } body.ja #categories #interviews_link { background-image: url(/resources/images/tablog/tablog_subnav_interviews_j.gif); } body.ja #categories #features_link { background-image: url(/resources/images/tablog/tablog_subnav_features_j.gif); } body.ja #categories #oddlyenough_link { background-image: url(/resources/images/tablog/tablog_subnav_oddly_j.gif); } body.ja #categories #inthenews_link { background-image: url(/resources/images/tablog/tablog_subnav_news_j.gif); } body.ja #categories #tabnews_link { background-image: url(/resources/images/tablog/tablog_subnav_tabnews_j.gif); } body.ja #categories #tabvideo_link { background-image: url(/resources/images/tablog/tablog_subnav_video_j.gif); } body.ja #categories #tablogstaff_link { background-image: url(/resources/images/tablog/tablog_subnav_writers_j.gif); } */ #rightpart #ads_block { margin-bottom: 15px; padding: 0px 3px 0px 3px; } #rightpart #author_disclaimer { margin-bottom: 15px; padding: 0px 12px 0px 12px; } /* Typography ------------------------------------------------------------------------------------------------------ */ a { text-decoration: none; } a:hover { text-decoration: underline; } body.ja #articlecontent p { font-size: 1.4em; line-height: 1.57em; } body.ja .authorblock { font-size: 1.2em; line-height: 1.5; clear: both; } body.ja .excerpt p { font-size: 1.6em; line-height: 1.375em; } /* - - - front page - - - */ body.en h2#tablog_title a { font-size: 1.5em; line-height: 40px; /*color: #fff; text-indent: -5000px;*/} body.en h2#tablog_title a > span { color: #CCC; font-size: 0.6em; font-weight: 200; } body.ja h2#tablog_title a { font-size: 1.5em; line-height: 40px; color: #fff; text-indent: -5000px;} #spotlightmain h3 { font-size: 1.8em; line-height: 1.1; } #spotlightmain p, #spotlightmini_container p { font-size: 1.2em; line-height: 1.6667; } #reviewslist p, #interviewslist p, #featureslist p, #spotlighttab p, #etc p, #twitter p, #twitter li { font-size: 1.2em; line-height: 1.333; } #twitter li {color:#111;} #spotlightmini_container h3 { font-size: 1.6em; line-height: 1.25; } #reviewslist h3 a, #interviewslist h3 a, #featureslist h3 a { text-indent: -5000px; line-height: 15px; } #reviewslist h4, #interviewslist h4, #featureslist h4, #spotlighttab h4 { font-size: 1.2em; line-height: 1.333; } #photoreportslist .slide h4, #photoreportslist .slide h4 a { font-size: 1em !important; } #photoreportslist h3 a { text-indent: -5000px; line-height: 9px; } #spotlighttab h3 a { text-indent: -5000px; line-height: 9px; } #etc .category a { font-size: 1.0em; line-height: 1.6; } #etc h3 { font-size: 1.2em; line-height: 1.333; } #twitter .category a { font-size: 1.0em; line-height: 1.1; color: #111;} #twitter .category a img {margin-right: 3px;} #twitter h3 { font-size: 1.2em; line-height: 1.333; } #twitter-link {font-weight: bold;} /* - - - user reviews - - - */ #userReviews h3 { text-indent: -5000px; line-height: 20px; } #userReviews a { font-weight: bold; font-size: 1.0em; } #userReviews .reviewquote { font-size: 1.0em; } #userReviews .review_username { font-size: 1.0em; font-weight: bold;} #userReviews .review_date { font-size: 0.8em; color: #838587;} #userReviews #nextCommentButton a, #userReviews #previousCommentButton a { line-height: 15px; } /* - - - individual articles - - - */ .articlebar { color: #838587; text-transform: uppercase; } .authorblock { color: #838587; font-size: 1.0em; line-height: 1.333; } .tabevent { color: #292929; } #comments h3 { text-indent: -5000px; line-height: 15px; } body.en #excerptBlock p { font-size: 1em; line-height: 1.25em; color: #888888; } body.ja #excerptBlock p { font-size: 1em; line-height: 1.25em; color: #888888; } body.ja #articlecontent p.arc90_imgcaptionALT { font-size:1em; font-weight:normal; } body.en #articlecontent p.arc90_imgcaptionALT { font-size:1em; font-weight:normal; } body.en #articlecontent p.arc90_imgcaptionTXT { font-size: 1.0em; font-weight: normal; color: #838587; } body.ja #articlecontent p.arc90_imgcaptionTXT { font-size: 1.0em; font-weight: normal; color: #838587; } /* - - - category, chrono archives, author pages - - - */ .chrono_archive h2, .category_archive h2, .author_archive h2, .allauthors h2 { font-size: 2.5em; font-weight: normal; } .chrono_archive .archive-author, .category_archive .archive-author { color: #838587; font-size: 1.8em; line-height: 1; font-weight: normal !important; text-transform: none; line-height: 1; } h3.article_title { font-size: 1.8em; line-height: 1.11; font-weight: bold !important; } .pagination { font-size: 1.3em; font-weight: bold; } .pagination strong { color: #E72D89; line-height: 1; } #bigauthorblock #author_article_list { font-size: 1.4em; line-height: 1.42; } .allauthors #editor_current .arc90_imgcaption p { font-size: 1.4em; line-height: 1.2; } .allauthors .arc90_imgcaption p { font-size: 1.2em; line-height: 1.2; } /* - - - right part - - - */ #rightpart #abouttablog h3 { font-size: 1.6em; font-weight: normal; color: #333 !important; } #rightpart #abouttablog p { color: #333333; font-size: 1.3em; line-height: 1.5em; text-align: left;} #rightpart #author_disclaimer p { font-size: 0.8em; color: #aaaaaa; } #rightpart #categories li a { font-size: 1.7em; line-height: 40px; font-family: "Avenir Next", Arial, sans-serif;font-weight: normal; border-top: 1px solid #ccc;padding-left: 12px;} #rightpart #categories li a:hover{ text-decoration: none; } /* Social buttons */ div.actionbar {width: 230px; padding:2px 0 5px 0; overflow: hidden;} #tweet-button {float: left; margin-right: 0; width:110px !important; overflow: hidden;} #tweet-button iframe.twitter-share-button {width:110px !important; overflow: hidden;} #hatebu-button {margin-bottom: 5px; width: 60px; overflow: hidden; float: left; overflow: hidden;} #googleplusone-button {margin-top: 2px; width:60px; overflow: hidden; float: left;} #facebook-button {width: 110px; height: 21px; float: left; overflow: hidden;} #facebook-button-iframe {border: none;} /* Adding Smartphone styles 2015-01-22 */ body.mobile #site { font-size:1.4em; } body.mobile #main { width: 100%; float: left; margin: 0; padding:10px; background-color:#fff; font-size:1.4em; } body.mobile #main h2.article_title { width: 100%; margin: 0; font-size: 40px; font-weight: normal; } body.mobile #excerptBlock, body.mobile #article, body.mobile #references, body.mobile .tabevent, body.mobile #featured, body.mobile #spotlights, body.mobile #spotlightmain img, body.mobile #reviewslist, body.mobile #reviewslist .reviewPreview .rpTitleAuthor, body.mobile #reviewslist .reviewPreview, body.mobile #reviewslist .reviewPreview .rpTitleAuthor h4.rpTitle a, body.mobile #user_photo_container, body.mobile #photoreportslist, body.mobile #photoreportslist .slide h4 a, body.mobile #interviewslist, body.mobile #featured h4 a, body.mobile #featureslist, .mobile #bigauthorblock, .mobile .tabbevent,.mobile .tabevent a img{ width: 100%; } body.mobile #photoreportslist .slide{ width: 100%; margin-bottom: 15px; } body.mobile #main > h2{ padding:0; } body.mobile #references{ float:none; margin:0; } body.mobile .articlebar{ font-size:1em; } body.mobile #articlecontent p{ margin: 10px; font-size: 1.5em; line-height: 1.5em; } body.mobile .authorblock { color: #838587; font-size: 1.1em; line-height: 1.2em; margin: 0; width:100%; } body.mobile #rightpart { width: 100%; float: left; font-size:1.4em;] } body.mobile #rightpart #categories li a { line-height: 100px; font-family: "Avenir Next", Arial, sans-serif; font-weight: normal; border-top: 1px solid #CCC; padding-left: 12px; font-size: 1.4em; display: block; width: 100%; height: inherit; overflow: hidden; border-bottom: 1px solid #ccc; background-color:#eee; } body.mobile .allauthors .arc90_imgcaption p { font-size: 0.7em !important; } /*top page*/ body.mobile #tablog_title { display: inline; float: left; margin: 0 0 0 10px; } body.mobile #sandwiched{ display:none; } body.mobile #spotlights { border:0; } body.mobile #spotlightmini_container div{ width:50%; margin:0; } body.mobile #spotlightmini_container div { width: 48%; margin: 10px 0px 10px 10px; } .mobile #spotlightmini1 img, .mobile #spotlightmini2 img { object-fit:cover; width: 100%; } body.mobile #photoreportslist .slide h4, #photoreportslist .slide h4 a{ font-size: 1.1em !important; } body.mobile #interviewslist, body.mobile #featureslist, body.mobile #reviewslist { font-size: 1em; } body.mobile #photoreportslist h3 a, body.mobile #reviewslist h3 a, body.mobile #interviewslist h3 a, body.mobile #featureslist h3 a{ background: none; text-indent: 0; line-height: normal; width: 100%; margin:10px 0 10px 0; height :initial; color:#E72D89; } body.mobile #rightpart #author_disclaimer p{ font-size: 1.2em; text-align: left; } body.mobile #mainNavMobile{ font-size:0.8em; } body.mobile #reviewslist .reviewPreview .rpTitleAuthor{ width: 400px !important; margin-left: 15px; font-size: 1.2em; } .mobile .tabevent { border: none; } .mobile .tabevent a img{ padding:10px; } .mobile #references{ margin:0 !important; } .mobile .rpThumb img, .mobile #interviewslist img, .mobile #featureslist img, .mobile #photoreportslist img { object-fit:cover; width:180px; height:180px; } .mobile #interviewslist img, .mobile #featureslist img , .mobile #photoreportslist img{ margin: 0 15px 20px 0; float: left; } .mobile #rightpart #abouttablog h3{ text-align: left; margin-bottom: 10px; } .mobile #featured { overflow: hidden; } .mobile .interview-list h4:nth-child(5), .mobile .feature-list h4:nth-child(5){ clear: left; } .mobile #main .feed { float: right; width: 30px; height: 30px; margin:0 5px 10px 0 ; } .mobile .feed img{ object-fit: contain; width: 30px; height: 30px; } .mobile #articlecontent p.arc90_imgcaptionALT, .mobile #articlecontent p.arc90_imgcaptionTXT{ font-size:0.5em !important; }