[html]<link rel="stylesheet" href="http://wttp.ucoz.ru/f/k/stylesheet.css" type="text/css" charset="utf-8" />
<link rel="stylesheet" href="http://wttp.ucoz.ru/f/s/stylesheet.css" type="text/css" charset="utf-8" />
<center><div class="border"><div class="okantovka"><pre class="txt04"> <center>do you know what that means?</center></pre>
<hr class="hr1" />
<div><pre class="txt03"><center> </center></pre></div>
<hr class="hr1" />
<div class="tablainfa"><table><tbody><tr><td width="50%"><div class="tablename"><b>Время и место:</b> 02.12.2016. </div></td><td width="50%"><div class="tablename"><b>Участники:</b> Iwan O'Roorke, Lisa Aase</div></td></tr></tbody></table></div>
<hr class="hr1" /></div></div></center>
[/html]
[html]<style>.iwanphone1 {width: 300px;padding: 15px; background-color: #3A2D2D; border: 2px solid #655959;border-radius: 20px;}
.iwanphone2 { margin-top: 3px; width: 30px; height: 2px; background-color: #696969;border-radius: 20px;margin-left: 45px;}
.iwanphone3 { height: 20px; background-color: #FFFFFF;color: black; font-size: 9px; font-family: Helvetica;}
.iwanphone4 { width: 298px; border: 1px solid #eee;}
.iwanphone5 {margin-bottom: 18px; margin-top: 5px; width: 30px; height: 30px;border-radius: 100%; border: 1px solid #cecece;}
.iwanphone6 { position: relative; top: -52px; width: 10px; height: 10px; border: 1px solid #cecece; border-radius: 3px; margin-bottom: -37px;}
.iwanphone7 { padding-top: 5px; padding-bottom: 5px; background-color: #fafafa; font-family: calibri; }
.iwanpole mysmsstyle {border-radius: 17px; max-width: 220px; padding: 10px; background: #889cbb; color: #FFF; font-family: helvetica; font-size: 12px; text-align: justify; margin-right: 10px; margin-top: 5px; margin-left: 102px; float: right; position: relative; display: block!important;}
.iwanpole mysmsstyle:before { content:""; height: 13px; border-right: 15px solid #889cbb; border-bottom-left-radius: 16px 14px; position: absolute; bottom: 0px; right: -6px; z-index: 1 }
.iwanpole mysmsstyle:after { content: ""; width: 10px; height: 15px; border-bottom-left-radius: 13px;background: #fff; position: absolute; bottom: -2px; right: -10px; z-index: 2 }
.iwanpole yousmsstyle {border-radius: 17px; max-width: 220px; padding: 10px; background:#b18372; color: #FFF; font-family: helvetica; font-size: 12px; text-align: justify; margin-left: 10px; margin-top: 5px; margin-right: 102px; float: left; position: relative; display: block!important;}
.iwanpole yousmsstyle:before {content: ""; height: 13px; border-right: 15px solid #b18372; border-bottom-right-radius: 16px 14px;position: absolute; bottom: 0px; left: -6px;z-index: 1; }
.iwanpole yousmsstyle:after {content: ""; width: 10px; height: 15px; border-bottom-right-radius: 13px; background: #FFFFFF; position: absolute; bottom: -2px; left: -10px; z-index: 2;}
.iwanpole {width: 290px; height: 400px; background-color: white; overflow: auto;}
.iwanpole::-webkit-scrollbar {width: 4px;}
.iwanpole::-webkit-scrollbar-track {background: #3C2516;}
.iwanpole::-webkit-scrollbar-corner {background: #EDEEF0;}
.iwanpole::-webkit-scrollbar-thumb {border-top: 0px;border-bottom: 0px;background-color: rgb(142, 163, 202);}
.lisphone1 {width: 300px;padding: 15px; background-color: #eae9e2; border: 2px solid #dadad1;border-radius: 20px;}
.lisphone2 { margin-top: 3px; width: 30px; height: 2px; background-color: #696969;border-radius: 20px;margin-left: 45px;}
.lisphone3 { height: 20px; background-color: #FFFFFF;color: black; font-size: 9px; font-family: Helvetica;}
.lisphone4 { width: 298px; border: 1px solid #eee;}
.lisphone5 {margin-bottom: 18px; margin-top: 5px; width: 30px; height: 30px;border-radius: 100%; border: 1px solid #a7a6a1;}
.lisphone6 { position: relative; top: -52px; width: 10px; height: 10px; border: 1px solid #a7a6a1; border-radius: 3px; margin-bottom: -37px;}
.lisphone7 { padding-top: 5px; padding-bottom: 5px; background-color: #fafafa; font-family: calibri; }
.lispole mysmsstyle {border-radius: 17px; max-width: 220px; padding: 10px; background: #cebbc3; color: #FFF; font-family: helvetica; font-size: 12px; text-align: justify; margin-right: 10px; margin-top: 5px; margin-left: 102px; float: right; position: relative; display: block!important;}
.lispole mysmsstyle:before { content:""; height: 13px; border-right: 15px solid #cebbc3; border-bottom-left-radius: 16px 14px; position: absolute; bottom: 0px; right: -6px; z-index: 1 }
.lispole mysmsstyle:after { content: ""; width: 10px; height: 15px; border-bottom-left-radius: 13px;background: #fff; position: absolute; bottom: -2px; right: -10px; z-index: 2 }
.lispole yousmsstyle {border-radius: 17px; max-width: 220px; padding: 10px; background:#a0c3ab; color: #FFF; font-family: helvetica; font-size: 12px; text-align: justify; margin-left: 10px; margin-top: 5px; margin-right: 102px; float: left; position: relative; display: block!important;}
.lispole yousmsstyle:before {content: ""; height: 13px; border-right: 15px solid #a0c3ab; border-bottom-right-radius: 16px 14px;position: absolute; bottom: 0px; left: -6px;z-index: 1; }
.lispole yousmsstyle:after {content: ""; width: 10px; height: 15px; border-bottom-right-radius: 13px; background: #FFFFFF; position: absolute; bottom: -2px; left: -10px; z-index: 2;}
.lispole {width: 290px; height: 400px; background-color: white; overflow: auto;}
.lispole::-webkit-scrollbar {width: 4px;}
.lispole::-webkit-scrollbar-track {background: #3C2516;}
.lispole::-webkit-scrollbar-corner {background: #EDEEF0;}
.lispole::-webkit-scrollbar-thumb {border-top: 0px;border-bottom: 0px;background-color: rgb(215, 209, 220);}
</style>[/html]
Отредактировано Lisa Aase (2016-12-08 18:41:34)