Welcome to Gaia! :: View User's Journal | Gaia Journals

/* User-chosen Profile Theme */

.panel{padding: 15px;}
.panel h2{margin:-5px -5px 10px -5px;padding:5px 6px;background:#aaa;text-align:left;text-transform:uppercase;font-weight:bold;color:#fff;font-size:10px;}
html { background: url(https://graphics.gaiaonline.com/images/profiles/v2/backgrounds/bg_wallpaper.jpg) repeat; }
body { background: no-repeat; }
.panel h2{background:#3D8AD0;color:#fff;}
.panel{background:#fff;color:#000;}
a{color:#D37B14;}
#header a{color:#D37B14;}

/* User-specified Theme Background */
html,body{background:url([list][*][b][/b][b][/b][b][/b][*][*][b][i][/i][i][/i][i][/i][i][/i][i][/i][i][/i][i][/i][i][/i][i][/i][i][/i][i][/i][i][/i][i][/i][i][/i][i][/i][i][/i][i][/i][/b][b][/b][*][b][i][/i][i][/i][/b][b][/b][b][/b][b][/b][b][/b][b][/b][b][/b][b][/b][b][/b][b][/b) repeat 0 0;}

/* User-specified Theme Override CSS */
/* Profile by AlthIndor */

:root {
--h-brt: #FFFFFF;
--h-mid: #FFF0F0;
--s-mid: #FFD0D0;
--s-drk: #FFB0B0;
--title: #9BEE9B;
--wndow: #FFFFFF;
--textc: #909090;
}

html, body {
background: #D2ECFF;
font: 12px 'Open Sans', sans-serif;
}
a {text-decoration: none !important;}
* {cursor: url('https://cur.cursors-4u.net/nature/nat-4/nat317.png') 0 10, auto !important;}

#panel-details {
position: absolute;
top: 30px;
left: 0;
}

#panel-details div, #panel-details::after {
width: 74px;
height: 50px;
color: #FFFFFF;
line-height: 85px;
text-align: center;
margin-bottom: 25px;
}
#panel-details h2 {display: none;}

#panel-details .hd::before {content: 'Computer';}
#panel-details .bd::before {content: 'Documents';}
#panel-details .ft::before {content: 'Network';}

#panel-details::after {
content: 'Trash Bin';
display: block;
}

/* Icon Sheet */

#gaia_header li:nth-child(n+2) a,
#panel-details div,
#panel-details::after,
#id_footprints .item,
.custom_panel li:nth-child(1),
.custom_panel li:nth-child(3)::after {
background: url('https://i.imgur.com/bPUNWOf.png') no-repeat;
}

.custom_panel li:nth-child(1)::after {
-webkit-mask: url('https://i.imgur.com/bPUNWOf.png') 0 -236px no-repeat;
mask: url('https://i.imgur.com/bPUNWOf.png') 0 -236px no-repeat;
}

#gaia_header li a[href*='mygaia'] {background-position-y: -22px;}
#gaia_header li a[href*='market'] {background-position-y: -44px;}
#gaia_header li a[href*='forum'] {background-position-y: -66px;}
#gaia_header li a[href*='world'] {background-position-y: -88px;}
#gaia_header li a[href*='games'] {background-position-y: -110px;}
#gaia_header li a[href*='=edit'] {background-position-y: -132px;}
#gaia_header li a[href*='logout'] {background-position-y: -154px;}
#gaia_header li a[href*='report'] {background-position-y: -176px;}
#header_right li:nth-of-type(2) a:not([href*='edit']) {background-position-y: -132px;}

#panel-details .hd {background-position-y: -467px;}
#panel-details .bd {background-position-y: -519px;}
#panel-details .ft {background-position-y: -571px;}
#panel-details::after {background-position-y: -623px;}

#id_footprints .item {background-position-y: bottom;}

.custom_panel li:nth-child(1) {background-position-y: -207px;}
.custom_panel li:nth-child(3)::after {background-position-y: -258px;}

/* Fonts */

@font-face {
font-family: 'Open Sans';
font-style: normal;
font-weight: 400;
src: local('Open Sans Regular'), local('OpenSans-Regular'), url('https://fonts.gstatic.com/s/opensans/v34/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTS-muw.woff2') format('woff2');
}

@font-face {
font-family: 'Open Sans';
font-style: normal;
font-weight: 700;
src: local('Open Sans Bold'), local('OpenSans-Bold'), url('https://fonts.gstatic.com/s/opensans/v34/memSYaGs126MiZpBA-UvWbX2vVnXBbObj2OVZyOOSr4dVJWUgsg-1x4gaVI.woff2') format('woff2');
}

/* Header */

#viewer #gaia_header, #viewer #gaia_header li {display: flex !important;}
#viewer #gaia_header img {display: none !important;}
#header_left li:nth-child(2) {order: -1;}

#viewer #gaia_header {
background: var(--wndow) !important;
height: 26px !important;
padding: 2px !important;
box-shadow: 0 1px var(--s-mid),
0 2px var(--s-drk);
box-sizing: border-box;
gap: 3px;
}

#viewer #gaia_header ul {
display: contents !important;
font: 400 0/21px 'Open Sans', sans-serif !important;
text-align: left !important;
}

#gaia_header a, #gaia_header a::before, #header_right::after {font-size: 12px !important;}
#gaia_header a, #header_right::after {color: var(--textc) !important;}
#gaia_header a {font-weight: 400;}

#header_left .spacer {
margin: 0 1px 0 -1px;
padding: 2px 0 0 4px;
box-shadow:
1px 0 var(--s-mid) inset,
2px 0 var(--h-brt) inset;
}

#header_left .spacer::before {
content: '';
width: 3px;
height: 18px;
box-shadow:
-1px -1px var(--s-mid) inset,
1px 1px var(--h-brt) inset;
}

