Post by Silver Wings on Sept 9, 2017 21:07:08 GMT
You don't have to use these templates while doing such threads, but it's here for your use if you wish to
[attr="class","mytable"]
[attr="class","mytable"]
[attr="class","mytext"]
[break]
[googlefont="Source Sans Pro"]
[newclass=".flex-center]display:flex;justify-content:center;[/newclass]
[newclass=".BCimagestemp1]background-image:url('http://placehold.it/260x396');background-size:cover;width:260px;height:396px;[/newclass]
[newclass=".BCbackgroundtemp1black"]background-image:url('http://i.imgur.com/H3yshlm.png');background-size:cover;width:300px;height:564px;[/newclass]
[newclass=".BCbackgroundtemp1white"]background-image:url('http://i.imgur.com/vejxqWQ.png');background-size:cover;width:300px;height:564px;[/newclass]
[newclass=".BCtabletemp1"]position:absolute;margin-top:81px;margin-left:20px;overflow:hidden;width:260px;height:396px;[/newclass]
[newclass=".BCcontent1temp1"]background-color:white;width:260px;height:396px;position:absolute;top:0px;left:-260px;overflow: hidden; transition: all 1s ease-in-out 0.2s; -webkit-transition: all 1s ease-in-out 0.2s; -moz-transition: all 1s ease-in-out 0.2s; -o-transition: all 1s ease-in-out 0.2s; -ms-transition: all 1s ease-in-out 0.2s;z-index:2;[/newclass]
[newclass=".BCtimestamptemp1"]font-size:80px;color:white;position:absolute;margin-top:35px;text-align:center;width:260px;font-family:Source Sans Pro;letter-spacing:-5px;z-index:1;[/newclass]
[newclass=".BCdatetemp1"]position:absolute;color:white;width:260px;margin-top:120px;font-family:Source Sans Pro;font-size:15px;z-index:1;[/newclass]
[newclass=".BCtabletemp1:hover .BCcontent1temp1"]left:0px;-webkit-transition: all 1s ease-in-out 0.2s; -moz-transition: all 1s ease-in-out 0.2s; -o-transition: all 1s ease-in-out 0.2s; -ms-transition: all 1s ease-in-out 0.2s;[/newclass]
[newclass=".BCbacktemp1"]position:absolute;left:0;-webkit-transition: all 1s ease-in-out 0.2s; -moz-transition: all 1s ease-in-out 0.2s; -o-transition: all 1s ease-in-out 0.2s; -ms-transition: all 1s ease-in-out 0.2s;[/newclass]
[newclass=".BCtabletemp1:hover .BCbacktemp1"]left:240px;transition: all 1s ease-in-out 0.2s; -webkit-transition: all 1s ease-in-out 0.2s; -moz-transition: all 1s ease-in-out 0.2s; -o-transition: all 1s ease-in-out 0.2s; -ms-transition: all 1s ease-in-out 0.2s;[/newclass]
[newclass=".BCtotemp1"]background:#f8f8f8;border-bottom: 1px solid #dbdbdb;font-family:helvetica neue;padding:10px 0;text-align:center;font-weight:bold;width:260px;font-size:12px;[/newclass]
[newclass=".BCtotemp1 img"]width:10px;[/newclass]
[newclass=".BCnotetemp1"]color:#a4a4a6;[/newclass]
[newclass=".BCmessagestemp1"]height:340px;overflow:auto;padding:10px;font-size:10px;font-family:helvetica neue;[/newclass]
[newclass=".BCmessagereceivedtemp1"]width:100%;float:left;text-align:left;margin-top:5px;[/newclass]
[newclass=".BCmessagesenttemp1"]width:100%;float:right;text-align:left;margin-top:5px;[/newclass]
[newclass=".BCleftarrowtemp1"]color:#e6e5eb;float:left;margin-right:0px;margin-top:10px;[/newclass]
[newclass=".BCrightarrowtemp1"]color:#1c92fe;float:right;margin-left:-2px;margin-top:10px;[/newclass]
[newclass=".BCreceivedtemp1"]float:left;background-color:#e6e5eb;padding:10px;border-radius:10px;[/newclass]
[newclass=".BCsenttemp1"]float:right;background-color:#1c92fe;color:white;padding:10px;border-radius:10px;[/newclass]
[newclass=".BCmessagestemp1::-webkit-scrollbar"]width: 15px;height: 15px;[/newclass]
[newclass=".BCmessagestemp1::-webkit-scrollbar-button"]width: 0px;height: 0px;[/newclass]
[newclass=".BCmessagestemp1::-webkit-scrollbar-thumb"]background: #bfbfbf;border: 5px solid #ffffff;border-radius: 50px;[/newclass]
[newclass=".BCmessagestemp1::-webkit-scrollbar-thumb:hover"]background: #bfbfbf;[/newclass]
[newclass=".BCmessagestemp1::-webkit-scrollbar-thumb:active"]background: #bfbfbf;[/newclass]
[newclass=".BCmessagestemp1::-webkit-scrollbar-track"]background: #ffffff;border: 0px solid #ffffff;border-radius: 0px;[/newclass]
[newclass=".BCmessagestemp1::-webkit-scrollbar-track:hover"]background: #ffffff;[/newclass]
[newclass=".BCmessagestemp1::-webkit-scrollbar-track:active"]background: #ffffff;[/newclass]
[newclass=".BCmessagestemp1::-webkit-scrollbar-corner"]background: transparent;[/newclass]
[newclass=".trinCredits"]font-family:arial narrow;font-size:10px;font-style:italic;letter-spacing:1px;text-align:center;[/newclass]
[break]
BLACK:[break]
[break]
WHITE:[break]
[break]
RECEIVED MESSAGE:[break]
[break]
SENT MESSAGE:[break]
[break]
BACKGROUND IMAGE:[break]
TIME & DATE:
[break]
[nospaces]
[attr="class","flex-center"]
[attr="class","BCbackgroundtemp1black"]
[attr="class","BCtabletemp1"]
[attr="class","BCcontent1temp1"]
[attr="class","BCtotemp1"]
Bob Jr.
Bob Jr.
[attr="class","BCmessagestemp1"]
[attr="class","BCmessagereceivedtemp1"]
[attr="class","BCleftarrowtemp1"]◄
[attr="class","BCreceivedtemp1"]So, you want to meet at the hotel?
[attr="class","BCmessagesenttemp1"]
[attr="class","BCrightarrowtemp1"]►
[attr="class","BCsenttemp1"]Sure, what time?
[attr="class","BCmessagereceivedtemp1"]
[attr="class","BCleftarrowtemp1"]◄
[attr="class","BCreceivedtemp1"]Sorry- I feel asleep.
[attr="class","BCmessagesenttemp1"]
[attr="class","BCrightarrowtemp1"]►
[attr="class","BCsenttemp1"]Buzz kill.
[attr="class","BCmessagereceivedtemp1"]
[attr="class","BCleftarrowtemp1"]◄
[attr="class","BCreceivedtemp1"]Yeah.
[attr="class","BCmessagesenttemp1"]
[attr="class","BCrightarrowtemp1"]►
[attr="class","BCsenttemp1"]*taps fingers*
[attr="class","BCmessagereceivedtemp1"]
[attr="class","BCleftarrowtemp1"]◄
[attr="class","BCreceivedtemp1"]Just more test textes.
[attr="class","BCmessagesenttemp1"]
[attr="class","BCrightarrowtemp1"]►
[attr="class","BCsenttemp1"]Yuppers.
[attr="class","BCmessagesenttemp1"]
[attr="class","BCrightarrowtemp1"]►
[attr="class","BCsenttemp1"]Meeow.
[attr="class","BCmessagereceivedtemp1"]
[attr="class","BCleftarrowtemp1"]◄
[attr="class","BCreceivedtemp1"]Woot!
[attr="class","BCbacktemp1"]
[attr="class","BCtimestamptemp1"]
16:30
16:30
[attr="class","BCdatetemp1"]
Monday, July 29
Monday, July 29
[attr="class","BCimagestemp1"]
[attr="class","BCbackgroundtemp1white"]
[attr="class","BCtabletemp1"]
[attr="class","BCcontent1temp1"]
[attr="class","BCtotemp1"]
Sally Mckenzie
Sally Mckenzie
[attr="class","BCmessagestemp1"]
[attr="class","BCmessagereceivedtemp1"]
[attr="class","BCleftarrowtemp1"]◄
[attr="class","BCreceivedtemp1"]So, you want to meet at the hotel?
[attr="class","BCmessagesenttemp1"]
[attr="class","BCrightarrowtemp1"]►
[attr="class","BCsenttemp1"]Sure, what time?
[attr="class","BCmessagereceivedtemp1"]
[attr="class","BCleftarrowtemp1"]◄
[attr="class","BCreceivedtemp1"]Sorry- I feel asleep.
[attr="class","BCmessagesenttemp1"]
[attr="class","BCrightarrowtemp1"]►
[attr="class","BCsenttemp1"]Buzz kill.
[attr="class","BCmessagereceivedtemp1"]
[attr="class","BCleftarrowtemp1"]◄
[attr="class","BCreceivedtemp1"]Yeah.
[attr="class","BCmessagesenttemp1"]
[attr="class","BCrightarrowtemp1"]►
[attr="class","BCsenttemp1"]*taps fingers*
[attr="class","BCmessagereceivedtemp1"]
[attr="class","BCleftarrowtemp1"]◄
[attr="class","BCreceivedtemp1"]Just more test textes.
[attr="class","BCmessagesenttemp1"]
[attr="class","BCrightarrowtemp1"]►
[attr="class","BCsenttemp1"]Yuppers.
[attr="class","BCmessagesenttemp1"]
[attr="class","BCrightarrowtemp1"]►
[attr="class","BCsenttemp1"]Meeow.
[attr="class","BCmessagereceivedtemp1"]
[attr="class","BCleftarrowtemp1"]◄
[attr="class","BCreceivedtemp1"]Woot!
[attr="class","BCbacktemp1"]
[attr="class","BCtimestamptemp1"]
16:30
16:30
[attr="class","BCdatetemp1"]
Monday, July 29
Monday, July 29
[attr="class","BCimagestemp1"]
[attr="class","trinCredits"]TABLE BY TRINITY @ ADOXOGRAPHY
[googlefont="Source Sans Pro"]
[newclass=".flex-center]display:flex;justify-content:center;[/newclass]
[newclass=".BCimagestemp1]background-image:url('http://placehold.it/260x396');background-size:cover;width:260px;height:396px;[/newclass]
[newclass=".BCbackgroundtemp1black"]background-image:url('http://i.imgur.com/H3yshlm.png');background-size:cover;width:300px;height:564px;[/newclass]
[newclass=".BCbackgroundtemp1white"]background-image:url('http://i.imgur.com/vejxqWQ.png');background-size:cover;width:300px;height:564px;[/newclass]
[newclass=".BCtabletemp1"]position:absolute;margin-top:81px;margin-left:20px;overflow:hidden;width:260px;height:396px;[/newclass]
[newclass=".BCcontent1temp1"]background-color:white;width:260px;height:396px;position:absolute;top:0px;left:-260px;overflow: hidden; transition: all 1s ease-in-out 0.2s; -webkit-transition: all 1s ease-in-out 0.2s; -moz-transition: all 1s ease-in-out 0.2s; -o-transition: all 1s ease-in-out 0.2s; -ms-transition: all 1s ease-in-out 0.2s;z-index:2;[/newclass]
[newclass=".BCtimestamptemp1"]font-size:80px;color:white;position:absolute;margin-top:35px;text-align:center;width:260px;font-family:Source Sans Pro;letter-spacing:-5px;z-index:1;[/newclass]
[newclass=".BCdatetemp1"]position:absolute;color:white;width:260px;margin-top:120px;font-family:Source Sans Pro;font-size:15px;z-index:1;[/newclass]
[newclass=".BCtabletemp1:hover .BCcontent1temp1"]left:0px;-webkit-transition: all 1s ease-in-out 0.2s; -moz-transition: all 1s ease-in-out 0.2s; -o-transition: all 1s ease-in-out 0.2s; -ms-transition: all 1s ease-in-out 0.2s;[/newclass]
[newclass=".BCbacktemp1"]position:absolute;left:0;-webkit-transition: all 1s ease-in-out 0.2s; -moz-transition: all 1s ease-in-out 0.2s; -o-transition: all 1s ease-in-out 0.2s; -ms-transition: all 1s ease-in-out 0.2s;[/newclass]
[newclass=".BCtabletemp1:hover .BCbacktemp1"]left:240px;transition: all 1s ease-in-out 0.2s; -webkit-transition: all 1s ease-in-out 0.2s; -moz-transition: all 1s ease-in-out 0.2s; -o-transition: all 1s ease-in-out 0.2s; -ms-transition: all 1s ease-in-out 0.2s;[/newclass]
[newclass=".BCtotemp1"]background:#f8f8f8;border-bottom: 1px solid #dbdbdb;font-family:helvetica neue;padding:10px 0;text-align:center;font-weight:bold;width:260px;font-size:12px;[/newclass]
[newclass=".BCtotemp1 img"]width:10px;[/newclass]
[newclass=".BCnotetemp1"]color:#a4a4a6;[/newclass]
[newclass=".BCmessagestemp1"]height:340px;overflow:auto;padding:10px;font-size:10px;font-family:helvetica neue;[/newclass]
[newclass=".BCmessagereceivedtemp1"]width:100%;float:left;text-align:left;margin-top:5px;[/newclass]
[newclass=".BCmessagesenttemp1"]width:100%;float:right;text-align:left;margin-top:5px;[/newclass]
[newclass=".BCleftarrowtemp1"]color:#e6e5eb;float:left;margin-right:0px;margin-top:10px;[/newclass]
[newclass=".BCrightarrowtemp1"]color:#1c92fe;float:right;margin-left:-2px;margin-top:10px;[/newclass]
[newclass=".BCreceivedtemp1"]float:left;background-color:#e6e5eb;padding:10px;border-radius:10px;[/newclass]
[newclass=".BCsenttemp1"]float:right;background-color:#1c92fe;color:white;padding:10px;border-radius:10px;[/newclass]
[newclass=".BCmessagestemp1::-webkit-scrollbar"]width: 15px;height: 15px;[/newclass]
[newclass=".BCmessagestemp1::-webkit-scrollbar-button"]width: 0px;height: 0px;[/newclass]
[newclass=".BCmessagestemp1::-webkit-scrollbar-thumb"]background: #bfbfbf;border: 5px solid #ffffff;border-radius: 50px;[/newclass]
[newclass=".BCmessagestemp1::-webkit-scrollbar-thumb:hover"]background: #bfbfbf;[/newclass]
[newclass=".BCmessagestemp1::-webkit-scrollbar-thumb:active"]background: #bfbfbf;[/newclass]
[newclass=".BCmessagestemp1::-webkit-scrollbar-track"]background: #ffffff;border: 0px solid #ffffff;border-radius: 0px;[/newclass]
[newclass=".BCmessagestemp1::-webkit-scrollbar-track:hover"]background: #ffffff;[/newclass]
[newclass=".BCmessagestemp1::-webkit-scrollbar-track:active"]background: #ffffff;[/newclass]
[newclass=".BCmessagestemp1::-webkit-scrollbar-corner"]background: transparent;[/newclass]
[newclass=".trinCredits"]font-family:arial narrow;font-size:10px;font-style:italic;letter-spacing:1px;text-align:center;[/newclass]
[break]
BLACK:[break]
[div align="center"][nospaces][div][attr="class","BCbackgroundtemp1black"][div][attr="class","BCtabletemp1"][div][attr="class","BCcontent1temp1"][div][attr="class","BCtotemp1"]
Bob Jr. [img src="https://image.flaticon.com/icons/png/128/148/148836.png"]
[/div][div][attr="class","BCmessagestemp1"]
[div][attr="class","BCmessagereceivedtemp1"][div][attr="class","BCleftarrowtemp1"]◄[/div][div][attr="class","BCreceivedtemp1"]So, you want to meet at the hotel?[/div][/div]
[div][attr="class","BCmessagesenttemp1"][div][attr="class","BCrightarrowtemp1"]►[/div][div][attr="class","BCsenttemp1"]Sure, what time?[/div][/div]
[div][attr="class","BCmessagereceivedtemp1"][div][attr="class","BCleftarrowtemp1"]◄[/div][div][attr="class","BCreceivedtemp1"]Sorry- I feel asleep.[/div][/div]
[div][attr="class","BCmessagesenttemp1"][div][attr="class","BCrightarrowtemp1"]►[/div][div][attr="class","BCsenttemp1"]Buzz kill.[/div][/div]
[div][attr="class","BCmessagereceivedtemp1"][div][attr="class","BCleftarrowtemp1"]◄[/div][div][attr="class","BCreceivedtemp1"]Yeah.[/div][/div]
[div][attr="class","BCmessagesenttemp1"][div][attr="class","BCrightarrowtemp1"]►[/div][div][attr="class","BCsenttemp1"]*taps fingers*[/div][/div]
[div][attr="class","BCmessagereceivedtemp1"][div][attr="class","BCleftarrowtemp1"]◄[/div][div][attr="class","BCreceivedtemp1"]Just more test textes.[/div][/div]
[div][attr="class","BCmessagesenttemp1"][div][attr="class","BCrightarrowtemp1"]►[/div][div][attr="class","BCsenttemp1"]Yuppers.[/div][/div]
[div][attr="class","BCmessagesenttemp1"][div][attr="class","BCrightarrowtemp1"]►[/div][div][attr="class","BCsenttemp1"]Meeow.[/div][/div]
[div][attr="class","BCmessagereceivedtemp1"][div][attr="class","BCleftarrowtemp1"]◄[/div][div][attr="class","BCreceivedtemp1"]Woot![/div][/div]
[/div][/div][div][attr="class","BCbacktemp1"][div][attr="class","BCtimestamptemp1"]
16:30
[/div][div][attr="class","BCdatetemp1"]
Monday, July 29
[/div][div][attr="class","BCimagestemp1"][/div][/div][/div][/div][div][attr="class","trinCredits"]TABLE BY [a href="http://adoxographyv2.boards.net/user/1"]TRINITY[/a] @ ADOXOGRAPHY[/div][/div]
[googlefont="Source Sans Pro"]
[newclass=".BCimagestemp1]background-image:url('http://placehold.it/260x396');background-size:cover;width:260px;height:396px;[/newclass]
[newclass=".BCbackgroundtemp1black"]background-image:url('http://i.imgur.com/H3yshlm.png');background-size:cover;width:300px;height:564px;[/newclass]
[newclass=".BCtabletemp1"]position:absolute;margin-top:81px;margin-left:20px;overflow:hidden;width:260px;height:396px;[/newclass]
[newclass=".BCcontent1temp1"]background-color:white;width:260px;height:396px;position:absolute;top:0px;left:-260px;overflow: hidden; transition: all 1s ease-in-out 0.2s; -webkit-transition: all 1s ease-in-out 0.2s; -moz-transition: all 1s ease-in-out 0.2s; -o-transition: all 1s ease-in-out 0.2s; -ms-transition: all 1s ease-in-out 0.2s;z-index:2;[/newclass]
[newclass=".BCtimestamptemp1"]font-size:80px;color:white;position:absolute;margin-top:35px;text-align:center;width:260px;font-family:Source Sans Pro;letter-spacing:-5px;z-index:1;[/newclass]
[newclass=".BCdatetemp1"]position:absolute;color:white;width:260px;margin-top:120px;font-family:Source Sans Pro;font-size:15px;z-index:1;[/newclass]
[newclass=".BCtabletemp1:hover .BCcontent1temp1"]left:0px;-webkit-transition: all 1s ease-in-out 0.2s; -moz-transition: all 1s ease-in-out 0.2s; -o-transition: all 1s ease-in-out 0.2s; -ms-transition: all 1s ease-in-out 0.2s;[/newclass]
[newclass=".BCbacktemp1"]position:absolute;left:0;-webkit-transition: all 1s ease-in-out 0.2s; -moz-transition: all 1s ease-in-out 0.2s; -o-transition: all 1s ease-in-out 0.2s; -ms-transition: all 1s ease-in-out 0.2s;[/newclass]
[newclass=".BCtabletemp1:hover .BCbacktemp1"]left:240px;transition: all 1s ease-in-out 0.2s; -webkit-transition: all 1s ease-in-out 0.2s; -moz-transition: all 1s ease-in-out 0.2s; -o-transition: all 1s ease-in-out 0.2s; -ms-transition: all 1s ease-in-out 0.2s;[/newclass]
[newclass=".BCtotemp1"]background:#f8f8f8;border-bottom: 1px solid #dbdbdb;font-family:helvetica neue;padding:10px 0;text-align:center;font-weight:bold;width:260px;font-size:12px;[/newclass]
[newclass=".BCtotemp1 img"]width:10px;[/newclass]
[newclass=".BCnotetemp1"]color:#a4a4a6;[/newclass]
[newclass=".BCmessagestemp1"]height:340px;overflow:auto;padding:10px;font-size:10px;font-family:helvetica neue;[/newclass]
[newclass=".BCmessagereceivedtemp1"]width:100%;float:left;text-align:left;margin-top:5px;[/newclass]
[newclass=".BCmessagesenttemp1"]width:100%;float:right;text-align:left;margin-top:5px;[/newclass]
[newclass=".BCleftarrowtemp1"]color:#e6e5eb;float:left;margin-right:0px;margin-top:10px;[/newclass]
[newclass=".BCrightarrowtemp1"]color:#1c92fe;float:right;margin-left:-2px;margin-top:10px;[/newclass]
[newclass=".BCreceivedtemp1"]float:left;background-color:#e6e5eb;padding:10px;border-radius:10px;[/newclass]
[newclass=".BCsenttemp1"]float:right;background-color:#1c92fe;color:white;padding:10px;border-radius:10px;[/newclass]
[newclass=".BCmessagestemp1::-webkit-scrollbar"]width: 15px;height: 15px;[/newclass]
[newclass=".BCmessagestemp1::-webkit-scrollbar-button"]width: 0px;height: 0px;[/newclass]
[newclass=".BCmessagestemp1::-webkit-scrollbar-thumb"]background: #bfbfbf;border: 5px solid #ffffff;border-radius: 50px;[/newclass]
[newclass=".BCmessagestemp1::-webkit-scrollbar-thumb:hover"]background: #bfbfbf;[/newclass]
[newclass=".BCmessagestemp1::-webkit-scrollbar-thumb:active"]background: #bfbfbf;[/newclass]
[newclass=".BCmessagestemp1::-webkit-scrollbar-track"]background: #ffffff;border: 0px solid #ffffff;border-radius: 0px;[/newclass]
[newclass=".BCmessagestemp1::-webkit-scrollbar-track:hover"]background: #ffffff;[/newclass]
[newclass=".BCmessagestemp1::-webkit-scrollbar-track:active"]background: #ffffff;[/newclass]
[newclass=".BCmessagestemp1::-webkit-scrollbar-corner"]background: transparent;[/newclass]
[newclass=".trinCredits"]font-family:arial narrow;font-size:10px;font-style:italic;letter-spacing:1px;text-align:center;[/newclass]
[break]
WHITE:[break]
[div align="center"][nospaces][div][attr="class","BCbackgroundtemp1white"][div][attr="class","BCtabletemp1"][div][attr="class","BCcontent1temp1"][div][attr="class","BCtotemp1"]
Sally Mckenzie [img src="http://www.emojicool.com/assets/img/emoji/1f4a9.png"]
[/div][div][attr="class","BCmessagestemp1"]
[div][attr="class","BCmessagereceivedtemp1"][div][attr="class","BCleftarrowtemp1"]◄[/div][div][attr="class","BCreceivedtemp1"]So, you want to meet at the hotel?[/div][/div]
[div][attr="class","BCmessagesenttemp1"][div][attr="class","BCrightarrowtemp1"]►[/div][div][attr="class","BCsenttemp1"]Sure, what time?[/div][/div]
[div][attr="class","BCmessagereceivedtemp1"][div][attr="class","BCleftarrowtemp1"]◄[/div][div][attr="class","BCreceivedtemp1"]Sorry- I feel asleep.[/div][/div]
[div][attr="class","BCmessagesenttemp1"][div][attr="class","BCrightarrowtemp1"]►[/div][div][attr="class","BCsenttemp1"]Buzz kill.[/div][/div]
[div][attr="class","BCmessagereceivedtemp1"][div][attr="class","BCleftarrowtemp1"]◄[/div][div][attr="class","BCreceivedtemp1"]Yeah.[/div][/div]
[div][attr="class","BCmessagesenttemp1"][div][attr="class","BCrightarrowtemp1"]►[/div][div][attr="class","BCsenttemp1"]*taps fingers*[/div][/div]
[div][attr="class","BCmessagereceivedtemp1"][div][attr="class","BCleftarrowtemp1"]◄[/div][div][attr="class","BCreceivedtemp1"]Just more test textes.[/div][/div]
[div][attr="class","BCmessagesenttemp1"][div][attr="class","BCrightarrowtemp1"]►[/div][div][attr="class","BCsenttemp1"]Yuppers.[/div][/div]
[div][attr="class","BCmessagesenttemp1"][div][attr="class","BCrightarrowtemp1"]►[/div][div][attr="class","BCsenttemp1"]Meeow.[/div][/div]
[div][attr="class","BCmessagereceivedtemp1"][div][attr="class","BCleftarrowtemp1"]◄[/div][div][attr="class","BCreceivedtemp1"]Woot![/div][/div]
[/div][/div][div][attr="class","BCbacktemp1"][div][attr="class","BCtimestamptemp1"]
4:58
[/div][div][attr="class","BCdatetemp1"]
Monday, July 29
[/div][div][attr="class","BCimagestemp1"][/div][/div][/div][/div][div][attr="class","trinCredits"]TABLE BY [a href="http://adoxographyv2.boards.net/user/1"]TRINITY[/a] @ ADOXOGRAPHY[/div][/div]
[googlefont="Source Sans Pro"]
[newclass=".BCimagestemp1]background-image:url('http://placehold.it/260x396');background-size:cover;width:260px;height:396px;[/newclass]
[newclass=".BCbackgroundtemp1white"]background-image:url('http://i.imgur.com/vejxqWQ.png');background-size:cover;width:300px;height:564px;[/newclass]
[newclass=".BCtabletemp1"]position:absolute;margin-top:81px;margin-left:20px;overflow:hidden;width:260px;height:396px;[/newclass]
[newclass=".BCcontent1temp1"]background-color:white;width:260px;height:396px;position:absolute;top:0px;left:-260px;overflow: hidden; transition: all 1s ease-in-out 0.2s; -webkit-transition: all 1s ease-in-out 0.2s; -moz-transition: all 1s ease-in-out 0.2s; -o-transition: all 1s ease-in-out 0.2s; -ms-transition: all 1s ease-in-out 0.2s;z-index:2;[/newclass]
[newclass=".BCtimestamptemp1"]font-size:80px;color:white;position:absolute;margin-top:35px;text-align:center;width:260px;font-family:Source Sans Pro;letter-spacing:-5px;z-index:1;[/newclass]
[newclass=".BCdatetemp1"]position:absolute;color:white;width:260px;margin-top:120px;font-family:Source Sans Pro;font-size:15px;z-index:1;[/newclass]
[newclass=".BCtabletemp1:hover .BCcontent1temp1"]left:0px;-webkit-transition: all 1s ease-in-out 0.2s; -moz-transition: all 1s ease-in-out 0.2s; -o-transition: all 1s ease-in-out 0.2s; -ms-transition: all 1s ease-in-out 0.2s;[/newclass]
[newclass=".BCbacktemp1"]position:absolute;left:0;-webkit-transition: all 1s ease-in-out 0.2s; -moz-transition: all 1s ease-in-out 0.2s; -o-transition: all 1s ease-in-out 0.2s; -ms-transition: all 1s ease-in-out 0.2s;[/newclass]
[newclass=".BCtabletemp1:hover .BCbacktemp1"]left:240px;transition: all 1s ease-in-out 0.2s; -webkit-transition: all 1s ease-in-out 0.2s; -moz-transition: all 1s ease-in-out 0.2s; -o-transition: all 1s ease-in-out 0.2s; -ms-transition: all 1s ease-in-out 0.2s;[/newclass]
[newclass=".BCtotemp1"]background:#f8f8f8;border-bottom: 1px solid #dbdbdb;font-family:helvetica neue;padding:10px 0;text-align:center;font-weight:bold;width:260px;font-size:12px;[/newclass]
[newclass=".BCtotemp1 img"]width:10px;[/newclass]
[newclass=".BCnotetemp1"]color:#a4a4a6;[/newclass]
[newclass=".BCmessagestemp1"]height:340px;overflow:auto;padding:10px;font-size:10px;font-family:helvetica neue;[/newclass]
[newclass=".BCmessagereceivedtemp1"]width:100%;float:left;text-align:left;margin-top:5px;[/newclass]
[newclass=".BCmessagesenttemp1"]width:100%;float:right;text-align:left;margin-top:5px;[/newclass]
[newclass=".BCleftarrowtemp1"]color:#e6e5eb;float:left;margin-right:0px;margin-top:10px;[/newclass]
[newclass=".BCrightarrowtemp1"]color:#1c92fe;float:right;margin-left:-2px;margin-top:10px;[/newclass]
[newclass=".BCreceivedtemp1"]float:left;background-color:#e6e5eb;padding:10px;border-radius:10px;[/newclass]
[newclass=".BCsenttemp1"]float:right;background-color:#1c92fe;color:white;padding:10px;border-radius:10px;[/newclass]
[newclass=".BCmessagestemp1::-webkit-scrollbar"]width: 15px;height: 15px;[/newclass]
[newclass=".BCmessagestemp1::-webkit-scrollbar-button"]width: 0px;height: 0px;[/newclass]
[newclass=".BCmessagestemp1::-webkit-scrollbar-thumb"]background: #bfbfbf;border: 5px solid #ffffff;border-radius: 50px;[/newclass]
[newclass=".BCmessagestemp1::-webkit-scrollbar-thumb:hover"]background: #bfbfbf;[/newclass]
[newclass=".BCmessagestemp1::-webkit-scrollbar-thumb:active"]background: #bfbfbf;[/newclass]
[newclass=".BCmessagestemp1::-webkit-scrollbar-track"]background: #ffffff;border: 0px solid #ffffff;border-radius: 0px;[/newclass]
[newclass=".BCmessagestemp1::-webkit-scrollbar-track:hover"]background: #ffffff;[/newclass]
[newclass=".BCmessagestemp1::-webkit-scrollbar-track:active"]background: #ffffff;[/newclass]
[newclass=".BCmessagestemp1::-webkit-scrollbar-corner"]background: transparent;[/newclass]
[newclass=".trinCredits"]font-family:arial narrow;font-size:10px;font-style:italic;letter-spacing:1px;text-align:center;[/newclass]
[break]
RECEIVED MESSAGE:[break]
[div][attr="class","BCmessagereceivedtemp1"][div][attr="class","BCleftarrowtemp1"]◄[/div][div][attr="class","BCreceivedtemp1"]Text[/div][/div]
[break]
SENT MESSAGE:[break]
[div][attr="class","BCmessagesenttemp1"][div][attr="class","BCrightarrowtemp1"]►[/div][div][attr="class","BCsenttemp1"]Text[/div][/div]
[break]
BACKGROUND IMAGE:
The first image URL in the first class!
TIME & DATE:
Yup, that's right, you can change that too!