HOME | DD
Versipeli — deviantID
Published: 2018-01-11 23:26:39 +0000 UTC; Views: 2635; Favourites: 2; Downloads: 0
Redirect to original
Description
/* How to use this: DA will display your most recent featured journal. Post this, then put a journal widget on your page, with the parameters set to display one whole journal. As long as this is the most recent journal in your featured section, this will stick to your page. You can still post journals, but be sure to untick 'featured' at the very bottom before you submit. If you're worried about wanting to put more featured journals up, submit a handful of empty placeholders that you can edit and resubmit later before you post this. They won't technically be the most recent, so they won't affect this. */ /* ------------------------------------------------------------------------------------- */ /* D E C L U T T E R I N G */ /* ------------------------------------------------------------------------------------- */ /* hides all that nasty shit */ /* ------------------------------------------------------------------------------------- */ body div#devskin12076379 * { background:none; padding:0px; margin:0px; border:none; margin:0 auto; } body div#devskin12076379 { width:100%; margin:0 auto; text-align:center; } body div#devskin12076379 a { text-decoration:none!important; font-weight:normal!important; } body div#devskin12076379 a.external:after { display:none!important; } body div#devskin12076379 .journaltop img, body div#devskin12076379 .list, body div#devskin12076379 .journalbottom, body div#devskin12076379 .journaltop { display:none; } body div#devskin12076379 .user-symbol { display:none!important; } /* ------------------------------------------------------------------------------------- */ /* C O N T A I N E R S */ /* ------------------------------------------------------------------------------------- */ /* main boxes */ /* sub containers and images shrink and expand depending on screen res, unless defined */ /*CONTENT
*/
/* ------------------------------------------------------------------------------------- */
body div#devskin12076379 .container {
width:auto;
background:#5e4245 url(https://orig00.deviantart.net/6a8b/f/2018/023/2/f/backtile_by_versipeli-dc0wka0.gif);
border-left:40px solid #57383a;
border-right:40px solid #57383a;
border-radius:3px;
-moz-border-radius:3px;
-webkit-border-radius:3px;
padding:30px;
padding-top:40x;
padding-bottom:40px;
}
/* ------------------------------------------------------------------------------------- */
/* body text */
/* ------------------------------------------------------------------------------------- */
body div#devskin12076379 .text {
color:#c97d8c;
text-shadow:-1px -1px 0 #593537, 1px -1px 0 #593537, -1px 1px 0 #593537, 1px 1px 0 #593537;
font-family:'Palatino Linotype', 'Book Antiqua', Palatino, serif;
font-size:14px;
line-height:16x;
letter-spacing:1px;
z-index:99;
}
body div#devskin12076379 a {
color:#b96060;
}
body div#devskin12076379 a:hover {
color:#a36c7e;
transition:all 0.4s;
-moz-transition:all 0.4s;
-webkit-transition:all 0.4s;
-ms-transition:all 0.4s;
-o-transition:all 0.4s;
}
body div#devskin12076379 a:active {
color:#bd6262;
}
body div#devskin12076379 a:visited {
color:#a36c7e;
}
body div#devskin12076379 .emphasis {
display:inline-block;
color:#B87A99;
}
body div#devskin12076379 .emphasis2 {
display:inline-block;
color:#D6745C;
}
/* ------------------------------------------------------------------------------------- */
/* two different sized sub containers */
/* transparent; only restrict text width */
/* CONTENT
*/
/* CONTENT
*/
/* ------------------------------------------------------------------------------------- */
body div#devskin12076379 .container .sub {
width:50%;
margin:0 auto;
margin-top:-10px;
margin-bottom:-10px;
padding:0px;
}
body div#devskin12076379 .container .sub2 {
width:75%;
margin:0 auto;
margin-top:-10px;
margin-bottom:-10px;
padding:0px;
}
/* ------------------------------------------------------------------------------------- */
/* sub container with background */
/* CONTENT
*/
/* ------------------------------------------------------------------------------------- */
body div#devskin12076379 .container .sub3 {
width:75%;
margin:0 auto;
background:#57383a;
border-radius:3px;
-moz-border-radius:3px;
-webkit-border-radius:3px;
box-sizing:border-box;
-moz-box-sizing:border-box;
-webkit-box-sizing:border-box;
padding:15px;
}
body div#devskin12076379 .container .sub3 img {
opacity:0.9;
filter:alpha(opacity=90);
_zoom:1;
}
body div#devskin12076379 .container .sub3 img:hover {
opacity:1;
filter:alpha(opacity=100);
_zoom:1;
transition:all 0.4s;
-moz-transition:all 0.4s;
-webkit-transition:all 0.4s;
-ms-transition:all 0.4s;
-o-transition:all 0.4s;
}
/* ------------------------------------------------------------------------------------- */
/* bits and bobs */
/* ------------------------------------------------------------------------------------- */
body div#devskin12076379 .container img {
border-radius:3px;
-moz-border-radius:3px;
-webkit-border-radius:3px;
}
body div#devskin12076379 hr {
border-top:1px solid #964c4e;
margin-top:10px;
margin-bottom:10px;
}
/* ------------------------------------------------------------------------------------- */
/* different title texts */
/* TEXT
*/
/* div class='title2'>TEXT */
/* ------------------------------------------------------------------------------------- */
body div#devskin12076379 .title {
color:#a36c7e;
font-size:15px;
line-height:17px;
letter-spacing:2px;
margin-top:5px;
margin-bottom:5px;
padding:0px;
}
body div#devskin12076379 .title2 {
color:#b96060;
font-size:18px;
line-height:20px;
letter-spacing:4px;
margin-top:5px;
margin-bottom:5px;
padding:0px;
}
/* ------------------------------------------------------------------------------------- */
/* this one overlaps the content above it */
/* edit 'margin-top' to undo */
/* TEXT
*/
/* ------------------------------------------------------------------------------------- */
body div#devskin12076379 .title3 {
color:#b96060;
text-shadow:-1px -1px 0 #593537, 1px -1px 0 #593537, -1px 1px 0 #593537, 1px 1px 0 #593537;
font-size:45px;
line-height:46px;
letter-spacing:4px;
font-variant:small-caps;
margin:0px;
margin-bottom:-18px;
margin-top:-70px;
padding:0px;
}
/* ------------------------------------------------------------------------------------- */
/* L I N K S - modified from gasara */
/* ------------------------------------------------------------------------------------- */
/* two types; circle for icons and bar for text */
/* <'div class='row'>![]()
*/
/* */
/* ------------------------------------------------------------------------------------- */
body div#devskin12076379 .menu {
position:relative;
z-index:97;
display:table;
border-collapse:separate;
border-spacing:5px;
margin-top:-72px;
margin-bottom:-15px;
}
body div#devskin12076379 .row {
display:table-row;
}
/* ------------------------------------------------------------------------------------- */
/* styles & dimensions */
/* ------------------------------------------------------------------------------------- */
body div#devskin12076379 .menu a {
color:#b96060;
}
body div#devskin12076379 .circle {
width:50px;
height:50px;
border-radius:50px;
-moz-border-radius:50px;
-webkit-border-radius:50px;
vertical-align:middle;
text-align:center;
display:table-cell;
background-color:#57383a;
font-size:9pt;
text-transform:lowercase;
letter-spacing:2px;
}
body div#devskin12076379 .bar {
width:auto;
padding:10px;
border-radius:3px;
-moz-border-radius:3px;
-webkit-border-radius:3px;
vertical-align:middle;
text-align:center;
display:table-cell;
background-color:#57383a;
font-size:9pt;
text-transform:lowercase;
letter-spacing:2px;
}
body div#devskin12076379 .circle:hover {
background:#602d34;
transition:all 0.4s;
-moz-transition:all 0.4s;
-webkit-transition:all 0.4s;
-ms-transition:all 0.4s;
-o-transition:all 0.4s;
}
body div#devskin12076379 .bar:hover {
background:#602d34;
transition:all 0.4s;
-moz-transition:all 0.4s;
-webkit-transition:all 0.4s;
-ms-transition:all 0.4s;
-o-transition:all 0.4s;
}
/* ------------------------------------------------------------------------------------- */
/* M U S I C . P L A Y E R - modified from codingtrash */
/* ------------------------------------------------------------------------------------- */
/* container with an image and several mini music players */
/* works really well with a 500px wide gif */
/* larger images will shrink to fit & fill */
/* play button appears on hover */
/* :thumbxxxxxx::thumbxxxxxx::thumbxxxxxx:
*/
/* :bigthumbxxxxxx::bigthumbxxxxxx:
*/
/* the containers can be placed side by side */
/* best to only use one large thumbnail */
/* the mini squares have a left float, so the mini container should come second */
/* :bigthumbxxxxxx:
:thumbxxxxxx::thumbxxxxxx::thumbxxxxxx:
*/
/* ------------------------------------------------------------------------------------- */
body div#devskin12076379 .mini {
display:inline-block;
width:50%;
padding:0 auto;
margin:0 auto;
z-index:99;
}
body div#devskin12076379 .large {
display:inline-block;
vertical-align:top;
margin:0 auto;
z-index:99;
}
/* ------------------------------------------------------------------------------------- */
/* styles & dimensions */
/* ------------------------------------------------------------------------------------- */
body div#devskin12076379 .mini .shadow-holder {
display:inline-block;
float:left;
overflow:hidden;
background:#57383a;
width:85px;
height:85px;
border:3px solid #472f31;
border-radius:3px;
-moz-border-radius:3px;
-webkit-border-radius:3px;
margin:5px;
}
body div#devskin12076379 .large .shadow-holder {
display:inline-block;
overflow:hidden;
background:#472f31;
width:210px;
height:250px;
border:3px solid #57383a;
border-radius:3px;
-moz-border-radius:3px;
-webkit-border-radius:3px;
margin:5px;
}
body div#devskin12076379 .large .alt {
display:inline-block;
overflow:hidden;
background:#472f31;
width:210px;
height:250px;
border:3px solid #57383a;
border-radius:3px;
-moz-border-radius:3px;
-webkit-border-radius:3px;
margin:5px;
}
body div#devskin12076379 .mini .shadow-holder img {
width:auto;
height:150px;
overflow:hidden;
padding:0px;
max-width:none;
margin:-25px 0 0 -15px;
border-radius:3px;
-moz-border-radius:3px;
-webkit-border-radius:3px;
opacity:0.9;
filter:alpha(opacity=90);
_zoom:1;
}
body div#devskin12076379 .large .shadow-holder img {
height:300px;
width:auto;
overflow:hidden;
padding:0px;
max-width:none;
margin:-15px 0 0 -15px;
border-radius:3px;
-moz-border-radius:3px;
-webkit-border-radius:3px;
opacity:0.9;
filter:alpha(opacity=90);
_zoom:1;
}
body div#devskin12076379 .large .alt img {
height:300px;
width:auto;
overflow:hidden;
padding:0px;
max-width:none;
margin:-15px 0 0 -15px;
border-radius:3px;
-moz-border-radius:3px;
-webkit-border-radius:3px;
opacity:0.9;
filter:alpha(opacity=90);
_zoom:1;
}
body div#devskin12076379 .mini .shadow-holder:hover img {
position:absolute!important;
background:#57383a;
min-width:0px;
min-height:0px;
padding:3px;
margin:-25px 0 0 -53px;
border-radius:3px;
-moz-border-radius:3px;
-webkit-border-radius:3px;
opacity:1;
filter:alpha(opacity=100);
_zoom:1;
z-index:99;
}
body div#devskin12076379 .large .shadow-holder:hover img {
position:absolute!important;
background:#57383a;
padding:3px;
margin:-25px 0 0 -118px;
border-radius:3px;
-moz-border-radius:3px;
-webkit-border-radius:3px;
opacity:1;
filter:alpha(opacity=100);
_zoom:1;
z-index:99;
}
body div#devskin12076379 .large .alt:hover img {
position:absolute!important;
background:#57383a;
padding:3px;
margin:-25px 0 0 -118px;
border-radius:3px;
-moz-border-radius:3px;
-webkit-border-radius:3px;
opacity:1;
filter:alpha(opacity=100);
_zoom:1;
z-index:99;
}
▼
e r s i p e l i
Versipel
: that which has a form or nature that changes often ∙
Seren V
∙ Aspiring concept artist / illustrator ∙ Introvert ∙ Liberal ∙ Capricorn ∙
☽
Yharnamite
❤
flora & fauna, witches & warlocks, monsters, eldritch horrors, victoriana, dark fantasy, video games, soulsborne, strega fashion, vulture culture, bones, gemstones, celestial bodies, science, ale, tea, cats, wolves, doom & goth & post metal
t r i u m v i r a t e icons: Kiri-Nic
Related content
Comments: 0