#header_right li:nth-child(1) {
flex-grow: 1;
justify-content: right;
order: 1;
}
#header_right li:nth-child(1) a:hover {font-weight: 700;}

#header_right::after {
content: '12:01 PM';
margin: 0 0 0 3px;
padding: 0 8px;
border-left: 2px solid transparent;
box-shadow:
-1px 0 var(--h-brt),
-2px 0 var(--s-mid),
-1px -1px var(--h-brt) inset,
+1px +1px var(--s-mid) inset;
order: 2;
}

#header_right :is(a[href*='edit'], a[href*='logout'], a[href*='report']) {font-size: 0 !important;}
#header_right a[href*='edit']::before {content: 'Editor';}
#header_right a[href*='logout']::before {content: 'Logout';}
#header_right a[href*='report']::before {content: 'Report';}

#gaia_header li:nth-child(n+2) a {
width: 97px;
padding: 0 0 0 23px;
box-shadow:
-1px -1px var(--s-drk) inset,
+1px +1px var(--h-brt) inset,
-2px -2px var(--s-mid) inset,
+2px +2px var(--h-mid) inset;
}
#header_left li:nth-child(2) a {width: 31px;}

/* Columns */

#columns, #column_1 {
width: 640px;
height: 480px;
}

#columns {
top: calc(50% - 240px);
left: calc(50% - 320px);
contain: layout;
}

#columns .column {
font-size: 0;
margin: 0;
position: absolute;
}
#column_3 {display: contents;}

#column_2 {
width: calc(100% - 10px);
height: calc(100% - 122px);
top: 44px;
left: 4px;
}

/* Panels */

.panel, .panel h2 {
color: var(--textc);
font: 400 12px 'Open Sans', sans-serif;
margin: 0;
padding: 0;
}

#column_1 .panel, #column_3 .panel {background: none;}
#column_1 h2, #column_3 h2 {display: none;}

.panel {
position: absolute;
box-sizing: border-box;
overflow: hidden;
}

