Is Pepsi an idiot or is this actually confusing

pronounsThey/Them
32written posts
Pepsiearned bits
offlinecurrently
Pepsi
New Member
Pepsi Avatar
Okay so, I'm tryina throw together some premades for reasons even I cannot rationalize. I want the hover to have this translucent white bit over the image so it's less distracting and you can read the info in the hover, but the boxes get covered. It's probably an easy fix, so I'm gonna dump it here and go drink a soda and feed the cat.
Godspeed friends,
Pepsi
EDIT: wow this looks awful on here, guess I have editing to do, find the normal looking version over here ^^'


[attr="class,"wildbg"]
[attr="class","wildtitle"]Dying in La
[attr="class","wildsubtitle"]Nobody knows you now, Nobody owes you now
[attr="class","wildimage"]
[attr="class","wildtable1"]Character Name
[attr="class","wildtable2"]### Words
[attr="class","wildtable3"]@tagged, @tagged2
[attr="class","wildtable4"]Short Notes Here! Keep it to a couple sentences because this box will not expand, but there's decent room for commentary.
[attr="class","wildimagefog"]

[attr="class","wildtext"]Lorem ipsum dolor sit amet, ea impedit delicatissimi sit, nibh ludus dissentiet duo eu. His in sint possit habemus, vel etiam nostro corpora at. Zril disputationi vim ne, et mel nisl iuvaret pertinacia. Ea eam maiorum dignissim, rebum euismod ex ius. Sumo percipitur nec cu, id percipit senserit has. Per vero consul vituperatoribus no.

At splendide expetendis nam, augue perpetua ad eum. Fugit possit legimus vel ex. Solum facer in quo, tota meis fugit est te. His suas postea latine an. Cum ad purto ubique putant.

Suas iisque perpetua per at, prompta consectetuer cu eos, ei clita nostrum eos. Vix id purto quidam, tritani albucius an cum. Quo probo doctus an, atqui lobortis perpetua vis et. Eruditi consulatu ut nam, ex vel mutat nihil. Diceret expetenda iracundia qui eu.

Eam at malis nostro mollis, reque maiorum postulant te mel. An mel melius tibique qualisque, per tibique verterem efficiantur ne. Has in elitr legere voluptua. Id wisi ipsum ancillae mei, nec solum voluptua id.

Pri phaedrum ocurreret expetendis no, te maiorum vituperata mea. Usu mazim commune at, populo partiendo te nec. Ex vis commodo mentitum, tale expetenda expetendis ut mea. Vim te vocibus disputando, disputationi reprehendunt no usu. Regione discere ne nec, vivendo aliquando vis cu.

Sit elitr persequeris ea, ei porro volutpat imperdiet est. Usu ex vocent perfecto similique, ut malorum invenire qualisque has, sea noster denique oporteat cu. Cu usu euismod consectetuer. Qui ei lorem vidisse, ad vel iisque tritani.

Sea libris lucilius vituperata in, facete suscipit ad per, ad mel deleniti suavitate democritum. Ei cibo ocurreret constituam sea, te soluta convenire petentium mei. Nullam repudiandae ea duo, per id tempor adversarium. Quo in graece volutpat, te iriure intellegam scripserit sit. Ne pro omnis brute prodesset, te mea numquam petentium maluisset. Et volumus elaboraret per, pro augue partem sanctus no, eum ex facer velit facete.

Debet malorum argumentum in eos, nec dicit libris facete ex. No quem tollit everti quo, cu quo dicam homero mucius, eos ea nisl nostrud fuisset. Choro vocibus dissentias eos no, aperiri sadipscing et pro. Eam iudico dicunt mnesarchum ne.

Ut choro urbanitas has, nemore animal atomorum an mei, est at graece saperet. Id paulo adversarium sit. Duis iudico instructior vel eu, lorem altera an cum, ludus dissentiet ei nec. Ea falli audiam sententiae vis, et est tation aperiri intellegam, eam id paulo civibus.

Meliore erroribus ex mei, sea civibus maluisset accommodare id. Error legere accusamus ius an, at cum omnium option signiferumque. Quaeque interpretaris vim eu, id cum malis tantas consectetuer. An eam tincidunt eloquentiam. Laudem admodum singulis eos cu.



[newclass=.wildbg]width:650px;height:300px;background:#FAF8F6;border: 10px solid #c3ac94;margin-top:100px;overflow:visible[/newclass]
[newclass=.wildimage]width:200px; height:300px;border: 10px solid #c3ac94;margin-left:-550px;margin-top:-50px;background-image: url("https://s33.postimg.cc/sps0on7mn/SUNSET.png")[/newclass]
[newclass=.wildtitle]font-family:Rouge Script; font-size:80px; color:#94abc3;margin-top:-90px;margin-right:-430px;[/newclass]
[newclass=.wildsubtitle]font-family:open sans; font-size:12px; color:#4D6C8B;margin-top:-35px;margin-right:-450px;[/newclass]
[newclass=.wildtext]opacity:1;width:450px;height:250px;padding:10px;margin-top:-280px;margin-right:-150px;overflow:auto;font-size:11px;[/newclass]
[newclass=.wildtable1] opacity:0;width:150px;height:15px;background:#94abc3;font-size:9px;text-align:center;padding:5px;color:#fff;margin-top:60px;margin-left:15px;[/newclass]
[newclass=.wildtable2] opacity:0;width:150px;height:15px;background:#94abc3;font-size:9px;text-align:center;padding:5px;color:#fff;margin-top:5px;margin-left:15px[/newclass]
[newclass=.wildtable3] opacity:0;width:150px;height:15px;background:#94abc3;font-size:9px;text-align:center;padding:5px;color:#fff;margin-top:5px;margin-left:15px[/newclass]
[newclass=.wildtable4] opacity:0;width:150px;height:50px;background:#94abc3;font-size:9px;text-align:center;padding:5px;color:#fff;margin-top:5px;margin-left:15px[/newclass]
[newclass=.wildimagefog]width:200px; height:300px;background:#fff;opacity:0;margin-top:-230px;[/newclass]
[newclass=.wildbg:hover .wildtable1]opacity:1;transition:0.5s all;[/newclass]
[newclass=.wildbg:hover .wildtable2]opacity:1;transition:0.5s all;[/newclass]
[newclass=.wildbg:hover .wildtable3]opacity:1;transition:0.5s all;[/newclass]
[newclass=.wildbg:hover .wildtable4]opacity:1;transition:0.5s all;[/newclass]
[newclass=.wildbg:hover .wildimagefog]opacity:0.5;transition:0.5s all;[/newclass]
last edit on Jul 19, 2018 0:39:39 GMT by Pepsi
540written posts
Sharpearned bits
offlinecurrently
Sharp
Part of the Furniture
Sharp Avatar
I like big fonts and I cannot lie
There is probably a better way to do this but if you add this to .wildimagefog

z-index: 1;
   position: relative;


and this to all of the text bar classes in the hover (.wildtable1 etc)

   z-index: 2;
   position: relative;


it should do the trick
last edit on Jul 19, 2018 1:52:20 GMT by Sharp
3,084written posts
Kitten4uearned bits
offlinecurrently
Kitten4u
Part of the Furniture
Kitten4u Avatar
[nospaces]

[attr="class","infoBG"]
[attr="class","infoBG2"]
[attr="class","infoBack"]
[attr="class","infoTitle"][attr="class","fa fa-star-o"] threadarchived
[attr="class","infoDiv"]

[attr="class","infoBody"]

To keep the forum clean and so people know that all threads in certain areas are current and that the OP is likely to still have interest, we archive threads that haven't gotten posts for 2 weeks. This thread is being archived for that reason. If you would like this thread reopened, contact a staff member.