GRAY FOR KNOWLEDGE BEST UNTOLD | MARS'S PLOTTER
Jun 15, 2020 19:19:52 GMT -5
Post by Deleted on Jun 15, 2020 19:19:52 GMT -5
[nospaces][googlefont=Roboto|Raleway:400,900]
[newclass=.jarsaf] width:620px; display:flex; margin:0 auto; flex-wrap:wrap; line-height:100%; } .jarsaf1 { width:200px; height:200px; background:#060606; margin-right:10px; margin-bottom:10px; position:relative; overflow:hidden; } .jarsafw { width:180px; height:180px; position:absolute; top:210px; left:10px; background:#000; transition:all 0.7s ease-in-out; z-index:2; } .jarsaf1:hover .jarsafw { top:10px; } .jarsaf2 { width:200px; height:200px; background:#060606; margin-bottom:10px; margin-right:10px; position:relative; overflow:hidden; } .jarsaf2:hover .jarsafw { top:10px; } .jarsaf3 { width:200px; height:200px; background:#060606; position:relative; overflow:hidden; } .jarsaf3:hover .jarsafw { top:10px; } .jarsaf4 { width:200px; height:200px; background:#060606; margin-right:10px; position:relative; overflow:hidden; } .jarsaf4:hover .jarsafw { top:10px; } .jarsaf5 { width:200px; height:200px; background:#060606; margin-bottom:10px; margin-right:10px; position:relative; overflow:hidden; } .jarsaf5:hover .jarsafw { top:10px; } .jarsaf6 { width:200px; height:200px; background:#060606; margin-bottom:10px; position:relative; overflow:hidden; } .jarsaf6:hover .jarsafw { top:10px; } .jarsaficon { width:90px; height:90px; padding:5px; background:#000; margin: 0 auto; margin-top:25px; border-radius:10px } .jarsaficon img { width:90px; height:90px; border-radius:6px; } .jarsafname { width:190px; padding:5px; background:#000; font-family:Raleway; font-weight:900; color:#573718; text-transform:uppercase; font-size:10px; letter-spacing:1px; text-align:center; line-height:100%; z-index:5; position:absolute; bottom:35px; transition:all 0.7s ease-in-out; box-shadow:0px 1px #573718; } .jarsafname a { font-family:Raleway; font-weight:900; color:#000; text-transform:uppercase; font-size:10px; letter-spacing:1px; text-decoration:none; } .jarsaf1:hover .jarsafname { bottom:10px; box-shadow:0px -1px #44633e; } .jarsaf2:hover .jarsafname { bottom:10px; box-shadow:0px -1px #7e4aa7; } .jarsaf3:hover .jarsafname { bottom:10px; box-shadow:0px -1px #c7863d; } .jarsaf4:hover .jarsafname { bottom:10px; box-shadow:0px -1px #b93939; } .jarsaf5:hover .jarsafname { bottom:10px; box-shadow:0px -1px #d86d86; } .jarsaf6:hover .jarsafname { bottom:10px; box-shadow:0px -1px #47597e; } .jarsaftext { font-family:Roboto; font-size:10px; text-align:justify; padding:20px; padding-left:15px; padding-right:13px; padding-top:15px; line-height:13px; overflow:auto; height:105px; position:absolute; top:5px; left:5px; width:145px; } .jarsaftext::-webkit-scrollbar {width:5px;} .jarsaftext::-webkit-scrollbar-track {border:2px solid #573718;background:#000;} .jarsaftext::-webkit-scrollbar-thumb {background:#000;border:1px solid #573718;} .jarsaftext b { padding:8px; border:1px solid #573718; font-family:Raleway; font-weight:900; color:#573718; font-size:12px; float:left; margin-right:10px; margin-bottom:0px; } .jarsafcred { font-family:Roboto; font-size:8px; letter-spacing:1px; color:#ccc; text-align:center; margin-top:3px; width:100%; } .jarsafcred a { color:#ccc; text-decoration:none; font-size:8px; font-family:Roboto; letter-spacing:1px;[/newclass]
[attr="class","jarsaf"]
[attr="class","jarsaf1"]
[attr="class","jarsaficon"]
[attr="class","jarsafname"]
queen avalon
queen avalon
[attr="class","jarsafw"]
[attr="class","jarsaftext"]
FRIENDS coming soon.
[break][break]ENEMIES coming soon.
[break][break]ROMANCE coming soon.
FRIENDS coming soon.
[break][break]ENEMIES coming soon.
[break][break]ROMANCE coming soon.
[attr="class","jarsaf2"]
[attr="class","jarsaficon"]
[attr="class","jarsafname"]
elmira z. vane
elmira z. vane
[attr="class","jarsafw"]
[attr="class","jarsaftext"]
FRIENDS coming soon.
[break][break]ENEMIES coming soon.
[break][break]ROMANCE coming soon.
FRIENDS coming soon.
[break][break]ENEMIES coming soon.
[break][break]ROMANCE coming soon.
[attr="class","jarsaf3"]
[attr="class","jarsaficon"]
[attr="class","jarsafname"]
marceline m. turner
marceline m. turner
[attr="class","jarsafw"]
[attr="class","jarsaftext"]
FRIENDS coming soon.
[break][break]ENEMIES coming soon.
[break][break]ROMANTIC coming soon.
FRIENDS coming soon.
[break][break]ENEMIES coming soon.
[break][break]ROMANTIC coming soon.
[attr="class","jarsaf4"]
[attr="class","jarsaficon"]
[attr="class","jarsafname"]
lailah e. frye
lailah e. frye
[attr="class","jarsafw"]
[attr="class","jarsaftext"]
FRIENDS coming soon!
[break][break]ENEMIES coming soon!
[break][break]ROMANCE coming soon!
FRIENDS coming soon!
[break][break]ENEMIES coming soon!
[break][break]ROMANCE coming soon!
[attr="class","jarsaf5"]
[attr="class","jarsaficon"]
[attr="class","jarsafname"]
kaia a. oliver
kaia a. oliver
[attr="class","jarsafw"]
[attr="class","jarsaftext"]
FRIENDS coming soon!
[break][break]ENEMIES coming soon!
[break][break]ROMANTIC coming soon!
FRIENDS coming soon!
[break][break]ENEMIES coming soon!
[break][break]ROMANTIC coming soon!
[attr="class","jarsaf6"]
[attr="class","jarsaficon"]
[attr="class","jarsafname"]
arianna a. fairstar
arianna a. fairstar
[attr="class","jarsafw"]
[attr="class","jarsaftext"]
FRIENDS coming soon!
[break][break]ENEMIES coming soon!
[break][break]ROMANTIC coming soon!
FRIENDS coming soon!
[break][break]ENEMIES coming soon!
[break][break]ROMANTIC coming soon!
[attr="class","jarsaf"]
[attr="class","jarsaf6"]
[attr="class","jarsaficon"]
[attr="class","jarsafname"]
bridget n. starkfeather
bridget n. starkfeather
[attr="class","jarsafw"]
[attr="class","jarsaftext"]
FRIENDS coming soon.
[break][break]ENEMIES coming soon.
[break][break]ROMANCE coming soon.
FRIENDS coming soon.
[break][break]ENEMIES coming soon.
[break][break]ROMANCE coming soon.
[attr="class","jarsaf5"]
[attr="class","jarsaficon"]
[attr="class","jarsafname"]
inga r. zhou
inga r. zhou
[attr="class","jarsafw"]
[attr="class","jarsaftext"]
FRIENDS coming soon.
[break][break]ENEMIES coming soon.
[break][break]ROMANCE coming soon.
FRIENDS coming soon.
[break][break]ENEMIES coming soon.
[break][break]ROMANCE coming soon.
[attr="class","jarsaf6"]
[attr="class","jarsaficon"]
[attr="class","jarsafname"]
florence i. stonewell
florence i. stonewell
[attr="class","jarsafcred"]JARONART
[newclass=.jarsaf] width:620px; display:flex; margin:0 auto; flex-wrap:wrap; line-height:100%; } .jarsaf1 { width:200px; height:200px; background:#060606; margin-right:10px; margin-bottom:10px; position:relative; overflow:hidden; } .jarsafw { width:180px; height:180px; position:absolute; top:210px; left:10px; background:#000; transition:all 0.7s ease-in-out; z-index:2; } .jarsaf1:hover .jarsafw { top:10px; } .jarsaf2 { width:200px; height:200px; background:#060606; margin-bottom:10px; margin-right:10px; position:relative; overflow:hidden; } .jarsaf2:hover .jarsafw { top:10px; } .jarsaf3 { width:200px; height:200px; background:#060606; position:relative; overflow:hidden; } .jarsaf3:hover .jarsafw { top:10px; } .jarsaf4 { width:200px; height:200px; background:#060606; margin-right:10px; position:relative; overflow:hidden; } .jarsaf4:hover .jarsafw { top:10px; } .jarsaf5 { width:200px; height:200px; background:#060606; margin-bottom:10px; margin-right:10px; position:relative; overflow:hidden; } .jarsaf5:hover .jarsafw { top:10px; } .jarsaf6 { width:200px; height:200px; background:#060606; margin-bottom:10px; position:relative; overflow:hidden; } .jarsaf6:hover .jarsafw { top:10px; } .jarsaficon { width:90px; height:90px; padding:5px; background:#000; margin: 0 auto; margin-top:25px; border-radius:10px } .jarsaficon img { width:90px; height:90px; border-radius:6px; } .jarsafname { width:190px; padding:5px; background:#000; font-family:Raleway; font-weight:900; color:#573718; text-transform:uppercase; font-size:10px; letter-spacing:1px; text-align:center; line-height:100%; z-index:5; position:absolute; bottom:35px; transition:all 0.7s ease-in-out; box-shadow:0px 1px #573718; } .jarsafname a { font-family:Raleway; font-weight:900; color:#000; text-transform:uppercase; font-size:10px; letter-spacing:1px; text-decoration:none; } .jarsaf1:hover .jarsafname { bottom:10px; box-shadow:0px -1px #44633e; } .jarsaf2:hover .jarsafname { bottom:10px; box-shadow:0px -1px #7e4aa7; } .jarsaf3:hover .jarsafname { bottom:10px; box-shadow:0px -1px #c7863d; } .jarsaf4:hover .jarsafname { bottom:10px; box-shadow:0px -1px #b93939; } .jarsaf5:hover .jarsafname { bottom:10px; box-shadow:0px -1px #d86d86; } .jarsaf6:hover .jarsafname { bottom:10px; box-shadow:0px -1px #47597e; } .jarsaftext { font-family:Roboto; font-size:10px; text-align:justify; padding:20px; padding-left:15px; padding-right:13px; padding-top:15px; line-height:13px; overflow:auto; height:105px; position:absolute; top:5px; left:5px; width:145px; } .jarsaftext::-webkit-scrollbar {width:5px;} .jarsaftext::-webkit-scrollbar-track {border:2px solid #573718;background:#000;} .jarsaftext::-webkit-scrollbar-thumb {background:#000;border:1px solid #573718;} .jarsaftext b { padding:8px; border:1px solid #573718; font-family:Raleway; font-weight:900; color:#573718; font-size:12px; float:left; margin-right:10px; margin-bottom:0px; } .jarsafcred { font-family:Roboto; font-size:8px; letter-spacing:1px; color:#ccc; text-align:center; margin-top:3px; width:100%; } .jarsafcred a { color:#ccc; text-decoration:none; font-size:8px; font-family:Roboto; letter-spacing:1px;[/newclass]