.panel .clear {display: none;}
.panel a {color: var(--title);}
.panel img:not(.avatarImage) {max-width: 100% !important;}

#column_2 .panel {
background: linear-gradient(#FFF0 3px, #FFFF 3px, #FFFF calc(100% - 3px), #FFF0 calc(100% - 3px)) local padding-box;
width: 100%;
height: 100%;
padding: 13px 10px;
top: -100%;
right: 0;
border-left: 62px solid transparent;
overflow-y: scroll;
}
#column_2 .panel:hover {top: 0;}

.spoiler-control, #id_comments :is(h2 + div a, h2 ~ p a) {
background: var(--wndow);
width: 100px;
height: 22px;
font: inherit;
text-transform: capitalize;
border: none;
box-shadow:
-1px -1px var(--s-drk) inset,
+1px +1px var(--h-mid) inset,
-2px -2px var(--s-mid) inset,
+2px +2px var(--h-brt) inset;
}

.spoiler-revealed {
padding: 4px;
border: 1px dotted var(--title);
}
.spoiler-revealed .spoiler-control {margin-bottom: 4px;}

/* Panel Headers, Contact Buttons */

#column_2 h2, #id_contact, #id_contact * {height: 18px;}
#id_contact {left: 239px;}

#column_2 h2, #id_contact {
line-height: 18px;
font-weight: 400;
text-align: center;
text-transform: capitalize;
position: fixed;
top: 23px;
}

#column_2 h2 {
background: none;
cursor: default;
}
#column_2 h2::first-letter {text-decoration: underline;}

#about_title {
width: 48px;
left: 4px;
}

#wishlist_title {
width: 58px;
left: 52px;
}

#comments_title {
width: 74px;
left: 110px;
}

#footprints_title {
width: 55px;
left: 184px;
}

#id_contact li {
float: left;
position: relative;
}

#id_contact li * {
display: block;
color: inherit;
font-size: 0;
font-weight: inherit;
padding: 0 7px;
}

#id_contact li *::before {font-size: 12px;}
#id_contact li:nth-child(1) *::before {content: 'Friend';}
#id_contact li:nth-child(2) *::before {content: 'Message';}
#id_contact li:nth-child(3) *::before {content: 'Trade';}

#id_contact li a::after {
content: ' ';
background: currentColor;
height: 1px;
position: absolute;
left: 7px;
top: 14px;
}
#id_contact li:nth-child(1) a::after {width: 6px;}
#id_contact li:nth-child(2) a::after {width: 10px;}
#id_contact li:nth-child(3) a::after {width: 7px;}

#column_2 .panel:hover h2 {
text-indent: 2px;
line-height: 20px;
box-shadow:
-1px -1px var(--h-brt) inset,
+1px +1px var(--s-mid) inset;
}
#column_2 .panel:hover h2 {border-bottom: 3px solid transparent;}

#id_contact li a:hover {
box-shadow:
-1px -1px var(--s-mid) inset,
+1px +1px var(--h-brt) inset;
}

/* Comments */

#id_comments #alerts_banner {display: none;}
#id_comments #alert_container {display: contents;}

#id_comments dl {
clear: both;
margin-top: 42px;
}

#id_comments dt {
display: flex;
justify-content: space-between;
height: 0;
line-height: 1;
text-align: left;
margin: 0 0 0 60px;
padding: 0;
position: relative;
border: none;
}

#id_comments dd {
display: grid;
grid-template: max-content 1fr / max-content calc(100% - 60px);
gap: 0 8px;
margin: 0 0 20px 0;
}
#id_comments dd:last-of-type {margin: 0;}

#id_comments .dropBox, #id_comments .dropBox::after {
width: 52px;
height: 52px;
}

#id_comments .dropBox {
grid-area: 1/1/3/2;
background: var(--s-mid);
position: relative;
overflow: hidden;
}

#id_comments .dropBox img {
width: 120px;
height: 150px;
margin: -28px 0 0 -45px;
}

