/* @override http://www.artfagcity.com/wordpress_core/wp-content/themes/thesis_17/custom/custom.css?062610-164221 */ /* File: custom.css Description: Custom styles for Thesis BASIC USAGE: If you have enabled the custom stylesheet in the Thesis options panel, the tag will be appended with the "custom" class, like so: . You can use the "custom" class to override *any* CSS declarations contained in the style.css file. For example, if you wish to change the default link color to green, you would add the following declarations to this file: .custom a, .custom a:visited { color: #090; } <--- This makes links green .custom a:hover { color: #00f; } <--- This makes links blue when you mouse over them WHY THIS WORKS: By using the "custom" class, you are creating more specific CSS declarations for HTML elements. CSS styling is applied through rules of specificity, and because declarations prepended with .custom are more specific, they get applied when the page is rendered! More information about styling your Thesis installation using this file can be found in the User's Guide: http://diythemes.com/thesis/rtfm/customizing-thesis-with-customcss/ */ @import url(http://fonts.googleapis.com/css?family=Roboto+Condensed:400,700); @import url(mobile.css); @import url(benefit-page.css); .custom .teaser .format_teaser .post_image_link img.alignleft { float: none; display: none; margin: 0 auto; } .custom .teaser .format_teaser img { display: none; } .cat_gif-of-the-day .teaser .format_teaser img { display: block; } #content .category-gif-of-the-day .post_image_link { display: none; } body.img-mgmt { background-image: url(http://static.artfcity.com/wp-content/uploads/2013/02/noisy-texture-200x200-o9-d18-c-eeeeee-t0.png) !important; } .custom #content .headline_area h1, .custom .headline_area h2 { font-size: 2.4em; font-weight: bold; } .custom #content .headline_area h1 { padding-right: 2.2em; } .custom #content { width: 66.2em; } .custom #content p.wp-caption-test { padding-left: 0px; } .custom div.entry-content { position: relative; margin-bottom: 1em; } .singlepost #content .entry-content p.wp-caption-text { margin: 0; padding: 0.5em; background-color: #eee; } .homepage #content .entry-content p { margin: 0.5em; } .custom #content div.format_text> p:first-child { padding: 0px; } .homepage #content .entry-content p.readmore { text-align: right; border: none; position: absolute; bottom: -1em; right: -1em;} .homepage #content .entry-content div.excerpt-footer { margin: 0 20px 40px 20px; } .homepage .headline_area img.alignleft { margin-bottom: 0px;} .homepage .headline_area img.post_image { clear: both; margin: 0 auto;} .singlepost .headline_area img.post_image { display: none; } body .format_text img.left, body .format_text img.alignleft, body .wp-caption.alignleft { margin: 0 1.538em 1em 0; } .homepage #content .entry-content p:first-of-type { margin: 0; } .custom img.post_image { position: relative; z-index: 20; float: left; padding: 2px 2px 2px 2px; border: 1px solid #ccc; } .custom img.alignnone { float: none; } body.singlepost .headline_area { border-bottom: none !important; width: 60em; color: #000000; padding: 0 0 10px; } .homepage .byline-social-wrapper { position: relative; } .readmore a { font-style: italic; font-size: 1em; } .homepage div.post { padding-bottom: 20px; } .singlepost .byline-social { right: 0px; border-left: 1px solid #ccc; padding-left: 5px; } /* Author Archive Page */ .authorarchive { background: #F5F5F5; border-top: 1px solid #e1e1e0; border-bottom: 1px solid #e1e1e0; padding: 1.5em 1.5em 1.9em 1.5em; min-height: 9em; position: relative; margin-bottom: 1em;} .authorarchive img {border: 1px solid #e2dede; padding: 4px; float: left; margin-right: 1.5em;} .authorarchive h4 { font-size: 4em; line-height: 2em; margin-left: 10px; font-family: 'Roboto Condensed', sans-serif; font-weight: 700; margin-bottom: 5px; } .authorarchive p {color: #515151; font-size: 13px; margin-bottom: 5px;} .authorarchive p.hlight { font-size: 11px; text-transform: uppercase; text-align: right; position: absolute; bottom: 0; right: 0; padding: 0.25em 1em; } .authorarchive p.hlight span {color: #CB3131; font-size: 13px; font-style: italic; font-weight: bold; letter-spacing: 0.8px; } .custom #archive_info { background: #EC008C; padding-bottom: 0; border: none;} .custom #archive_info p { margin-bottom: 0; } .author-archive #archive_info { display: none; } /* End Author Archive Page */ /* Page Styles */ .custom .format_text { font-size: 1.3em; } .custom #container { width: 98.2em; } .custom #page { padding: 0; } .custom #disqus_thread { /* Disqus */ padding: 2em; } .custom .headline_area { margin-bottom: 0em; } .mc-header input#mce-EMAIL { background: #efefef; padding: 4px 3px 4px 3px; min-width: 80px; max-width: 140px; color: #888; border: 1px solid #ddd; } .custom #mc_embed_signup fieldset div.mc-header input#mc-embedded-subscribe.btn { margin-left: 0 !important; } .custom .menu { position: fixed; left: 0; width: 100%; border: none; max-height: 47px; overflow: hidden; } @media (max-width: 768px) { .custom .menu { overflow: hidden; } } .custom div#header { border: none; display: none !important; } .custom #container { padding-top: 46px; } .custom .post_box { padding: 0; margin: 0; } a { color: #EC008C; } a:hover{ color: #a4006b; } .custom #content h2.entry-title a, .custom #content h2.entry-title a:hover, .custom #content h2.entry-title a:visited, .custom #content h2.entry-title a:active { color: #000000; } .custom #content h2.entry-title a:hover, .custom #content h2.entry-title a:active { color: #EC008C; } .custom .headline_wrapper { /*position: relative;*/ } .custom .headline_area { color: #000000; padding: 10px; } /* .homepage #content .category-massive-links p:first-of-type { float: none; position: relative; top: 0px; margin: 0; } */ /* Header Styles */ .custom #header{ padding: 0; border-bottom: 1px solid #444; overflow: hidden; display: block; background: #000; } .custom .headerlogo { background-color: #000000; padding: 0; float: left; border: none; } .custom #logo{ float: left; overflow: hidden; } .custom #logo a{ float: left; display: block; width: 190px; height: 98px; background: url(images/logo_artfagcity.gif) no-repeat; text-indent: -9999px; } .custom #header a.post_image_link{ float: right; max-width: 680px !important; overflow: hidden; } .custom #header a.post_image_link img, .custom #header a img{ float: right; max-width: 680px !important; overflow: hidden; } /* Post Headline Styles */ .custom .entry-title a{ color: #EC008C; } .custom .entry-title a:hover{ } body h2 { line-height: 20px; font-size: 20px; } /* Navigation */ ul.menu { border-left: 0; background-color: #000000; margin: 0; padding: 0; } ul.menu li, ul.menu li a { color: #F1F1F1; margin: 4px; cursor: pointer; } .menu li{ background: none; border: none; } .menu li.current a, .menu li.current-cat a, .menu li.current a:hover, .menu li.current-parent, .menu li.current-parent a, .menu li.current-parent a:hover, .menu li.current-cat a:hover{ background: none; border: none; color: #fff; } .menu li a{ background: none; border: none; text-transform: none; letter-spacing: 0; font-weight: bold; } .menu li a:hover{ background: none; color: #EC008C; } .menu li.tab-home a{ padding-left: 0px; } .menu li ul.submenu{ background: #000; } .menu li ul.submenu li{ background: none; border: none; } .menu li ul.submenu li a{ background: none; border: none; } .menu li ul.submenu li a:hover{ } /* Search Bar in Header */ .custom .menu li.tab#search { float: right; margin-right: 1em; display: inline; max-height: inherit !important; padding: 0; vertical-align: middle; line-height: 5; } #searchform #nav_search{ font-size: 8pt; } #searchform #nav_search input { border-radius: 0; } .custom .menu li.tab form#searchform #nav_search input#s{ background: #efefef; padding: 4px 3px 4px 3px; width: 100px; color: #888; border: 1px solid #ddd; } /* Content Styles */ .custom #content .post_box { background-color: #fff; border-top: 0px solid rgba(255, 35, 100, 0.2); margin-left: 0; padding: 1em 2em 0; position: relative; margin-bottom: 1em; overflow: hidden; } .custom.single-page #content .post_box { padding: 0; } .custom.single-page .post_box .format_text { padding: 0 1em; } .custom #content_box{ width: 100%; position: relative; background: none !important; -webkit-box-shadow: 0px 0px 20px 20px rgba(26, 26, 26, 0.12); box-shadow: 0px 0px 20px 20px rgba(26, 26, 26, 0.12); } .custom.category-archive #content .post_box { clear: none; width: 45%; padding: 2.5%; float: left; } .custom.category-archive #content .post_box p.headline_meta { width: inherit; } .custom.category-archive #content .post_box .headline_area { padding: 0; } .custom.category-archive #content .post_box .headline_area h2.entry-title { padding: 0; font-weight: normal; font-size: 1.8em; line-height: 1.3; } .custom.category-archive #content .post_box span.fancy-category { display: none; } /* Post Overline Styles */ .custom p.post-overline{ font-size: 9pt; margin-bottom: 5px; color: #ccc; } .custom p.post-overline a{ color: #777; } .custom p.post-overline a:hover{ color: #EC008C; text-decoration: underline; } /* Post Headline Styles */ .custom .headline_area h2.entry-title{ font-weight: bold; padding-right: 1em; } /* Post Byline Styles */ .custom .headline_area { display: block; overflow: hidden; } .custom .headline_area p.headline_meta{ float: left; color: #111; max-width: 530px; } .custom.single-page .headline_area p.headline_meta { position: absolute; right: 1em; bottom: 0; width: auto; } .homepage .headline_area p.headline_meta{ width: 100%; } .custom .headline_area p.headline_meta a{ color: #111 !important; } .custom .headline_area div.topsy_widget_shortcode{ float: right; padding-top: 1px; margin-right: 5px; } .custom .headline_area .retweet{ float: right; padding-top: 1px; margin-right: 5px; } .custom .headline_area .facebook{ float: right; display: block; overflow: hidden; width: 95px; } .custom #content p#continue_reading{ margin-bottom: 1em; } /* Post Image */ .custom a.post_image_link{ } .category-archive .teaser .teaser_link { position: absolute; right: .75em; bottom: 0; } .custom .headline_area p.to_comments { position: absolute; z-index: 6; right: 0.5em; top: 1em; background-color:#a6b453; color: #fff; padding: 4px; font-size: 1.5em; text-align:center; width:20px; /* -moz-border-radius:10px; -webkit-border-radius:10px; -webkit-box-shadow: 0px 0 3px rgba(0,0,0,0.25); -moz-box-shadow: 0px 0 3px rgba(0,0,0,0.25); box-shadow: 0px 0 3px rgba(0,0,0,0.25); */ } .custom #content .headline_area p.to_comments a, .custom #content .headline_area p.to_comments a:hover, .custom #content .headline_area p.to_comments a:visited { color: #fff; } .custom .headline_area p.to_comments:after { position: absolute; display: block; content: ""; border-color: #a6b453 transparent transparent transparent; border-style: solid; border-width: 10px; height:0; width:0; position:absolute; bottom:-15px; left:0.3em; } .custom #content .prev_next { background-color: #b38f04; border-width: 0; width: 632px; } .custom #content .prev_next a { color: #fff; font-size: 12px; } .custom #content .prev_next p { color: #fff; } .custom #content .prev_next a:hover { text-shadow: 0px 0px 20px #EC008C; filter: dropshadow(color=#EC008C, offx=0, offy=0); } /* Fancy Floating Category Tag */ .custom #content span.fancy-category-wrapper { z-index: 7; background-color: #EC008C; display: inline-block; } .custom #content span.fancy-category { padding: 1px 5px; max-width: 180px; z-index: 1; } .custom #content span.fancy-category a { text-decoration: none; color: #fff !important; } .custom #content span.fancy-category a:hover{ text-decoration: underline; } /* Social Post Footer */ .custom a.more-link{ display: none; } .custom ul.post_footer{ list-style-type: none; margin-left: 0; overflow: hidden; padding-top: 0.5em; border-top: 1px dotted #ccc; margin-bottom: 0; clear: both; } .custom ul.post_footer li{ float: right; display: block; margin-right: 1em; } .custom ul.post_footer li a{ text-decoration: none; color: #888; } .custom ul.post_footer li#comments{ color: #888; margin-right: 15px; } .custom ul.post_footer li#comments span.to_comments a span{ background: url(images/comment-icon.jpg) no-repeat left; padding-left: 30px; padding-top: 3px; padding-bottom: 3px; } .custom ul.post_footer li#comments a, .custom ul.post_footer li#comments span.to_comments a span{ color: #888; font-size: 10pt; } .custom ul.post_footer li#comments a:hover, .custom ul.post_footer li#comments a span:hover, .custom ul.post_footer li#comments span.to_comments a span:hover{ color: #88c600; text-decoration: none; } .custom ul.post_footer li#permalink{ float: left; } .custom ul.post_footer li#permalink a{ text-decoration: none; font-weight: bold; } .custom ul.post_footer li#permalink a:hover{ text-decoration: none; } .custom ul.post_footer li#facebook{ width: 95px; } #social-share-buttons-after-post { width: 180px; margin: 0 auto; } #social-share-buttons-after-post > div { display: inline-block; float: none; } .custom .format_text .post_tags { margin-bottom: 1em; } .byline-social #social-share-buttons-after-post { position: absolute; right: 0; float: none; margin-right: 0; width: inherit; top: 2em; } .byline-social #social-share-buttons-after-post div { float: none !important; display: block; padding: 2px 0; } .custom #content .edit_post a.post-edit-link { color: #000000; } #facebook-after-post { width: 80px; } .byline-social #facebook-after-post { width: 80px; margin-left: 6px; margin-top: 0; } #pinterest-after-post { width: 50px; } #retweet-after-post { width: 90px; } #plusone-after-post { width: 65px; } .exhibitionDetails { color: #000; padding: 0px 5px 15px 5px; width: 305px; border-bottom: 1px solid #888888; margin: 0px 5px 25px 5px; } .custom ul.post_footer li#buzz{ } .custom ul.post_footer li#topsy{ padding-top: 1px; } .custom ul.post_footer li#addthis{ margin-right:0; padding-top: 1px; } .custom ul.post_footer li#addthis .addthis_toolbox{ } .custom ul.post_footer li#addthis .addthis_toolbox a{ display:block; } .custom ul.post_footer li#addthis .addthis_toolbox a span{ vertical-align: middle; } /* Sidebar Styles */ .custom #sidebars { width: 31.9em; color: #656565; box-sizing: border-box; border-left: 1px solid #eee; } .custom #sidebars a:hover{ color: #EC008C; } /* EDIT 3/17/2016 (JM) No longer needed; commenting out for now .custom #sidebars #nectar{ font-size: 10pt; line-height: 1.571em; padding-bottom: 1.571em; border-bottom: 1px dotted #eee; } .custom #sidebars #nectar p.sponsor{ text-align: right; text-transform: uppercase; font-size: 7pt; margin-bottom: 0; } .custom #sidebars #nectar a{ color: #333; } .custom #sidebars #nectar a:hover{ color: #EC008C; } .custom #sidebars #nectar a img{ width: 300px; } */ /* EDIT 3/17/2016 (JM) Removing ID "#nectar" */ .custom #sidebars p.advertise { text-align: center; margin-top: 11px; font-weight: bold; font-size: 11px; border-bottom: 1px dotted #eee; width: 94%; margin-left: 3%; margin-right: 3%; margin-bottom: 5%; padding-bottom: 3%; } .custom #sidebars p.advertise a{ color: #666; text-decoration: none; } .custom #sidebars p.advertise a:hover{ color: #EC008C; text-decoration: underline; } /* END EDIT 3/17/2016 (JM) */ .custom .sidebar h3{ font-weight: bold; letter-spacing: 0; font-variant: normal; text-transform: uppercase; padding-bottom: 0.5em; border-bottom: 1px solid #eee; color: #666; } .custom .sidebar ul.sidebar_list{ } .custom .sidebar ul.sidebar_list li.widget{ padding: 10px; width: 300px; } /* Custom Ad Squares */ .custom .adsqaures { text-align: center; } .custom .adsquares img { display: inline; padding: 10px; } /* Social Networking Links */ .custom .sidebar li#text-3.widget_text div.textwidget p{ } .custom ul#network-list{ overflow: hidden; margin: 10px 0; list-style-type: none; clear: both; } #mc-embedded-subscribe-form { padding: 0; } .custom ul#network-list li{ display: inline; margin-right: 8px; list-style-type: none; } .custom ul#network-list li:last-child{ margin-right: 0em !important; } .custom li.widget a#feedburner{ float: left; margin-top: -35px; margin-bottom: 1em; } .custom li.widget{ margin: 0; } /* Twitter - Tweet Blender */ .custom div.tb_tweet{ border-top: dotted 0; padding: 10px 5px; min-height: 60px; list-style:none; background:none; overflow:hidden; border-bottom: 1px dotted #eee; } /* Custom Related Posts Output */ .custom .sidebar li#similar_posts{ overflow: hidden; display: block; } .custom .sidebar li#similar_posts ul li{ display: block; overflow: hidden; padding-top: 0.75em; padding-bottom: 0.75em; border-bottom: 1px dotted #ddd; margin-bottom: 0; } .custom .sidebar li#similar_posts ul li:hover{ } .custom .sidebar li#similar_posts ul li a:hover{ color: #EC008C; } .custom .sidebar li#similar_posts a.post_image_link img.post_image{ width: 120px; height: 75px; margin-right: 1em; } /* Gigpress */ /* Ad Square Text Widget Bug Fix */ .textwidget { width: 303px; } /* Intense Debate Comments Styles */ .custom #idc-container-parent{ margin-right: 3em; } /* Utlity Styles */ .right{ float: right; } .left{ float: left; } /* Caption Styles */ .custom .wp-caption { max-width: 100% !important; padding:0; border-left:0; border-right:0; border-bottom:0; overflow: hidden; display: block; } .custom .wp-caption p{ line-break: 1.571em; margin-bottom:0.5em; } /* Mail Chimp Newsletter Signup */ .custom #mc_embed_signup{ border: 0; padding: 10px 0; position: relative; } .custom .menu #mc_embed_signup { float:right; margin-top: 2px; margin-right: 100px; } #mc-embedded-subscribe-form label { color: #333; } .custom #mc_embed_signup fieldset{ border: 0; } .custom #mc_embed_signup fieldset .mc-field-group{ border: 0; margin: 0 !important; } .custom #mc_embed_signup fieldset .mc-field-group input#mce-EMAIL.required.email{ width: 286px !important; margin-right: 0 !important; padding: 5px !important; margin-top: 10px; background: #f7f7f7; border: 1px solid #ddd; } .custom #mc_embed_signup fieldset div input#mc-embedded-subscribe.btn{ margin-left: 231px !important; background: #EC008C; color: #fff; border: none; padding: 1px 6px 2px; margin-bottom: 2px; } .custom #sidebars #mc_embed_signup fieldset div input#mc-embedded-subscribe.btn{ padding: 1px 6px 2px; margin: 10px 5px 0 0 !important; float: right; border-radius: 0; } #paypallogo{ width: 145px !important; height: 42px !important; } /* AFC at the L Mag/Hot Posts After-post Links */ #lmag-logo td img { width: auto; height: auto; margin: 0 auto; display: block; padding: 1em; } .hotposts { border-top: 1px #bbb dotted; padding: 10px 40px; } .hotposts td img { width: 180px; height: auto; } .hotposts .thumb { height: auto; border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; display: inline-block; } .hotposts .title { padding: 0.5em 0.25em; line-height: 1.2; width: 180px; } .hotposts .rightmost { padding-right: 0 !important; } .hotposts .row-fluid .span4 { width: 30.491712707182323%; *width: 30.43852121782062%; float:left; margin-left: 2.7624309392265194%; *margin-left: 2.709239449864817%; } body h1, body h2, body h3, body h4, body h5, body h6 { margin: 0; } #gallerygirls { float: left; width: 100%; border-top: 1px #bbb dotted; padding-top: 30px; } #gallerygirls img { float: left; width: 164px; height: 98px; } #gallerygirls_list { float: left; width: 456px; min-height: 128px; } #gallerygirls_list div { font-size: 14px; font-style: italic; } #gallerygirls_list ul { margin-left: 20px; } .gallerygirls_post { font-size: 11px; } /* -------------------------------------------- // AFC Rotator styles // -------------------------------------------- */ #AFC_Rotator { position: relative; height: 90px; width: 300px; margin: 0 10px; padding: 0; overflow: hidden; margin-bottom: 5px; } #AFC_Rotator .afc_rotator_item { width: 300px; height: 90px; float: left; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; position: relative; } #AFC_Rotator .afc_rotator_title h2 { line-height: 0.8em; padding-right: 0.6em; } #AFC_Rotator .afc_rotator_title_container { display: table; overflow: hidden; height: 100%; } #AFC_Rotator .afc_rotator_title_container h2 a { font-size: 14px; line-height: 1; padding: 5px 0; } #AFC_Rotator .afc_rotator_title { display: table-cell; vertical-align: middle; width: 100%; margin: 0 auto; padding: 0 0 20px; } #AFC_Rotator img { height: 93px; width: 150px; float: right; padding: 10px 0; margin-top: -10px; } #AFC_Rotator div.rotator { position: absolute; bottom: 5px; left: 40px; z-index: 90; } #AFC_Rotator a.rotator { background: #2C2C2C; display: none; text-indent: -999em; overflow: hidden; width: 10px; height: 10px; margin: 0 5px 0 0; float: left; transition: box-shadow .3s, background .3s !important; -moz-transition: -moz-box-shadow .3s, background .3s !important; -webkit-transition: -webkit-box-shadow .3s, background .3s !important; } #AFC_Rotator a.rotator:hover { background: #EC008C; } #AFC_Rotator a.selected { background: #EC008C; } /* Sidebar styles */ #sidebar_1 .sidebar_list { margin: 0; padding: 10px 0 0 0; } #sidebar_1 .sidebar_list h3 { color: #333; } #sidebar_1 .sidebar_list #nectar .sponsor { display: none; } /* Category display */ #category-list { padding: 5px 0 5px 0; /* transform:rotate(350deg); -ms-transform:rotate(350deg); -moz-transform:rotate(350deg); -webkit-transform:rotate(350deg); -o-transform:rotate(350deg); position: absolute; margin-top: 20px; width: 200px; margin-left: -120px; */ color: #fff; width: 100%; text-align: center; font-size: 1.2em; font-style: italic; z-index: 20; background-color: #EC008C; } #category-list div { margin: 0 auto; } #category-list ul { list-style: none; } .custom #content #category-list li.fancy-category{ /*moz-box-shadow: 1px 2px 3px #666; -webkit-box-shadow: 1px 2px 3px #666; box-shadow: 1px 2px 3px #666;*/ display: inline; background-color: #EC008C; color: #fff; } .custom #content #category-list li.fancy-category a{ padding: 1px 5px; color: #fff; } .custom #content #category-list li.fancy-category a:hover{ color: #a4006b !important; } .custom #container .teasers_box { width: 64em; } .custom #container .teaser { width: 30.5em; padding: 0 .75em; position: relative; } .cat_massive-links #container .teasers_box .category-massive-links, .cat_best-link-ever #container .teasers_box .category-best-link-ever { width: 95%; float: none; position: relative; padding: 20px 2.5% !important; } .cat_massive-links #container .teasers_box h2.entry-title, .cat_best-link-ever #container .teasers_box h2.entry-title { font-size: 2.6em; } .cat_massive-links #container .teasers_box, .cat_best-link-ever #container .teasers_box { border: none !important; padding: 0;} .cat_massive-links #container .post, .cat_best-link-ever #container .post { border-bottom: 1px dotted #bbb !important; } .custom #container #topspace { display: none; position: relative; height: 100px; } .custom #container #topspace .banner { height: 105px; width: 100%; margin: 0 auto; } .custom #container #topspace .stamp { position: absolute; z-index: 30; right: 0px; bottom: 0px; transform:rotate(10deg); -ms-transform:rotate(10deg); /* IE 9 */ -moz-transform:rotate(10deg); /* Firefox */ -webkit-transform:rotate(10deg); /* Safari and Chrome */ -o-transform:rotate(10deg); /* Opera */ } #container { z-index: 3; } .category-label { display: block; background-color: #EC008C; width: 85px; padding: 0 10px; z-index: 5; } #fun { position: absolute; right: 0; top: 46px; } .custom .fun { background-color: #EC008C; height: 10px; width: 7px; line-height: 1; font-weight: bold; padding: .5em; } .custom .fun a { color: #fff; } #credits { position: fixed; bottom: 0; right: 0; background: #333; padding: 5px; z-index: 9000; display: none; } body.img-mgmt #credits, body.img-mgmt #fun { display: none; } body { background-image: url(images/bliss.jpg); padding: 0 !important; /* filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#000000', endColorstr='#3fbfff'); background: -webkit-gradient(linear, left top, left bottom, from(#000), to(#3fbfff)); background: -moz-linear-gradient(top, #000, #3fbfff); */ } .custom #archive_info h1, .single-page #container .headline_area h1 { font-size: 4em; line-height: 1.2; margin-left: 10px; font-family: 'Roboto Condensed', sans-serif; font-weight: 700; } .custom .headline_meta .pad_left { position: absolute; right: 0.5em; bottom: 0; } .custom .menu .current a, .custom .menu .current a:hover, .custom .menu .current-cat a, .custom .menu .current-cat a:hover { color: #EC008C; } .custom .content h1, .custom .content h2 { font-size: 2.2em; line-height: 1.364em; font-family: Georgia, "Times New Roman", Times, serif; } .custom .headline_area { padding-right: 2.1em; padding-left: 1em; /* border-bottom: 1px; border-bottom-style: solid; border-bottom-color: #DDD; */ padding-top: 0px; } .homepage .headline_area { padding: 0; border-bottom: none; margin-bottom: 0.5em; } .single-page #container .headline_area { background-color: #EC008C; position: relative; min-height: 5.2em; margin-bottom: 1em; padding: 1em; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; width: 100%; } .single-page .headline_meta span.comments-link { display: none; } .single-page .comments-link { display: none; } /* L Mag Teasers */ #container #content h2.lmag-passthrough a { /* color: #f80000; */ color: #EC008C;} .homepage #container #content div span.comments-link { display: none;} .custom .size-full-width-crop { width: 600px; } .custom .size-full-width-ratio { width: 600px; } #footer p { display: none; } hr.big-hr { margin: 6em 0; } div.vertical-padding { padding: 2em 0; } /* Button groups styles, shamelessly stolen from the Twitter Bootstrap */ .btn a { text-decoration: none; color: inherit; font-weight: bold; padding: 14px 22px; display: block; } .btn { display: inline-block; *display: inline; padding: 0; margin-bottom: 0; *margin-left: .3em; font-size: 14px; line-height: 20px; color: #333333; text-align: center; text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75); vertical-align: middle; cursor: pointer; background-color: #f5f5f5; *background-color: #e6e6e6; background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e6e6e6)); background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6); background-image: -o-linear-gradient(top, #ffffff, #e6e6e6); background-image: linear-gradient(to bottom, #ffffff, #e6e6e6); background-repeat: repeat-x; border: 1px solid #cccccc; *border: 0; border-color: #e6e6e6 #e6e6e6 #bfbfbf; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); border-bottom-color: #b3b3b3; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe6e6e6', GradientType=0); filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); *zoom: 1; -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); } .btn:hover, .btn:focus, .btn:active, .btn.active, .btn.disabled, .btn[disabled] { color: #333333; background-color: #e6e6e6; *background-color: #d9d9d9; } .btn:active, .btn.active { background-color: #cccccc \9; } .btn:first-child { *margin-left: 0; } .btn:hover, .btn:focus { color: #333333; text-decoration: none; background-position: 0 -15px; -webkit-transition: background-position 0.1s linear; -moz-transition: background-position 0.1s linear; -o-transition: background-position 0.1s linear; transition: background-position 0.1s linear; } .btn:focus { outline: thin dotted #333; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; } .btn.active, .btn:active { background-image: none; outline: 0; -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); -moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); } .btn.disabled, .btn[disabled] { cursor: default; background-image: none; opacity: 0.65; filter: alpha(opacity=65); -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .btn-large { padding: 11px 19px; font-size: 17.5px; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; } .btn-large [class^="icon-"], .btn-large [class*=" icon-"] { margin-top: 4px; } .btn-small { padding: 2px 10px; font-size: 11.9px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } .btn-small [class^="icon-"], .btn-small [class*=" icon-"] { margin-top: 0; } .btn-mini [class^="icon-"], .btn-mini [class*=" icon-"] { margin-top: -1px; } .btn-mini { padding: 0 6px; font-size: 10.5px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } .btn-block { display: block; width: 100%; padding-right: 0; padding-left: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .btn-block + .btn-block { margin-top: 5px; } input[type="submit"].btn-block, input[type="reset"].btn-block, input[type="button"].btn-block { width: 100%; } .btn-primary.active, .btn-warning.active, .btn-danger.active, .btn-success.active, .btn-info.active, .btn-inverse.active { color: rgba(255, 255, 255, 0.75); } .btn-primary { color: #ffffff; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); background-color: #006dcc; *background-color: #0044cc; background-image: -moz-linear-gradient(top, #0088cc, #0044cc); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0044cc)); background-image: -webkit-linear-gradient(top, #0088cc, #0044cc); background-image: -o-linear-gradient(top, #0088cc, #0044cc); background-image: linear-gradient(to bottom, #0088cc, #0044cc); background-repeat: repeat-x; border-color: #0044cc #0044cc #002a80; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0088cc', endColorstr='#ff0044cc', GradientType=0); filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); } .btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .btn-primary.disabled, .btn-primary[disabled] { color: #ffffff; background-color: #0044cc; *background-color: #003bb3; } .btn-primary:active, .btn-primary.active { background-color: #003399 \9; } .btn-warning { color: #ffffff; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); background-color: #faa732; *background-color: #f89406; background-image: -moz-linear-gradient(top, #fbb450, #f89406); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fbb450), to(#f89406)); background-image: -webkit-linear-gradient(top, #fbb450, #f89406); background-image: -o-linear-gradient(top, #fbb450, #f89406); background-image: linear-gradient(to bottom, #fbb450, #f89406); background-repeat: repeat-x; border-color: #f89406 #f89406 #ad6704; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffbb450', endColorstr='#fff89406', GradientType=0); filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); } .btn-warning:hover, .btn-warning:focus, .btn-warning:active, .btn-warning.active, .btn-warning.disabled, .btn-warning[disabled] { color: #ffffff; background-color: #f89406; *background-color: #df8505; } .btn-warning:active, .btn-warning.active { background-color: #c67605 \9; } .btn-danger { color: #ffffff; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); background-color: #da4f49; *background-color: #bd362f; background-image: -moz-linear-gradient(top, #ee5f5b, #bd362f); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ee5f5b), to(#bd362f)); background-image: -webkit-linear-gradient(top, #ee5f5b, #bd362f); background-image: -o-linear-gradient(top, #ee5f5b, #bd362f); background-image: linear-gradient(to bottom, #ee5f5b, #bd362f); background-repeat: repeat-x; border-color: #bd362f #bd362f #802420; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffee5f5b', endColorstr='#ffbd362f', GradientType=0); filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); } .btn-danger:hover, .btn-danger:focus, .btn-danger:active, .btn-danger.active, .btn-danger.disabled, .btn-danger[disabled] { color: #ffffff; background-color: #bd362f; *background-color: #a9302a; } .btn-danger:active, .btn-danger.active { background-color: #942a25 \9; } .btn-success { color: #ffffff; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); background-color: #5bb75b; *background-color: #51a351; background-image: -moz-linear-gradient(top, #62c462, #51a351); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#62c462), to(#51a351)); background-image: -webkit-linear-gradient(top, #62c462, #51a351); background-image: -o-linear-gradient(top, #62c462, #51a351); background-image: linear-gradient(to bottom, #62c462, #51a351); background-repeat: repeat-x; border-color: #51a351 #51a351 #387038; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff62c462', endColorstr='#ff51a351', GradientType=0); filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); } .btn-success:hover, .btn-success:focus, .btn-success:active, .btn-success.active, .btn-success.disabled, .btn-success[disabled] { color: #ffffff; background-color: #51a351; *background-color: #499249; } .btn-success:active, .btn-success.active { background-color: #408140 \9; } .btn-info { color: #ffffff; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); background-color: #49afcd; *background-color: #2f96b4; background-image: -moz-linear-gradient(top, #5bc0de, #2f96b4); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#5bc0de), to(#2f96b4)); background-image: -webkit-linear-gradient(top, #5bc0de, #2f96b4); background-image: -o-linear-gradient(top, #5bc0de, #2f96b4); background-image: linear-gradient(to bottom, #5bc0de, #2f96b4); background-repeat: repeat-x; border-color: #2f96b4 #2f96b4 #1f6377; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5bc0de', endColorstr='#ff2f96b4', GradientType=0); filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); } .btn-info:hover, .btn-info:focus, .btn-info:active, .btn-info.active, .btn-info.disabled, .btn-info[disabled] { color: #ffffff; background-color: #2f96b4; *background-color: #2a85a0; } .btn-info:active, .btn-info.active { background-color: #24748c \9; } .btn-inverse { color: #ffffff; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); background-color: #363636; *background-color: #222222; background-image: -moz-linear-gradient(top, #444444, #222222); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#444444), to(#222222)); background-image: -webkit-linear-gradient(top, #444444, #222222); background-image: -o-linear-gradient(top, #444444, #222222); background-image: linear-gradient(to bottom, #444444, #222222); background-repeat: repeat-x; border-color: #222222 #222222 #000000; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff444444', endColorstr='#ff222222', GradientType=0); filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); } .btn-inverse:hover, .btn-inverse:focus, .btn-inverse:active, .btn-inverse.active, .btn-inverse.disabled, .btn-inverse[disabled] { color: #ffffff; background-color: #222222; *background-color: #151515; } .btn-inverse:active, .btn-inverse.active { background-color: #080808 \9; } button.btn, input[type="submit"].btn { *padding-top: 3px; *padding-bottom: 3px; } button.btn::-moz-focus-inner, input[type="submit"].btn::-moz-focus-inner { padding: 0; border: 0; } button.btn.btn-large, input[type="submit"].btn.btn-large { *padding-top: 7px; *padding-bottom: 7px; } button.btn.btn-small, input[type="submit"].btn.btn-small { *padding-top: 3px; *padding-bottom: 3px; } button.btn.btn-mini, input[type="submit"].btn.btn-mini { *padding-top: 1px; *padding-bottom: 1px; } .btn-link, .btn-link:active, .btn-link[disabled] { background-color: transparent; background-image: none; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .btn-link { color: #0088cc; cursor: pointer; border-color: transparent; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } .btn-link:hover, .btn-link:focus { color: #005580; text-decoration: underline; background-color: transparent; } .btn-link[disabled]:hover, .btn-link[disabled]:focus { color: #333333; text-decoration: none; } .btn-group { position: relative; display: inline-block; *display: inline; *margin-left: .3em; font-size: 0; white-space: nowrap; vertical-align: middle; *zoom: 1; } .btn-group:first-child { *margin-left: 0; } .btn-group + .btn-group { margin-left: 5px; } .btn-toolbar { margin-top: 10px; margin-bottom: 10px; font-size: 0; } .btn-toolbar > .btn + .btn, .btn-toolbar > .btn-group + .btn, .btn-toolbar > .btn + .btn-group { margin-left: 5px; } .btn-group > .btn { position: relative; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } .btn-group > .btn + .btn { margin-left: -1px; } .btn-group > .btn, .btn-group > .dropdown-menu, .btn-group > .popover { font-size: 14px; } .btn-group > .btn-mini { font-size: 10.5px; } .btn-group > .btn-small { font-size: 11.9px; } .btn-group > .btn-large { font-size: 17.5px; } .btn-group > .btn:first-child { margin-left: 0; -webkit-border-bottom-left-radius: 4px; border-bottom-left-radius: 4px; -webkit-border-top-left-radius: 4px; border-top-left-radius: 4px; -moz-border-radius-bottomleft: 4px; -moz-border-radius-topleft: 4px; } .btn-group > .btn:last-child, .btn-group > .dropdown-toggle { -webkit-border-top-right-radius: 4px; border-top-right-radius: 4px; -webkit-border-bottom-right-radius: 4px; border-bottom-right-radius: 4px; -moz-border-radius-topright: 4px; -moz-border-radius-bottomright: 4px; } .btn-group > .btn.large:first-child { margin-left: 0; -webkit-border-bottom-left-radius: 6px; border-bottom-left-radius: 6px; -webkit-border-top-left-radius: 6px; border-top-left-radius: 6px; -moz-border-radius-bottomleft: 6px; -moz-border-radius-topleft: 6px; } .btn-group > .btn.large:last-child, .btn-group > .large.dropdown-toggle { -webkit-border-top-right-radius: 6px; border-top-right-radius: 6px; -webkit-border-bottom-right-radius: 6px; border-bottom-right-radius: 6px; -moz-border-radius-topright: 6px; -moz-border-radius-bottomright: 6px; } .btn-group > .btn:hover, .btn-group > .btn:focus, .btn-group > .btn:active, .btn-group > .btn.active { z-index: 2; } .btn-group .dropdown-toggle:active, .btn-group.open .dropdown-toggle { outline: 0; } .btn-group > .btn + .dropdown-toggle { *padding-top: 5px; padding-right: 8px; *padding-bottom: 5px; padding-left: 8px; -webkit-box-shadow: inset 1px 0 0 rgba(255, 255, 255, 0.125), inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); -moz-box-shadow: inset 1px 0 0 rgba(255, 255, 255, 0.125), inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); box-shadow: inset 1px 0 0 rgba(255, 255, 255, 0.125), inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); } .btn-group > .btn-mini + .dropdown-toggle { *padding-top: 2px; padding-right: 5px; *padding-bottom: 2px; padding-left: 5px; } .btn-group > .btn-small + .dropdown-toggle { *padding-top: 5px; *padding-bottom: 4px; } .btn-group > .btn-large + .dropdown-toggle { *padding-top: 7px; padding-right: 12px; *padding-bottom: 7px; padding-left: 12px; } .btn-group.open .dropdown-toggle { background-image: none; -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); -moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); } .btn-group.open .btn.dropdown-toggle { background-color: #e6e6e6; } .btn-group.open .btn-primary.dropdown-toggle { background-color: #0044cc; } .btn-group.open .btn-warning.dropdown-toggle { background-color: #f89406; } .btn-group.open .btn-danger.dropdown-toggle { background-color: #bd362f; } .btn-group.open .btn-success.dropdown-toggle { background-color: #51a351; } .btn-group.open .btn-info.dropdown-toggle { background-color: #2f96b4; } .btn-group.open .btn-inverse.dropdown-toggle { background-color: #222222; } .btn .caret { margin-top: 8px; margin-left: 0; } .btn-large .caret { margin-top: 6px; } .btn-large .caret { border-top-width: 5px; border-right-width: 5px; border-left-width: 5px; } .btn-mini .caret, .btn-small .caret { margin-top: 8px; } .dropup .btn-large .caret { border-bottom-width: 5px; } .btn-primary .caret, .btn-warning .caret, .btn-danger .caret, .btn-info .caret, .btn-success .caret, .btn-inverse .caret { border-top-color: #ffffff; border-bottom-color: #ffffff; } .btn-group-vertical { display: inline-block; *display: inline; /* IE7 inline-block hack */ *zoom: 1; } .btn-group-vertical > .btn { display: block; float: none; max-width: 100%; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } .btn-group-vertical > .btn + .btn { margin-top: -1px; margin-left: 0; } .btn-group-vertical > .btn:first-child { -webkit-border-radius: 4px 4px 0 0; -moz-border-radius: 4px 4px 0 0; border-radius: 4px 4px 0 0; } .btn-group-vertical > .btn:last-child { -webkit-border-radius: 0 0 4px 4px; -moz-border-radius: 0 0 4px 4px; border-radius: 0 0 4px 4px; } .btn-group-vertical > .btn-large:first-child { -webkit-border-radius: 6px 6px 0 0; -moz-border-radius: 6px 6px 0 0; border-radius: 6px 6px 0 0; } .btn-group-vertical > .btn-large:last-child { -webkit-border-radius: 0 0 6px 6px; -moz-border-radius: 0 0 6px 6px; border-radius: 0 0 6px 6px; } #donationForm { margin: 0 auto; } #donationForm select { width: 154px; } /* Facebook commenting system */ .fb_iframe_widget { width: 95% !important; padding: 0 2.5% !important; background: #fff; padding-top: 1em !important; } .fb_iframe_widget span, .fb_iframe_widget span iframe.fb_ltr { width: 100% !important; } #content > p { display: none; } #content iframe { max-width: 100%; } .big-number { font-size: 3em; padding: 0; margin: 0; color: #555; text-align: center; display: block; line-height: 0.7; } .big-number:before { content: '//////'; font-size: .3em; color: #eee; } .big-number:after { content: '\\\\\\\\\\\\'; font-size: .3em; color: #eee; } .after-big-number { display: block; text-align: center; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !important; font-size: 2em !important; padding: 0 0 0.1em 0; margin: 0 0 0.4em 0!important; color: #333; border-bottom: 1px dashed #222; } /* .custom #content .type-post.category-stuff { border-top: 10px solid #EC008C; border-bottom: 10px solid #EC008C; } */ #content { overflow: hidden; } /* STUFF post custom front page display */ .homepage #content .type-post.category-stuff:after { content: url(http://static.artfagcity.com/wp-content/uploads/2013/04/shelf1.jpg); overflow: hidden; width: 100%; margin-left: -2.5%; display: block; position: absolute; bottom: -10px; color: #ccc; font-size:.5em; padding: 1em 0 0 0; } .homepage #content .post_box.category-stuff { padding-bottom: 2em; } .homepage .category-stuff .headline_area { margin-bottom: 10px; } .homepage #content .category-stuff .entry-content p { background-color: #fff; padding: 10px; bordeR: 1px solid #ccc; position: relative; display: block; min-height: 30px; min-width: 50px; z-index: 20; margin-left: 16em; margin-right: 3em; } .homepage .category-stuff .entry-title { display: block; background-color: #fff; position: relative; z-index: 7; border: 1px solid #ccc; padding: 0.3em !important; margin-right: 2em; margin-left: 0.6em; } .homepage .category-stuff .headline_meta { margin-left: 24em; } body #darkbackground { background-color:rgba(50, 50, 50, 0.7); background-image: none; } .singlepost hr + h2 > a { color:#333; /*font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; */font-size:1.5em; text-decoration:none; } .singlepost hr + h2 { padding: 0.5em 0 1em; margin-top: 0; border-bottom: 1px dotted #eee; } .singlepost hr + h2 + h3 { padding: 0 1em; margin-top: -1.75em; font-style: italic; color: #666 } .singlepost hr + h2 > a:after { content: " »"; color: #999; } .singlepost hr + h2 > a:hover:after { content: " »"; color: #a4006b; } .singlepost hr + h2:hover > a:after { content: " » full interview"; color: #ccc; } h1.center { text-align:center; margin-bottom:0; font-family: Palatino, "Palatino Linotype", "Palatino LT STD", "Book Antiqua", Georgia, serif; color: #333; text-shadow: 1px 1px 1px #ada6ad; filter: dropshadow(color=#ada6ad, offx=1, offy=1); font-style:italic; } .claimbutton { display: block !important; } .visiblebox { max-width: 85%; } /* * Features page. */ .features-row { margin: 0 auto 0.5em; } .feature-item { height: 200px; position: relative; max-width: 300px; float: left !important; background-repeat: no-repeat; } .feature-item:first-child { margin-left: 0; } .feature-item.feature-bushwick-open-studios { background-image: url(http://static.artfcity.com/wp-content/uploads/2013/06/bos.jpg); } .feature-item.feature-img-mgmt { background-image: url(http://static.artfcity.com/wp-content/uploads/2013/06/img-mgmt.jpg); } .feature-item.feature-stuff { background-image: url(http://static.artfcity.com/wp-content/uploads/2013/06/stuff.jpg); } .feature-item.feature-we-went-to { background-image: url(http://static.artfcity.com/wp-content/uploads/2013/06/we-went-to.jpg); } .feature-item.feature-in-our-masthead { background-image: url(http://static.artfcity.com/wp-content/uploads/2013/07/masthead.jpg); } .feature-item.feature-summer-series { background-image: url(http://static.artfcity.com/wp-content/uploads/2013/07/summerseries.jpg); } .feature-text { display: table-cell; vertical-align: bottom; width: 100%; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; padding: 0.2em; } .feature-title { color: #fff; font-size: 2.3em; line-height: 1.2; background-color: #ec008c; } a:hover .feature-title { background: none; line-height: 1; } a:hover .feature-text { vertical-align: top; } a:hover .feature-title:after { content: "»"; position: absolute; } .feature-description { display: none; color: #fff; padding: 0.5em; } a:hover .feature-description { display: block; } .feature-mask { display: table; width: 100%; height: 100%; background-color: rgba(0,0,0,0.1); -webkit-transition: all 300ms ; -moz-transition: all 300ms ; -ms-transition: all 300ms ; -o-transition: all 300ms ; transition: all 300ms ; } a:hover .feature-mask { background-color: rgba(0,0,0,1); -webkit-transition: all 300ms ; -moz-transition: all 300ms ; -ms-transition: all 300ms ; -o-transition: all 300ms ; transition: all 300ms ; } .format_text ul { margin: 0 0 0.5em 0em; list-style: none; } .format_text ul li { padding: 0.2em 0 0.2em 1.5em; list-style: none; } .format_text ul li:before { content: "\f024" /*fontawesome char code*/; font-family: FontAwesome; display: inline-block; font-size: 1em; margin-left: -1.5em; width: 1.5em; color: #EC008C; } body .format_text a { text-decoration: underline; } .custom .visiblebox { height: auto !important; } .claimbutton { background: none !important; } #clearforever { color: #ec008c !important; text-shadow: none !important; } #footer .visiblebox { text-align: left; } /* * START CURSOR FUN */ .homepage #cursor-wrapper { position: fixed; margin-left: 2px; margin-top: 2px; min-width: 0px; min-height: 0px; z-index: 20000; opacity: 0.9; } body:not(.homepage) #cursor-wrapper { display: none; } #cursor { display: none; position: absolute; background-color: transparent; z-index: 20000; opacity: 1; cursor: url("http://static.artfcity.com/wp-content/uploads/2013/07/Transparent.gif"), auto !important; } /* Banned numbers: 54 through 60 (recent/upcoming first digits */ .homepage div.post[id$="1"] img, .homepage div.post[id$="3"] img, .homepage div.post[id$="7"] img { cursor: url("http://static.artfcity.com/wp-content/uploads/2013/07/Transparent.gif"), auto !important;} .homepage div.post[id$="1"] a.post_image_link, .homepage div.post[id$="3"] a.post_image_link, .homepage div.post[id$="7"] a.post_image_link { cursor: url("http://static.artfcity.com/wp-content/uploads/2013/07/Transparent.gif"), auto !important;} div.post:hover[id$="3"] ~ #cursor-wrapper img#cursor { content: url("http://static.artfcity.com/wp-content/uploads/2013/07/duckhead.gif"); margin-top: -28px; margin-left: -1px; } div.post:hover[id$="7"] ~ #cursor-wrapper img#cursor { content: url("http://static.artfcity.com/wp-content/uploads/2013/07/1santa-dance2.gif"); } div.post:hover[id$="1"] ~ #cursor-wrapper img#cursor { content: url("http://static.artfcity.com/wp-content/uploads/2013/07/7updot-ani.gif"); } /*img[class*="05"] { cursor: pointer; }*/ /*img[class*="23"] { cursor: auto; }*/ /*img[class*="42"] { cursor: url(http://static.artfcity.com/wp-content/uploads/2013/07/1santa-dance2.gif), auto; }*/ /* * END CURSOR FUN */ #events_week_menu { display: none; list-style: none; margin: 0; text-align: center; padding: 1em 0; border-bottom: 1px solid #ccc; } #events_week_menu li { display: inline-block; font-size: 3em; width: 14.2%; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; } #events_week_menu li a { color: #ccc; text-decoration: none; } #events_week_menu li a:hover { color: #333; transition: all 0.3s; } .weekly-events-day, .weekly-events-day * { box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; } .weekly-events-day { margin-left: 0 !important; border-top: 1px solid#ccc; position: relative; } .weekly-events-event .weekly-events-left-col { margin-left: 0; text-align: right; } .weekly-events-photo { margin-bottom: 0.5em; } body .weekly-events-day .weekly-events-day-title { position: absolute; top: 0.5em; left: 0em; text-align: right; width: 2.9em; font-size: 1.9em; margin: 0; border: none; color: #666; } .weekly-events-day.row-fluid .weekly-events-event { /*border: 1px solid #ccc;*/ margin-left: 6.1em; padding: 1em; } .weekly-events-url { display: block; } .weekly-events-right-col { padding-left: 1em; padding-right: 1em; } .weekly-events-event p.weekly-events-description { margin: 0; } .weekly-events-event .weekly-events-address-line, .weekly-events-event .weekly-events-time { color: #666; } .weekly-events-day.row-fluid .weekly-events-event h3.weekly-events-title { margin: 0 0 0.2em 0em; font-size: 1.6em; font-weight: bold; } .weekly-events-event h4.weekly-events-location { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; } .hotposts > img { margin: 0 auto 1em; display: block; } body blockquote p { font-weight: inherit; line-height: inherit; font-size: inherit; } ul > li > h3 { margin: 0 !important; padding: 0 !important; display: inline; clear: both; font-size: 1.4em !important; } @media (max-width: 767px) { .weekly-events-day.row-fluid .weekly-events-event { margin-left: 0 !important; } } @media (max-width: 1040px) { .custom .fun { display: none !important; } } #sharkweek { background-image: url(http://static.artfcity.com/wp-content/uploads/2013/08/sharkfin.gif); position: fixed; bottom: -240px; right: 50%; margin-right: -450px; width: 500px; height: 334px; z-index: 9999; } /* * Sound of Art headphones */ .menu li.tab.tab-6 a:before { content: "\f025"; } .menu li.tab a:before { font-family: FontAwesome; font-size: 2em; color: inherit; display: inline; width: auto; height: auto; position: absolute; left: 8px; } .menu li.tab.tab-6 a { padding-left: 2.8em; } li.tab.tab-5.current a { color: #fff; cursor: pointer; } .btn.support-btn { padding: 1em; } #footer { padding: 0; border: none; } #footerbb { postition: relative; background-color: #fff; border: none; } .post-59919 .post_image_link { display: none; } .homepage .category-img-mgmt.fancier .to_comments, .homepage .category-img-mgmt.fancier .headline_area, .homepage .category-img-mgmt.fancier .post_image_link, .homepage .category-img-mgmt.fancier #fb_root { display: none; } .homepage .category-img-mgmt.fancier h1, .homepage .category-img-mgmt.fancier h2 { margin: 0; } .homepage .category-img-mgmt.fancier a { color: #EC008C !important; text-decoration: none; font-family: sans-serif; letter-spacing: 1px; font-size: 1.6em; } .homepage .category-img-mgmt.fancier h1 { font-size: 2.4em; line-height: 1.2; } .homepage .category-img-mgmt.fancier { padding-top: 2em !important; border: 5px dashed #ec008c !important; } .homepage .img-mgmt-container { position: relative; height: 112px; width: 100%; margin: 5px 0 5px; overflow: hidden; } .homepage .img-mgmt-pane { position: absolute; width: 10000px; } .img-mgmt-pane img { float: left; margin-right: 19px; } .homepage .img-mgmt-arrow i:hover, .homepage .img-mgmt-arrow i.pink { color: #EC008C; } .homepage .img-mgmt-arrow i { color: #111; font-size: 3.5em; } .homepage .img-mgmt-arrow { position: absolute; right: 0; top: 0; cursor: pointer; } #donate-slider .ui-slider-handle:before { background-image: url(http://static.artfcity.com/wp-content/uploads/2013/12/goodjob-small-rainbow2.jpg); background-position: center right; background-repeat: no-repeat; display: block; position: absolute; right: 1.3em; height: 150px; width: 690px; top: -75px; content: ' '; } #donate-slider { margin-top: 75px; margin-bottom: 75px; width: 90%; margin-left: 10%; } #donationForm #amountArea { margin: 0 auto; right: 0; height: 1.4em; padding: 0; text-align: right; font-weight: bold; z-index: 30; position: absolute; top: -2em; font-size: 2em; } #amountArea > * { display: inline-block; } #amountArea label { margin-bottom: 0; padding-top: 0.8em; font-size: 0.6em; } #donationForm #amount { height: 1.4em; padding: 0; text-align: right; color: #ec008c; border: 0; font-weight: bold; z-index: 30; width: 3em; background: none; box-shadow: none; } .tabs .ui-widget-header { border-bottom: 1px solid #aaaaaa; background: none; border: none; } #tabs label > h2 { margin-top: 0; } /*#shoutout-container { position: relative; width:1px; left: 50%; top: -10em; z-index: 10; }*/ #shoutout-container { width: 70%; min-height: 3em; position: relative; } .shoutout { display: none; text-align: right; font-size: 1.1em; line-height: 1.4; font-style: italic; } #shoutout-container .shoutout.image:first-of-type { float: left; } #shoutout-container .shoutout.image { float: right; width: 45%; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; border: 5px solid; margin-bottom: 1em; } #tabs ul li:before { content: ""; } #tabs.ui-tabs .ui-tabs-nav { padding: .2em 0 0; } /* .shoutout:nth-of-type(odd) { margin-left: -100px; -moz-transform: rotate(-30deg); -webkit-transform: rotate(-30deg); -o-transform: rotate(-30deg); -ms-transform: rotate(-30deg); transform: rotate(-30deg) } .shoutout:nth-of-type(even) { margin-left: 100px; -moz-transform: rotate(30deg); -webkit-transform: rotate(30deg); -o-transform: rotate(30deg); -ms-transform: rotate(30deg); transform: rotate(30deg) } .shoutout:nth-of-type(n+1) { top: 3.5em; } .shoutout:nth-of-type(n+3) { top: 5em; } .shoutout:nth-of-type(n+3):nth-of-type(odd) { margin-left: -200px; } .shoutout:nth-of-type(n+3):nth-of-type(even) { margin-left: 200px; }*/ #tabs #recurring #donationForm #paypallogo { width: 113px !important; height: 26px !important; right: 1em; bottom: 1em; margin-right: 2%; } #paypallogo { background: none; border: none; } #tabs .ui-widget-header { background: none; border-radius: 0 !important; border-left: none; border-right: none; border-top: none; } #tabs { border-left: none; border-top: none; border-right: none; } #tabs li { border-radius: 0; border-width: 5px; border-bottom-width: 0; margin-bottom: -1px; line-height: 3px; padding: 0.5em 0; } #subscription-options li.selected, #subscription-options li:hover, #tabs li.ui-tabs-active.ui-state-active { background: #000; border-color: #ec008c; box-shadow: none; color: #fff; } #tabs li.ui-tabs-active.ui-state-active a { color: #fff; } #tabs li a { color: #666; font-family: Georgia, "Times New Roman", Times, serif; font-size: 1.2em; } #tabs > div { border: 5px solid #ec008c; overflow: hidden; } #tabs > div > h2 { margin-top: 0; } #tabs #donationForm #paypallogo { position: absolute; right: 0; bottom: 0; max-width: 25%; height: auto !important; } #subscription-options li { cursor: pointer; display: inline-block; width: 32%; margin-left: 1%; float: left; padding: 0.5em; font-size: 1.5em; text-align: center; border: 5px solid #ccc; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; } #subscription-options { padding-bottom: 1em; } .roast-tickets #donationForm h3 { margin-bottom: 0.5em !important; margin-top: 0 !important; } .roast-tickets #donationForm h2 { margin-bottom: 0.5em !important; margin-top: 0.5em !important; } body.black-background { background-image: url('images/noisy-texture-200x200-o9-d18-c-eeeeee-t0-inverted.png') !important; } .black-background #content_box, .black-background #content .post_box, .black-background .fb_iframe_widget { color: #fff !important; background: #000 !important; } .black-background h1, .black-background h2, .black-background h2 a, .black-background .headline_area p.headline_meta a, .black-background .headline_area p.headline_meta { color: #eee !important; } .black-background .post_tags, .black-background #sidebars, .black-background #sidebars #nectar p.advertise a { color: #999; } .black-background #sidebars, .black-background #sidebars #nectar, .black-background .hotposts, .black-background .sidebar h3 { border-color: #333; } .black-background #sidebar_1 .sidebar_list h3, .black-background #mc-embedded-subscribe-form label { color: #ccc; } #black-background { visibility: hidden; display: block; color: #000; background: #dedede; font-size: 1.2em; text-align: center; padding: 7px 0; } #black-background.visible { visibility: visible; } #black-background.enabled { color: #fff; background: #333; } #post-71166 .entry-title { width: 300px; margin: 0 auto; } .wdpu-msg { max-width: 600px !important; background-color: #ec008c !important; } .wdpu-text { background: #fff !important; } .wdpu-title, .wdpu-subtitle, .wdpu-content { color: #000 !important; font-family: "Helvetica Neue",Helvetica,Arial,sans-serif !important; margin-left: 8px !important; } .wdpu-subtitle { font-weight: 400 !important; } .wdpu-content { font-family: "Helvetica Neue",Helvetica,Arial,sans-serif !important; } .wdpu-msg input { font-size: 1.1em !important; padding: 10px !important; margin-bottom: 0 !important; } .wdpu-msg input:focus { border-color: rgba(236, 0, 214, 0.8) !important; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(236, 0, 214, 0.6) !important; } .wdpu-msg input.submit { background: #ec008c !important; color: #fff !important; padding: 10px !important; border-color: #ec008c !important; border-radius: 4px !important; margin-left: 8px !important; } .wdpu-hide-forever { color: #808080 !important; margin-left: 8px !important; } .wdpu-hide-forever:hover { color: #ec008c !important; } .wdpu-close { right: auto !important; left: -12px !important; background-image: url('/wp-content/plugins/wordpress-popup/css/tpl/simple/img/close@2x.png') !important; background-size: 30px 30px !important; } #mce-EMAIL { height: auto; } #mce-success-response-popup { display: none; color: #529214; background: #e3fbe4; padding: 10px; margin-top: 20px; margin-right: 8px; } #mce-success-response-popup a.close-button { display: inline-block; margin-top: 10px; background: #529214; color: #fff !important; padding: 10px; border-color: #ec008c; border-radius: 4px; text-decoration: none !important; } #mce-error-response-popup { display: none; background: #f2f2f2; font-weight: bold; color: #666; padding: 10px; margin-top: 20px; margin-right: 8px; } #benefit-sponsors td { padding-bottom: 15px; } body.support .format_text input { width: auto; padding: 0; border: none; background: none; } body.support .format_text form h3 { margin-top: 0; } .to_comments { display: none; } /* Donate link treatment */ #landing-link a { display:inline-block; width: 120px; background-color: rgba(255,0,135,1); border-radius: 3px; border: solid 2px #fff; padding: 8px 4px 6px 4px; color: #fff; text-transform: uppercase; font-family: Helvetica, sans-serif; font-size: 1.6em; box-shadow: 0 1px 1px #999; text-decoration: none; text-align: center; } #landing-link a:hover { color: #ffff00; border: solid 2px #ffff00; text-shadow: 0 0 4px #f00; } /* AFC Event Archive */ #afc-event-archive.custom #container .teaser { width: 60em; float: none; } #afc-event-archive.custom #container .teaser h2 { font-size: 2.4em; font-weight: bold; } #afc-event-archive.custom #container .teaser .teaser_author { display: none; } #afc-event-archive.custom #container .teaser .teaser_date { display: none; } /* AFC Event detail */ #afc-event-single.custom .headline_meta { display: none; }