HOME | DD
JunkbyJen — Digital Throwback Thursday Vol. 22
Published: 2016-06-16 14:55:15 +0000 UTC; Views: 4070; Favourites: 4; Downloads: 0
Redirect to original
Description
body div#devskin12613581 * { background:transparent; border:none; box-shadow:none; -moz-box-shadow:none; -webkit-box-shadow:none; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; margin:0; padding:0; } /* ------------------------------ GENERAL ------------------------------ */ body div#devskin12613581 .gr1, body div#devskin12613581 .gr2, body div#devskin12613581 .gr3, body div#devskin12613581 .tri, body div#devskin12613581 .gr-top .gr h2 img { display:none; } body div#devskin12613581 a, body div#devskin12613581 a.external, body div#devskin12613581 .user-symbol { color:#A1B300; font-weight:normal; text-shadow:#FFFFFF 0px 1px 0px; transition:color 0.5s ease; -moz-transition:color 0.5s ease; -webkit-transition:color 0.5s ease; -ms-transition:color 0.5s ease; -o-transition:color 0.5s ease; } body div#devskin12613581 a:hover, body div#devskin12613581 a.external:hover, body div#devskin12613581 .username-with-symbol:hover .user-symbol { color:#C9DC26; text-shadow:none; } body div#devskin12613581 .user-symbol, body div#devskin12613581 a.external:after { font-size:8px; padding:2px; position:relative; top:-4px; } body div#devskin12613581 .text h1, body div#devskin12613581 .text h2, body div#devskin12613581 .text h3, body div#devskin12613581 .text h4, body div#devskin12613581 .text h5, body div#devskin12613581 .text h6, body div#devskin12613581 .gr-top .gr h2, body div#devskin12613581 .gr-top .gr h2 a, body div#devskin12613581 .gr-body .gr .grf-indent .bottom a, body div#devskin12613581 .button a, body div#devskin12613581 .menu { font-family:'Montserrat', Helvetica, Verdana, Arial, sans-serif; font-weight:normal; } /* ------------------------------ GR-BOX ------------------------------ */ body div#devskin12613581 .negate-box-margin { } body div#devskin12613581 .gr-box { border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px; color:#262F27; font-family:'Verdana', Helvetica, Arial, sans-serif; font-size:14px; line-height:24px; position:relative; } body div#devskin12613581 .gr-genericbox { } /* ------------------------------ GR-TOP ------------------------------ */ body div#devskin12613581 .gr-top { background:#e4375b url(https://fc09.deviantart.net/fs70/o/2014/186/c/3/465754808_1754481_gr-top_trans.png) center no-repeat; border-bottom:#262F27 2px solid; border-top:#e4375b 20px solid; border-radius:10px 10px 0 0; -moz-border-radius:10px 10px 0 0; -webkit-border-radius:10px 10px 0 0; margin-top:150px; height:130px; } body div#devskin12613581 .gr-top .gr { padding-left:0!important; max-width:740px; margin:0 auto; } body div#devskin12613581 .gr-top .gr h2, body div#devskin12613581 .gr-top .gr h2 a { color:#ffffff; font-size:32px; height:34px; line-height:34px; margin:0 -100px; padding:40px 0 0 10px; text-align:center; text-shadow:#262F27 0px 2px 0px; transition:color 0.5s ease; -moz-transition:color 0.5s ease; -webkit-transition:color 0.5s ease; -ms-transition:color 0.5s ease; -o-transition:color 0.5s ease; } body div#devskin12613581 .gr-top .gr h2 a:hover { color:#AE1837; } body div#devskin12613581 .gr-top .gr .timestamp { color:#ffffff; display:block; height:40px; line-height:40px; position:absolute; top:0; right:0; left:0; text-align:center; } /* ------------------------------ GR-BODY ------------------------------ */ body div#devskin12613581 .gr-body { overflow:visible!important; position:static!important; } body div#devskin12613581 .gr-body .gr { background:#E6EBE6; } body div#devskin12613581 .gr-body .gr .grf-indent { } body div#devskin12613581 .gr-body .gr .grf-indent .text { max-width:780px; margin:0 auto; padding:0 20px; position:relative; overflow:visible; } /* ------------------------------ BOTTOM ------------------------------ */ body div#devskin12613581 .gr-body .gr .grf-indent .bottom { } body div#devskin12613581 .gr-body .gr .grf-indent .bottom a { background:#E43A5D; border-top:#262F27 2px solid; color:#FFFFFF; display:inline-block; font-size:14px; font-weight:bold; padding:20px 0; line-height:20px; text-align:center; text-shadow:none; width:100%; text-transform:uppercase; transition:background 0.5s ease; -moz-transition:background 0.5s ease; -webkit-transition:background 0.5s ease; -ms-transition:background 0.5s ease; -o-transition:background 0.5s ease; } body div#devskin12613581 .gr-body .gr .grf-indent .bottom a:hover { background:#B73E62; text-decoration:none; } /* ------------------------------ CUSTOM ------------------------------ */ body div#devskin12613581 .text h1, body div#devskin12613581 .text h2, body div#devskin12613581 .text h3, body div#devskin12613581 .text h4, body div#devskin12613581 .text h5, body div#devskin12613581 .text h6 { color:#262F27; color:#B73E62; margin-bottom:10px; } body div#devskin12613581 .text h1 { font-size:32px; } body div#devskin12613581 .text h2 { font-size:28px; } body div#devskin12613581 .text h3 { font-size:24px; } body div#devskin12613581 .text h4 { font-size:21px; } body div#devskin12613581 .text h5 { font-size:18px; } body div#devskin12613581 .text h6 { font-size:16px; } body div#devskin12613581 blockquote { border:solid; border-width:2px 0; font-size:18px; margin:20px 0; padding:20px 20px; position:relative; } body div#devskin12613581 blockquote i { font-size:13px; position:absolute; bottom:-30px; left:20px; font-style:normal; } body div#devskin12613581 p, body div#devskin12613581 .doing { background:#FFFFFF; padding:20px; } body div#devskin12613581 small { font-size:10px; line-height:15px; } body div#devskin12613581 ul { list-style-type:none; margin:10px 0 10px 20px; } body div#devskin12613581 ol { margin:10px 0 10px 24px; } body div#devskin12613581 .doing ul { margin-top:10px; margin-left:14px; } body div#devskin12613581 ul li::before { content:' '; display:block; float:left; background:#262F27; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; height:6px; width:6px; margin:9px 6px 0 -14px; } body div#devskin12613581 .doing ul li::before { content:' '; display:block; float:left; background:#B73E62; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; height:6px; width:6px; margin:9px 6px 0 -14px; } body div#devskin12613581 ul li, body div#devskin12613581 ol li { margin-bottom:10px; } body div#devskin12613581 hr { border:solid 1px; margin:0 -5px; } body div#devskin12613581 .button a { background:#A1B300; box-shadow:1px 1px 0px #8a9900, 2px 2px 0px #8a9900, 3px 3px 0px #8a9900; -moz-box-shadow:1px 1px 0px #8a9900, 2px 2px 0px #8a9900, 3px 3px 0px #8a9900; -webkit-box-shadow:1px 1px 0px #8a9900, 2px 2px 0px #8a9900, 3px 3px 0px #8a9900; color:#FFFFFF; display:block; font-size:18px; font-weight:bold; height:40px; letter-spacing:2px; line-height:40px; margin:0 -5px; padding:2px 15px 0 15px; text-align:center; text-shadow:none; text-transform:uppercase; transition:background 1s, letter-spacing 1s; -moz-transition:background 1s, letter-spacing 1s; -webkit-transition:background 1s, letter-spacing 1s; -ms-transition:background 1s, letter-spacing 1s; -o-transition:background 1s, letter-spacing 1s; } body div#devskin12613581 .button a:hover { background:#C9DC26; color:#FFFFFF; letter-spacing:2.5px; } body div#devskin12613581 .button a.external { text-decoration:none; } body div#devskin12613581 .button a.external:after { display:none; } body div#devskin12613581 .note { background:#ffe566; border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px; margin:0 -5px; padding:20px; position:relative; } body div#devskin12613581 .note::after { content:' '; display:block; position:absolute; right:0; bottom:0; border-top:solid 10px #ffce29; border-right:solid 10px #e6ebe6; border-bottom:solid 10px #e6ebe6; border-left:solid 10px #ffce29; border-top-left-radius:10px; -moz-border-top-left-radius:10px; -webkit-border-top-left-radius:10px; transition:border 0.5s ease; -moz-transition:border 0.5s ease; -webkit-transition:border 0.5s ease; -ms-transition:border 0.5s ease; -o-transition:border 0.5s ease; } body div#devskin12613581 .note:hover::after { border-top:solid 15px #ffce29; border-right:solid 15px #e6ebe6; border-bottom:solid 15px #e6ebe6; border-left:solid 15px #ffce29; border-top-left-radius:10px; -moz-border-top-left-radius:10px; -webkit-border-top-left-radius:10px; } body div#devskin12613581 .note a, body div#devskin12613581 .note a.external, body div#devskin12613581 .note .user-symbol { color:#E43A5D; font-weight:normal; text-shadow:none; transition:color 0.5s ease; -moz-transition:color 0.5s ease; -webkit-transition:color 0.5s ease; -ms-transition:color 0.5s ease; -o-transition:color 0.5s ease; } body div#devskin12613581 .note a:hover, body div#devskin12613581 a.external:hover, body div#devskin12613581 .note .username-with-symbol:hover .user-symbol { color:#AE1837; text-shadow:none; } body div#devskin12613581 .columns { display:block; overflow:hidden; } body div#devskin12613581 .columns p { background:transparent; display:inline-block; float:left; margin-right:1%; padding:0 0 10px 0; width:48%; } body div#devskin12613581 .interview { display:block; font-size:13px; font-style:normal; margin:0; padding:0; position:relative; } body div#devskin12613581 .interview .avatar { float:left; margin-top:25px; } body div#devskin12613581 .interview p { background:#FFFFFF; border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px; display:block; font-size:14px; margin:15px 0px 0px 70px; padding:15px; position:relative; } body div#devskin12613581 .interview p::after { content:' '; display:block; position:absolute; top:30px; left:-10px; border-top:solid 10px transparent; border-right:solid 10px #FFFFFF; border-bottom:solid 10px transparent; } body div#devskin12613581 .wide-box, body div#devskin12613581 .footer3, body div#devskin12613581 .footer2, body div#devskin12613581 .footer1 { background:#f3f5f3; padding:20px 0; position:relative; } body div#devskin12613581 .wide-box::before, body div#devskin12613581 .footer3::before, body div#devskin12613581 .footer2::before, body div#devskin12613581 .footer1::before { content:' '; background:#f3f5f3; display:block; position:absolute; top:0; left:-500px; bottom:0; overflow:visible; width:500px; } body div#devskin12613581 .wide-box::after, body div#devskin12613581 .footer3::after, body div#devskin12613581 .footer2::after, body div#devskin12613581 .footer1::after { content:' '; background:#f3f5f3; display:block; position:absolute; top:0; right:-500px; bottom:0; overflow:visible; width:500px; } /* ------------------------------ THUMBS ------------------------------ */ body div#devskin12613581 .shadow-holder, body div#devskin12613581 .embedded-deviation { background:#FFFFFF; margin:5px; padding:5px; transition:background 1s ease; -moz-transition:background 1s ease; -webkit-transition:background 1s ease; -ms-transition:background 1s ease; -o-transition:background 1s ease; } body div#devskin12613581 .shadow-holder:hover, body div#devskin12613581 .embedded-deviation:hover { background:#B73E62; } body div#devskin12613581 .shadow-holder .shadow a.thumb img, body div#devskin12613581 .embedded-deviation img, body div#devskin12613581 .shadow-holder a.lit { vertical-align:middle; } body div#devskin12613581 .shadow-holder a.lit { } body div#devskin12613581 .shadow-holder a.lit img { display:none; } body div#devskin12613581 .shadow-holder .wrap q { background:#F2F2F2; font-family:'Verdana', Helvetica, Arial, sans-serif; padding:5px; left:0px; right:0px; } body div#devskin12613581 .shadow-holder .wrap q strong { background:#e4375b; color:white; font-family:'Montserrat', Helvetica, Verdana, Arial, sans-serif; font-size:16px; font-weight:normal; margin:-5px -5px 5px -5px; padding:5px; text-shadow:#262F27 0px 1px 0px; } body div#devskin12613581 .feat { text-align:center; background:transparent; padding:0; margin:0; } /* ------------------------------ HEADER ------------------------------ */ body div#devskin12613581 .header { position:absolute; top:-280px; left:0; right:0; height:150px; z-index:99; overflow:visible!important; } body div#devskin12613581 .header .logo { background:url(https://fc04.deviantart.net/fs71/o/2014/186/9/7/465754808_1754482_head-logo.png) no-repeat center; background-position:bottom; height:100%; } body div#devskin12613581 .header .farewell { background:url(https://fc03.deviantart.net/fs70/o/2014/186/1/5/465754808_1754483_head-farewell.png) no-repeat center; background-position:bottom; background-size:contain; height:100%; } body div#devskin12613581 .header .welcome { background:url(https://fc05.deviantart.net/fs70/o/2014/186/b/c/465754808_1754484_head-welcome.png) no-repeat center; background-position:top; height:100%; } /* ------------------------------ MENU ------------------------------ */ body div#devskin12613581 .menu { background:#FFFFFF; display:block; position:relative; top:-48px; margin-left:-1000px; margin-right:-1000px; margin-bottom:-70px; min-height:70px; } body div#devskin12613581 .menu br { display:none; } body div#devskin12613581 .menu .links { margin-left:1072px; } body div#devskin12613581 .menu .links a { background:#FFFFFF; border:#e6ebe6 solid; border-width:0 1px; color:#E43A5D; display:block; float:left; font-size:12px; font-weight:bold; height:70px; line-height:15px; margin:0; padding:20px 10px 0 10px; text-shadow:none; text-transform:uppercase; transition:background 0.5s ease; -moz-transition:background 0.5s ease; -webkit-transition:background 0.5s ease; -ms-transition:background 0.5s ease; -o-transition:background 0.5s ease; width:120px; } body div#devskin12613581 .menu .links a:first-of-type { border-left:2px #e6ebe6 solid; } body div#devskin12613581 .menu .links a:last-of-type { border-right:2px #e6ebe6 solid; } body div#devskin12613581 .menu .links a:hover { background:#E6EBE6; } body div#devskin12613581 .gr-top .author { font-size:0; } body div#devskin12613581 .gr-top .author .username-with-symbol { font-size:0; } body div#devskin12613581 .gr-top .author .username-with-symbol .user-symbol { display:none; } body div#devskin12613581 .gr-top .author .avatar { background:#FFFFFF; border-left:2px #e6ebe6 solid; display:block!important; padding:10px; position:absolute; top:110px; left:0px; } body div#devskin12613581 .gr-top .author .avatar:hover { background:#E6EBE6; } body div#devskin12613581 .gr-top .author .avatar::after { content:'blub'; } body div#devskin12613581 .gr-top .author .avatar:hover .menu i { border-top:15px solid #E6EBE6; } body div#devskin12613581 .gr-top .avatar:hover { box-shadow:none; -moz-box-shadow:none; -webkit-box-shadow:none; opacity:1; filter:alpha(opacity=100); _zoom:1; } body div#devskin12613581 .cleaner { background:transparent; display:block; font-size:0; width:100%; } /* ------------------------------ FOOTER ------------------------------ */ /* see .wide-box for .footer */ body div#devskin12613581 .footer3, body div#devskin12613581 .footer2, body div#devskin12613581 .footer1 { font-size:13px; line-height:15px; padding:0; } body div#devskin12613581 .footer3 br, body div#devskin12613581 .footer2 br, body div#devskin12613581 .footer1 br { display:none; } body div#devskin12613581 .footer3 .item br, body div#devskin12613581 .footer2 .item br, body div#devskin12613581 .footer1 .item br { display:block; } body div#devskin12613581 .footer3 .item { display:inline-block; height:100%; margin-right:20px; padding:20px 0; min-width:220px; max-width:230px; vertical-align:top; bottom:0; } body div#devskin12613581 .footer2 .item { display:inline-block; height:100%; margin-right:20px; padding:20px 0; width:360px; vertical-align:top; bottom:0; } body div#devskin12613581 .footer1 .item { display:inline-block; height:100%; padding:20px 0; vertical-align:top; bottom:0; } body div#devskin12613581 .footer3 .item:last-of-type, body div#devskin12613581 .footer2 .item:last-of-type { margin-right:0; } body div#devskin12613581 .footer3 a, body div#devskin12613581 .footer2 a, body div#devskin12613581 .footer1 a { color:#E43A5D; font-weight:bold; text-shadow:none; text-transform:uppercase; } body div#devskin12613581 .footer3 a.external, body div#devskin12613581 .footer3 .user-symbol, body div#devskin12613581 .footer2 a.external, body div#devskin12613581 .footer2 .user-symbol, body div#devskin12613581 .footer1 a.external, body div#devskin12613581 .footer1 .user-symbol { color:#E43A5D; } body div#devskin12613581 .footer3 a:hover, body div#devskin12613581 .footer3 a.external:hover, body div#devskin12613581 .footer3 .username-with-symbol:hover .user-symbol, body div#devskin12613581 .footer2 a:hover, body div#devskin12613581 .footer2 a.external:hover, body div#devskin12613581 .footer2 .username-with-symbol:hover, body div#devskin12613581 .footer1 a:hover, body div#devskin12613581 .footer1 a.external:hover, body div#devskin12613581 .footer1 .username-with-symbol:hover .user-symbol { color:#B73E62; } body div#devskin12613581 .footer3 p, body div#devskin12613581 .footer2 p, body div#devskin12613581 .footer1 p { background:transparent; font-weight:bold; padding:0; margin-bottom:10px; text-shadow:none; text-transform:uppercase; } body div#devskin12613581 .footer3 .shadow-holder, body div#devskin12613581 .footer3 .embedded-deviation, body div#devskin12613581 .footer2 .shadow-holder, body div#devskin12613581 .footer2 .embedded-deviation, body div#devskin12613581 .footer1 .shadow-holder, body div#devskin12613581 .footer1 .embedded-deviation { background:#FFFFFF; margin:0 0 5px 0; padding:0; transition:background 1s ease; -moz-transition:background 1s ease; -webkit-transition:background 1s ease; -ms-transition:background 1s ease; -o-transition:background 1s ease; vertical-align:middle; } /* ------------------------------ TEAM BLOG ------------------------------ */ body div#devskin12613581 .text .team u { text-decoration:none; } body div#devskin12613581 .text .team u a { border-bottom:1px solid #262F27; text-decoration:none; } body div#devskin12613581 .team i, body div#devskin12613581 .team em { background:#f3f5f3; display:block; font-style:normal; margin:-10px 0; padding:3px 10px; transition:background 0.5s ease; -moz-transition:background 0.5s ease; -webkit-transition:background 0.5s ease; -ms-transition:background 0.5s ease; -o-transition:background 0.5s ease; overflow:hidden; } body div#devskin12613581 .team .gallery .username-with-symbol { display:block; float:right; margin:0 10px; } body div#devskin12613581 .team i:hover, body div#devskin12613581 .team em:hover { background:transparent; } body div#devskin12613581 .team em { padding-left:30px; } body div#devskin12613581 .team .gallery em:hover { background:transparent; } /* ------------------------------ MOBILE ------------------------------ */ @media only screen and (max-width: 767px) { body div#devskin12613581 .header { display:none; } } @media only screen and (max-width: 767px) { body div#devskin12613581 .gr-top { background:#e4375b; margin-top:0; } } @media only screen and (max-width: 767px) { body div#devskin12613581 .menu { margin:0 -20px; } } @media only screen and (max-width: 767px) { body div#devskin12613581 .menu .links { margin-left:0px; } } @media only screen and (max-width: 767px) { body div#devskin12613581 .menu .links a { border:#e6ebe6 solid; border-width:0 0 2px 0; display:block; height:40px; padding:14px 20px 0 20px; text-align:left; width:100%; } } @media only screen and (max-width: 767px) { body div#devskin12613581 .menu .links a:first-of-type { border-left:none; } } @media only screen and (max-width: 767px) { body div#devskin12613581 .menu .links a br { display:none; } } @media only screen and (max-width: 767px) { body div#devskin12613581 .gr-top .author { display:none; } } @media only screen and (max-width: 767px) { body div#devskin12613581 .footer3 .item, body div#devskin12613581 .footer2 .item { display:block; max-width:100%; } }
The CR Team
Want to Volunteer?
Current Contests
Community Projects
Previous CR Newsletters
cleaner
Featuring the 22nd edition of Digital oldies but goodies that I've added to my favorites over the 10+ years I've been here! I hope you will enjoy these as well and come back each Thursday for a new Throwback feature!
Mature Content
C.R.E.A.T.E.
CommunityRespect
Excellence
Artists
Trust
Empower.
Semi-official Community Relations group for the Traditional and Digital Typography and Digital Text Art galleries on dA.
Daily Deviations, Articles, Contests & Challenges.
Community Groups
Related content
Comments: 4
Always always MY pleasure!
👍: 0 ⏩: 0