#id_comments .dropBox::after {
content: '';
position: absolute;
top: 0;
box-shadow:
-1px -1px var(--h-brt) inset,
+1px +1px var(--s-mid) inset,
-2px -2px var(--h-mid) inset,
+2px +2px var(--s-drk) inset;
}

#id_comments .deletecomment {
grid-row: 2;
display: flex;
float: none;
margin: 0;
}
#id_comments .deletecomment a:first-child {order: -1;}
#id_comments .deletecomment br {display: none;}

#id_comments .deletecomment::before {
content: ' or ';
white-space: pre;
}

#id_comments .postcontent::before {
content: ' ';
display: block;
white-space: pre;
margin: 0 0 2px 0;
border-bottom: 1px dotted var(--title);
}

/* Comments Buttons */

#id_comments :is(h2 + div, h2 ~ p) {
width: calc(50% - 4px);
height: 22px;
text-align: center;
}
#id_comments h2 + div {float: left;}

#id_comments h2 ~ p {
float: right;
margin: 0;
}

#id_comments :is(h2 + div, h2 ~ p) a {
display: block;
width: 100%;
height: 100%;
color: inherit;
line-height: 23px;
}
#id_comments h2 + div a {font-size: 0;}

#id_comments h2 + div a::before {
content: 'Post New Comment';
font-size: 12px;
}

/* Wish List */

#id_wishlist .item {
float: none;
width: max-content;
height: 30px;
position: relative;
}
#id_wishlist .item:nth-of-type(n+2) {margin-top: 4px;}

#id_wishlist a {
display: flex;
align-items: center;
color: inherit;
font-weight: 400;
}
#id_wishlist a:hover {color: #FFFFFF;}

#id_wishlist a::before {
background: var(--title);
width: 30px;
height: 30px;
position: absolute;
mix-blend-mode: color;
}
#id_wishlist a:hover::before {content: '';}

#id_wishlist a::after {
content: attr(title);
margin-left: 2px;
padding: 2px 6px 2px 4px;
}

#id_wishlist a:hover::after {
background: var(--title);
outline: 1px dotted var(--title);
outline-offset: -1px;
box-shadow: 0 0 0 1px lightyellow inset;
}

.owner_checkmark, .private_checkmark {
margin: 0;
z-index: unset;
pointer-events: none;
}
.premium_sparkle {display: none;}

.owner_checkmark {
background: url('https://i.imgur.com/UzAXOFf.png') 0 -88px var(--title);
width: 0;
padding: 10px 12px 0 0;
bottom: 0;
border: 1px solid var(--title);
border-width: 1px 0;
}

.private_checkmark {
position: unset;
order: 1;
}

/* Visitors */

#id_footprints .item {
display: grid;
grid-auto-flow: column;
justify-content: left;
height: 16px;
line-height: 16px;
padding-left: 19px;
}
#id_footprints .item:nth-child(n+2) {margin-top: 2px;}

#id_footprints .item::before {
content: ' visited ';
white-space: pre;
grid-column: 2;
}
#id_footprints .item::after {content: '.';}

/* MS Paint Theme */

.custom_panel,
.custom_panel :is(div, ul) {
width: 100%;
height: 100% !important;
top: 0;
}

.custom_panel ul,
.custom_panel li:nth-child(3),
.custom_panel li:nth-child(4) {
display: grid;
}

.custom_panel ul {
grid-template: 18px 20px 1fr 47px 25px / 100%;
background: var(--wndow);
margin: 0 !important;
padding: 4px;
box-shadow:
-1px -1px var(--s-drk) inset,
+1px +1px var(--h-mid) inset,
-2px -2px var(--s-mid) inset,
+2px +2px var(--h-brt) inset;
box-sizing: border-box;
}

.custom_panel li:nth-child(1),
.custom_panel li:nth-child(5) {
display: flex;
}

