/* ------------------------------------------------------- BOX ------------------------------------------------------- */ .gr-box { font: 13px/21px 'Droid Serif', Georgia, Serif; background: #edece6 url(http://st.deviantart.net/blogskins/artnetwork/odyssey-2013/bg-offwhitenoise.jpg) center top repeat; color: #121516; position: relative; margin: 0 0 18px 0; border: 30px solid #fffef7; padding: 0; } i.gr1 { display:none; } i.gr2 { display:none; } i.gr1 i { display:none; } i.gr2 i { display:none; } i.gr3 { display:none; } /* ------------------------------------------------------- TOP ------------------------------------------------------- */ .gr-top { background: url(http://st.deviantart.net/blogskins/artnetwork/odyssey-2013/title.png?2) 30px 20px no-repeat; padding: 205px 0 0 0; position:relative; z-index:2; border: 0; } .gr-top div.gr { background: transparent; padding: 0 30px!important; display: block; position: static; margin-bottom:30px; max-width:720px; border: none; } .gr-top i.tri { display:none; } .gr-top h2 { font: normal 36px/normal 'Droid Serif', Georgia, serif; color: #121516; top: 0; left: 0; border-top: 4px solid #121516; border-bottom: 1px solid #121516; padding: 0; } .gr-top h2 a { color: inherit; background: url(http://st.deviantart.net/blogskins/artnetwork/odyssey-2013/journal-titlediag.png) 100% 0 no-repeat; display: inline-block; padding: 8px 60px 8px 0; } .gr-top h2 a:hover { color:#9c2c2a; } .gr-top h2 img { display:none; } .gr-top span { color: #121516; font:900 10px/normal 'Lato', "Trebuchet MS", Arial, Helvetica, sans-serif; text-transform:uppercase; letter-spacing:1px; margin-left:1px; } .gr-top span a { color:inherit; } .gr-top span.author, .gr-top span.timestamp { display: inline; } /* ------------------------------------------------------- BODY ------------------------------------------------------- */ .gr-body { background:transparent; border:0!important; position:static; overflow:visible; } .gr-body .grf-indent { background:url(http://st.deviantart.net/blogskins/artnetwork/odyssey-2013/journal-bgcity.png) bottom left no-repeat; margin: auto; padding:0; } .gr-body .gr { border: 0!important; position: static; background:none; } /* ------------------------------------------------------- TEXT ------------------------------------------------------- */ .text { padding:0 30px; text-align:left; max-width:720px; } .text p { margin: 0; padding: 0; } .text a { color:inherit; border-bottom:1px solid #ba544f; text-decoration:none; } .text a:hover { border-bottom-color: #121516; } blockquote { position: relative; margin: 20px 0; text-align: right; padding: 20px 0 20px 60px; border-top: 2px solid #121516; border-bottom: 2px solid #121516; font: italic 24px/33px 'Vollkorn', Georgia, Serif; overflow: hidden; } blockquote::before { content: ''; display: block; position: absolute; left: 0; font-family: georgia; background: url(http://st.deviantart.net/blogskins/artnetwork/odyssey-2013/ui-blockquote.png) 0 0 no-repeat; width: 35px; height: 32px; top: 25px; } h1, h2, h3, h4, h5 { font-family: 'Droid Serif', Georgia, "Times New Roman", serif; font-weight:normal; line-height:normal; letter-spacing: normal; color:#121516; position:relative; } .text h1 a, .text h2 a, .text h3 a, .text h4 a { color:inherit!important; } h2 { font-size:20px; line-height:26px; } h3 { font-size:20px; line-height:26px; } h4 { font-size:16px; line-height:23px; } h5 { font-size:14px; line-height:21px; } /* ------------------------------------------------------- THUMBS ------------------------------------------------------- */ .text a.embedded-deviation { display:inline-block; border:none; } a.embedded-deviation:hover { display:inline-block; box-shadow: 0 0 10px rgba(0,0,0,.20); } a img { display:block; } /* ------------------------------------------------------- LINKS ------------------------------------------------------- */ .links { font: 900 12px/normal 'Lato', "Trebuchet MS", Arial, Helvetica, sans-serif; position: absolute; top: 46px; left: 466px; text-transform: uppercase; color: #121516; min-width:130px; z-index:2; overflow:hidden; } .links span { display:block; line-height:34px; height:34px; position:relative; border-bottom:1px solid #121516; } .links span::after { content:''; width:100%; height:1px; background:#121516; position:absolute; bottom:1px; left:0; } .links span a { border: none; color: inherit; position: relative; overflow: hidden; padding: 0 0 0 10px; left: -10px; height: 32px; display: block; line-height: 32px; } .links span a::before { content: ''; border-width: 5px; border-color: transparent transparent transparent #000; border-style: solid; height: 0; width: 0; position: absolute; left: 0; top: 10px; } .links span a:hover { color:#a14540; left:0; } .links span.last, .links span.last::after { border:none; background:none; } .links br { display:none; } /* ------------------------------------------------------- BOTTOM ------------------------------------------------------- */ .gr-body .bottom { background:url(http://st.deviantart.net/blogskins/artnetwork/odyssey-2013/journal-bgfooter.png) repeat; border-top:10px solid #121516; position:relative; color:#d9d7c8; padding:0 0 30px 30px; margin-top: 180px; text-align:left; } .gr-body .bottom::after { content:''; background:url(http://st.deviantart.net/blogskins/artnetwork/odyssey-2013/journal-commentbg.png) 0 0 no-repeat; position:absolute; left:0; top:0; width:100%; height:100%; z-index:0; } .gr-body .bottom a.commentslink { font: 700 12px/normal 'Lato', 'Droid Serif', Georgia, 'Times New Roman', serif; background: url(http://st.deviantart.net/blogskins/artnetwork/odyssey-2013/journal-comment.png) 0 4px no-repeat; text-transform: uppercase; padding: 3px 0 0 25px; display: inline-block; color: #d9d7c8; position: relative; position: relative; z-index: 1; height: 15px; line-height: 13px; } .gr-body .bottom a.commentslink:hover { color: #fff; text-decoration:none; } .gr-body .bottom .prevlink { display:none; } /* ------------------------------------------------------- MISC ------------------------------------------------------- */ body.stash-page .stash-container * { margin:0; padding:0; border:none; float:none; background:transparent; } .list { height:0; width:0; clear:both; visibility:hidden; } .writer { border:none!important; margin:0!important; padding:0!important; }