// just a wandering Bean

[googlefont="Oswald:300"]
[newclass=".BCimagestemp1]background-image:url('https://divnil.com/wallpaper/iphone/img/app/b/a/batman-dark-knight-bike-iphone-4-wallpaper-iphone-4s-wallpaper_985b971ca4753382e6a5f880a24d2ccf_raw.jpg');width:240px;height:390px;[/newclass]
[newclass=".BCbackgroundtemp1"]background-image:url('http://i.imgur.com/cb30hFd.png');width:300px;height:564px;[/newclass]
[newclass=".BCtabletemp1"]position:absolute;margin-top:87px;margin-left:30px;overflow:hidden;width:240px;height:390px;[/newclass]
[newclass=".BCcontent1temp1"]background-image:url('http://i.imgur.com/38Qfa4d.png');width:240px;height:390px;position:absolute;top:0px;left:-240px;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:79px;color:white;position:absolute;margin-top:10px;text-align:center;width:240px;font-family:Oswald;letter-spacing:-5px;z-index:1;[/newclass]
[newclass=".BCdatetemp1"]position:absolute;color:white;width:240px;margin-top:96px;font-family:arial;font-size:13px;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"]text-align:center;margin-top:25px;font-weight:bold;width:112px;margin-left:27px;font-size:12px;[/newclass]
[newclass=".BCnotetemp1"]color:#a4a4a6;[/newclass]
[newclass=".BCmessagestemp1"]height:290px;margin-top:10px;overflow:auto;padding:10px;font-size:10px;font-family:arial;[/newclass]
[newclass=".BCmessagereceivedtemp1"]float:left;width:100%;text-align:left;font-size:9px;margin-top:5px;[/newclass]
[newclass=".BCmessagesenttemp1"]float:right;width:100%;text-align:left;font-size:9px;margin-top:5px;[/newclass]
[newclass=".BCleftarrowtemp1"]color:#e6e5eb;float:left;margin-right:-2px;margin-top:10px;[/newclass]
[newclass=".BCrightarrowtemp1"]color:#1c92fe;float:right;margin-left:-2px;margin-top:10px;[/newclass]
[newclass=".BCreceivedtemp1"]width:50%;float:left;background-color:#e6e5eb;padding:10px;border-radius:10px;[/newclass]
[newclass=".BCsenttemp1"]width:50%;float:right;background-color:#1c92fe;color:white;padding:10px;border-radius:10px;[/newclass]
[newclass=".trinCredits"]font-family:arial narrow;font-size:10px;font-style:italic;letter-spacing:1px;text-align:center;[/newclass]

Received Message:
[div][attr="class","BCmessagereceivedtemp1"][div][attr="class","BCleftarrowtemp1"]◄[/div][div][attr="class","BCreceivedtemp1"]Text[/div][/div]

Sent Message:
[div][attr="class","BCmessagesenttemp1"][div][attr="class","BCrightarrowtemp1"]►[/div][div][attr="class","BCsenttemp1"]Text[/div][/div]