.custom_panel li:nth-child(1) {
background-color: var(--title);
color: #FFFFFF;
font-weight: 900;
line-height: 14px;
padding: 2px 2px 2px 20px;
}

.custom_panel li:nth-child(1)::before {
content: 'untitled - Paint';
flex-grow: 1;
}

.custom_panel li:nth-child(1) b {
background: var(--wndow);
width: 16px;
height: 14px;
box-shadow:
-1px -1px var(--s-drk) inset,
+1px +1px var(--h-brt) inset,
-2px -2px var(--s-mid) inset,
+2px +2px var(--h-mid) inset;
}
.custom_panel li:nth-child(1) b:last-child {margin-left: 2px;}

.custom_panel li:nth-child(1)::after,
.custom_panel li:nth-child(3)::after {
content: '';
position: absolute;
}

.custom_panel li:nth-child(1)::after {
background: var(--textc);
width: 50px;
height: 14px;
top: 8px;
right: 6px;
}

.custom_panel li:nth-child(3) {
grid-template: 100% / 57px 1fr;
gap: 1px;
background: var(--s-mid);
padding-top: 1px;
border: 1px solid var(--h-brt);
border-width: 0 1px 1px 0;
}

.custom_panel li:nth-child(3) b:first-child {
background: var(--wndow);
padding-left: 4px;
border-top: 1px solid var(--h-brt);
border-bottom: 1px solid var(--s-mid);
overflow: hidden;
}

.custom_panel li:nth-child(3) i {
display: block;
float: left;
width: 25px;
height: 25px;
box-shadow:
-1px -1px var(--s-drk) inset,
+1px +1px var(--h-brt) inset,
-2px -2px var(--s-mid) inset;
}
.custom_panel li:nth-child(3) i:nth-last-child(n+16) {margin-top: -2px;}

.custom_panel li:nth-child(3) i:last-child {
width: 40px;
height: 65px;
margin: 3px 0 0 4px;
box-shadow:
+1px +1px var(--s-mid) inset,
+1px +1px var(--h-brt);
}

.custom_panel li:nth-child(3) b:last-child {
border: 1px solid var(--h-mid);
border-width: 0 1px 1px 0;
box-shadow: 1px 1px var(--s-drk) inset;
}

.custom_panel li:nth-child(3)::after {
width: 50px;
height: 200px;
top: 43px;
left: 8px;
}

.custom_panel li:nth-child(4) {
grid-template: 16px 16px / 31px repeat(14, 16px);
grid-auto-flow: column;
align-content: center;
}

.custom_panel li:nth-child(4) b {
box-shadow:
-1px -1px var(--h-brt) inset,
+1px +1px var(--s-mid) inset,
-2px -2px var(--wndow) inset,
+2px +2px var(--s-drk) inset;
}

.custom_panel li:nth-child(4) b:first-child {
grid-row: 1/3;
background: #FFFFFF80;
position: relative;
}

.custom_panel li:nth-child(4) i {
width: 13px;
height: 13px;
position: absolute;
border: 1px solid transparent;
border-color: var(--h-brt) var(--s-mid) var(--s-mid) var(--h-brt);
box-shadow: 0 0 0 1px var(--wndow) inset;
}

.custom_panel li:nth-child(4) i:first-child {
background: var(--color2);
right: 5px;
bottom: 5px;
}

.custom_panel li:nth-child(4) i:last-child {
background: var(--color1);
top: 5px;
left: 4px;
}

.custom_panel li:nth-child(5) {
gap: 2px;
padding-top: 4px;
box-shadow:
0 +1px var(--s-mid) inset,
0 +2px var(--h-brt) inset;
}

.custom_panel li:nth-child(5) b {
font-weight: 400;
line-height: 21px;
padding: 0 2px;
box-shadow:
-1px -1px var(--h-brt) inset,
+1px +1px var(--s-mid) inset;
}

