Post by Admin on Dec 4, 2015 19:57:59 GMT
❁ the credit stays, please!
[break]
❁ feel free to change the colors
[break]
❁ it'd be awesome to see it in use~
[break]
❁ feel free to change the colors
[break]
❁ it'd be awesome to see it in use~
[break][break]
[googlefont=Montserrat]
[nospaces]
[newclass=.hold]width:510px;height:282px;overflow:hidden;padding:3px;border:1px solid #e3e3e3;background:#ffffff;transition: all ease-in-out 0.8s[/newclass]
[newclass=.inner]width:510px;height:280px;overflow:hidden;background:#f3f3f3;padding-bottom:2px;transition: all ease-in-out 0.8s[/newclass]
[newclass=.icon]width:110px;float:left;margin-left:-4px;[/newclass]
[newclass=.ifo]width:100px;padding:5px;background:#ffffff;margin-top:4px;margin-left:1px;font-family:courier;font-size:11px;letter-spacing:-0.4px;text-align:justify[/newclass]
[newclass=.rel1]width:125px;height:273px;overflow:hidden;background:#77c2d9;margin-left:-11px;[/newclass]
[newclass=.rel2]width:125px;height:273px;overflow:hidden;background:#f7bfb7;margin-left:-7px;[/newclass]
[newclass=.rel3]width:125px;height:273px;overflow:hidden;background:#bd2f1c;margin-left:-3px;[/newclass]
[newclass=.friend]width:100px;font-family:Montserrat;font-size:14px;color:#ffffff;text-transform:uppercase;text-align:center;margin-top:125px;border:2px solid;[/newclass]
[newclass=.stuff]width:125px;height:269px;background:#ffffff;margin-top:220px;overflow:auto;transition: all ease-in-out 0.8s;[/newclass]
[newclass=.detail]width:100px;padding:3px;padding-left:5px;overflow:auto;font-family:arial;font-size:9.5px;line-height:1.1em;color:#545454;text-align:justify;margin-left:-2px;[/newclass]
[newclass=.rel1:hover .stuff]margin-top:-144px;transition: all ease-in-out 0.8s[/newclass]
[newclass=.rel2:hover .stuff]margin-top:-144px;transition: all ease-in-out 0.8s[/newclass]
[newclass=.rel3:hover .stuff]margin-top:-144px;transition: all ease-in-out 0.8s[/newclass]
[newclass=.cred]width:300px;margin-top:5px;[/newclass]
[newclass=.cred a]color:#323232!important;font-family:arial!important;font-size:8.5px!important;[/newclass]
[/style]
[attr="class","hold"]
[attr="class","inner"]
[attr="class","icon"]  [attr="class","ifo"]NAME NAME [break] app. [break] age. [break] gender. [break] sexuality. [break] group. intelligent. decisive. resentful. emotional. | [attr="class","rel1"] [attr="class","friend"]friends [attr="class","stuff"] [attr="class","detail"]Lorem ipsum dolor sit amet, at omnesque intellegam vix, ad nam zril nostrud, regione maluisset id vis. [break][break] Eam ex offendit tractatos. Officiis lobortis contentiones mel ut, aeque discere ea nec. Mea homero sanctus periculis ad, volutpat imperdiet elaboraret et nec. Mea luptatum ullamcorper vituperatoribus te, nam no sale vivendum posidonium. Sed ad diceret neglegentur, at alia impedit reprimique cum. [break][break] Eu qui eros zril, wisi nemore deleniti ut pri. Ius eu recteque vituperata deterruisset, est ad dolor aliquando assueverit. Duo ne iuvaret nusquam, has ubique sensibus te. Error fastidii at eum. Eu utinam meliore propriae nec, quot quas inermis eos in. | [attr="class","rel2"] [attr="class","friend"]lovers [attr="class","stuff"] [attr="class","detail"] Lorem ipsum dolor sit amet, at omnesque intellegam vix, ad nam zril nostrud, regione maluisset id vis. [break][break] Eam ex offendit tractatos. Officiis lobortis contentiones mel ut, aeque discere ea nec. Mea homero sanctus periculis ad, volutpat imperdiet elaboraret et nec. Mea luptatum ullamcorper vituperatoribus te, nam no sale vivendum posidonium. Sed ad diceret neglegentur, at alia impedit reprimique cum. [break][break] Eu qui eros zril, wisi nemore deleniti ut pri. Ius eu recteque vituperata deterruisset, est ad dolor aliquando assueverit. Duo ne iuvaret nusquam, has ubique sensibus te. Error fastidii at eum. Eu utinam meliore propriae nec, quot quas inermis eos in. | [attr="class","rel3"] [attr="class","friend"]enemies [attr="class","stuff"] [attr="class","detail"] Lorem ipsum dolor sit amet, at omnesque intellegam vix, ad nam zril nostrud, regione maluisset id vis. [break][break] Eam ex offendit tractatos. Officiis lobortis contentiones mel ut, aeque discere ea nec. Mea homero sanctus periculis ad, volutpat imperdiet elaboraret et nec. Mea luptatum ullamcorper vituperatoribus te, nam no sale vivendum posidonium. Sed ad diceret neglegentur, at alia impedit reprimique cum. [break][break] Eu qui eros zril, wisi nemore deleniti ut pri. Ius eu recteque vituperata deterruisset, est ad dolor aliquando assueverit. Duo ne iuvaret nusquam, has ubique sensibus te. Error fastidii at eum. Eu utinam meliore propriae nec, quot quas inermis eos in. |
[attr="class","cred"]lemming --
[break][break]
[googlefont=Montserrat]
[nospaces]
[newclass=.hold]width:510px;height:282px;overflow:hidden;padding:3px;border:1px solid #e3e3e3;background:#ffffff;transition: all ease-in-out 0.8s[/newclass]
[newclass=.inner]width:510px;height:280px;overflow:hidden;background:#f3f3f3;padding-bottom:2px;transition: all ease-in-out 0.8s[/newclass]
[newclass=.icon]width:110px;float:left;margin-left:-4px;[/newclass]
[newclass=.ifo]width:100px;padding:5px;background:#ffffff;margin-top:4px;margin-left:1px;font-family:courier;font-size:11px;letter-spacing:-0.4px;text-align:justify[/newclass]
[newclass=.rel1]width:125px;height:273px;overflow:hidden;background:#77c2d9;margin-left:-11px;[/newclass]
[newclass=.rel2]width:125px;height:273px;overflow:hidden;background:#f7bfb7;margin-left:-7px;[/newclass]
[newclass=.rel3]width:125px;height:273px;overflow:hidden;background:#bd2f1c;margin-left:-3px;[/newclass]
[newclass=.friend]width:100px;font-family:Montserrat;font-size:14px;color:#ffffff;text-transform:uppercase;text-align:center;margin-top:125px;border:2px solid;[/newclass]
[newclass=.stuff]width:125px;height:269px;background:#ffffff;margin-top:220px;overflow:auto;transition: all ease-in-out 0.8s;[/newclass]
[newclass=.detail]width:100px;padding:3px;padding-left:5px;overflow:auto;font-family:arial;font-size:9.5px;line-height:1.1em;color:#545454;text-align:justify;margin-left:-2px;[/newclass]
[newclass=.rel1:hover .stuff]margin-top:-144px;transition: all ease-in-out 0.8s[/newclass]
[newclass=.rel2:hover .stuff]margin-top:-144px;transition: all ease-in-out 0.8s[/newclass]
[newclass=.rel3:hover .stuff]margin-top:-144px;transition: all ease-in-out 0.8s[/newclass]
[newclass=.cred]width:300px;margin-top:5px;[/newclass]
[newclass=.cred a]color:#323232!important;font-family:arial!important;font-size:8.5px!important;[/newclass]
[/style][center]
[div][attr="class","hold"][div][attr="class","inner"][table style="width:500px;"][tr][td][div][attr="class","icon"][img src="http://i.imgur.com/V34uhLy.png" style="background:#ffffff;border:1px solid #e3e3e3;padding:5px;"]
[div][attr="class","ifo"]NAME NAME
[break]
app.
[break]
age.
[break]
gender.
[break]
sexuality.
[break]
group.
[hr]
intelligent. decisive. resentful. emotional.
[/div]
[/div][/td]
[td style="vertical-align:top;padding-top:5px"][div][attr="class","rel1"][center][div][attr="class","friend"]friends[/div][/center]
[div][attr="class","stuff"][div][attr="class","detail"]Lorem ipsum dolor sit amet, at omnesque intellegam vix, ad nam zril nostrud, regione maluisset id vis.
[break][break]
Eam ex offendit tractatos. Officiis lobortis contentiones mel ut, aeque discere ea nec. Mea homero sanctus periculis ad, volutpat imperdiet elaboraret et nec. Mea luptatum ullamcorper vituperatoribus te, nam no sale vivendum posidonium. Sed ad diceret neglegentur, at alia impedit reprimique cum.
[break][break]
Eu qui eros zril, wisi nemore deleniti ut pri. Ius eu recteque vituperata deterruisset, est ad dolor aliquando assueverit. Duo ne iuvaret nusquam, has ubique sensibus te. Error fastidii at eum. Eu utinam meliore propriae nec, quot quas inermis eos in.
[/div]
[/div][/div][/td]
[td style="vertical-align:top;padding-top:5px"][div][attr="class","rel2"][center][div][attr="class","friend"]lovers[/div][/center]
[div][attr="class","stuff"][div][attr="class","detail"] Lorem ipsum dolor sit amet, at omnesque intellegam vix, ad nam zril nostrud, regione maluisset id vis.
[break][break]
Eam ex offendit tractatos. Officiis lobortis contentiones mel ut, aeque discere ea nec. Mea homero sanctus periculis ad, volutpat imperdiet elaboraret et nec. Mea luptatum ullamcorper vituperatoribus te, nam no sale vivendum posidonium. Sed ad diceret neglegentur, at alia impedit reprimique cum.
[break][break]
Eu qui eros zril, wisi nemore deleniti ut pri. Ius eu recteque vituperata deterruisset, est ad dolor aliquando assueverit. Duo ne iuvaret nusquam, has ubique sensibus te. Error fastidii at eum. Eu utinam meliore propriae nec, quot quas inermis eos in.
[/div]
[/div][/div][/td]
[td style="vertical-align:top;padding-top:5px"][div][attr="class","rel3"][center][div][attr="class","friend"]enemies[/div][/center]
[div][attr="class","stuff"][div][attr="class","detail"] Lorem ipsum dolor sit amet, at omnesque intellegam vix, ad nam zril nostrud, regione maluisset id vis.
[break][break]
Eam ex offendit tractatos. Officiis lobortis contentiones mel ut, aeque discere ea nec. Mea homero sanctus periculis ad, volutpat imperdiet elaboraret et nec. Mea luptatum ullamcorper vituperatoribus te, nam no sale vivendum posidonium. Sed ad diceret neglegentur, at alia impedit reprimique cum.
[break][break]
Eu qui eros zril, wisi nemore deleniti ut pri. Ius eu recteque vituperata deterruisset, est ad dolor aliquando assueverit. Duo ne iuvaret nusquam, has ubique sensibus te. Error fastidii at eum. Eu utinam meliore propriae nec, quot quas inermis eos in.
[/div]
[/div][/div][/td]
[/tr][/table]
[/div][/div]
[div align="center"][attr="class","cred"][a href="http://wicked-wonderland.boards.net/user/59"]lemming [/a]--[/div][/center][/center]