.custom_panel li:nth-child(5) b:nth-child(1) {flex-grow: 1;}
.custom_panel li:nth-child(5) b:nth-child(1)::before {content: 'For Help, click Help Topics on the Help Menu.';}
.custom_panel li:nth-child(5) b:nth-child(n+2) {width: 113px;}

/* Paint Custom Colors */

:root {
--color1: #FFA0A0;
--color2: #FFF;
}

.custom_panel li:nth-child(4) b:nth-child(02) {background-color: var(--color1);}
.custom_panel li:nth-child(4) b:nth-child(03) {background-color: var(--color2);}
.custom_panel li:nth-child(4) b:nth-child(04) {background: #FFC4C4;}
.custom_panel li:nth-child(4) b:nth-child(05) {background: #FFECEC;}
.custom_panel li:nth-child(4) b:nth-child(06) {background: #FEB978;}
.custom_panel li:nth-child(4) b:nth-child(07) {background: #FED64B;}
.custom_panel li:nth-child(4) b:nth-child(08) {background: #FFF584;}
.custom_panel li:nth-child(4) b:nth-child(09) {background: #FFFCD2;}
.custom_panel li:nth-child(4) b:nth-child(10) {background: #4BE04B;}
.custom_panel li:nth-child(4) b:nth-child(11) {background: #9BEE9B;}
.custom_panel li:nth-child(4) b:nth-child(12) {background: #CAF7CA;}
.custom_panel li:nth-child(4) b:nth-child(13) {background: #D2ECFF;}
.custom_panel li:nth-child(4) b:nth-child(14) {background: #8ACDFF;}
.custom_panel li:nth-child(4) b:nth-child(15) {background: #B7E0FF;}
.custom_panel li:nth-child(4) b:nth-child(16) {background: #B696B6;}
.custom_panel li:nth-child(4) b:nth-child(17) {background: #F3C4FF;}
.custom_panel li:nth-child(4) b:nth-child(18) {background: #FEB978;}
.custom_panel li:nth-child(4) b:nth-child(19) {background: #FED64B;}
.custom_panel li:nth-child(4) b:nth-child(20) {background: #FFF584;}
.custom_panel li:nth-child(4) b:nth-child(21) {background: #FFFCD2;}
.custom_panel li:nth-child(4) b:nth-child(22) {background: #4BE04B;}
.custom_panel li:nth-child(4) b:nth-child(23) {background: #9BEE9B;}
.custom_panel li:nth-child(4) b:nth-child(24) {background: #CAF7CA;}
.custom_panel li:nth-child(4) b:nth-child(25) {background: #D2ECFF;}
.custom_panel li:nth-child(4) b:nth-child(26) {background: #8ACDFF;}
.custom_panel li:nth-child(4) b:nth-child(27) {background: #B7E0FF;}
.custom_panel li:nth-child(4) b:nth-child(28) {background: #B696B6;}
.custom_panel li:nth-child(4) b:nth-child(29) {background: #F3C4FF;}

/* Put Image Here */

.custom_panel li:nth-child(3) b:last-child {background: url('');}

#gaia_header {display:block !important; position:relative !important; top:0px !important; left:0px !important; width:100% !important; height:25px !important; margin:0 !important; padding:0 !important; z-index:9999 !important; font-size:11px !important;}
#header_left {display:block !important; position:relative !important; top:0px !important; float:left !important; width:49% !important; height:25px !important; line-height:24px !important; margin:0 !important; padding:0 !important; z-index:9999 !important; font-size:11px !important; text-align:left !important;}
#header_right {display:block !important; position:relative !important; top:0px !important; right:0px !important; width:49% !important; height:25px !important; line-height:24px !important; margin:0 !important; padding:0 !important; z-index:9999 !important; font-size:11px !important; text-align:right !important;}
#header_left img {display:inline !important;}
#header_left ul {display:inline !important;}
#header_right ul {display:inline !important;}
#header_left li {display:inline !important;}
#header_right li {display:inline !important;}
#header_left a {display:inline !important;}
#header_right a {display:inline !important;}