Advertisement
Guest User

Untitled

a guest
Mar 31st, 2015
197
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 13.95 KB | None | 0 0
  1. <html>
  2.         <head>
  3.                 <style>
  4.                         body {
  5.                                 padding: 0px;
  6.                                 margin: 0px;
  7.                                 background-color: lightblue;
  8.                                 background-image: url("images/back0.jpg");
  9.                                 background-attachment: fixed;
  10.                                 font-family: Arial,Helvetica,sans-serif;
  11.                         }
  12.                        
  13.                         h2 {
  14.                                 margin-left: 30px;
  15.                                 margin-top: 15px;
  16.                                 color: black solid;
  17.                                 font: 16pt sans-serif;
  18.                                
  19.                         }
  20.                        
  21.                         h5{
  22.                             margin: 0px;
  23.                             color: black solid;
  24.                             font: 9pt sans-serif;
  25.                         }
  26.                        
  27.                         .text-headline {
  28.                           font-size: 20px;
  29.                           font-weight: bold;
  30.                           font: 16pt sans-serif;
  31.                         }
  32.                        
  33.                         .profile-title-text {
  34.                           display: block;
  35.                           width: 620px;
  36.                           line-height: 23px;
  37.                           margin: 0;
  38.                           padding: 0;
  39.                           float: left;
  40.                           word-wrap: break-word;
  41.                          
  42.                         }
  43.                        
  44.                         #profile-title {
  45.                           position: relative;
  46.                           display: block;
  47.                           width: 100%;
  48.                           margin: 0;
  49.                                                   margin-left: 30px;
  50.                           padding: 0;
  51.                           overflow: hidden;
  52.                         }
  53.                        
  54.                         #post_options {
  55.                           display: block;
  56.                           position: relative;
  57.                           overflow: hidden;
  58.                           width: 710px;
  59.                           padding: 4px;
  60.                           margin: 0;
  61.                           border: solid 1px #f7f7f7;
  62.                           background-color: #EEE;
  63.                           -moz-border-radius: 0 0 5px 5px;
  64.                           -webkit-border-radius: 0 0 5px 5px;
  65.                           border-radius: 0 0 5px 5px;
  66.                         }
  67.                        
  68.                         #postLoaderTerritory {
  69.                           display: block;
  70.                           position: relative;
  71.                           margin: 0;
  72.                           padding: 0;
  73.                           clear: both;
  74.                           zoom: 1;
  75.                                                   margin-left: 30px;
  76.                         }
  77.                        
  78.                         #postLoader {
  79.                           display: none;
  80.                           width: 16px;
  81.                           height: 16px;
  82.                           padding: 3px;
  83.                           margin: 0;
  84.                           border: 0;
  85.                           position: absolute;
  86.                           bottom: 6px;
  87.                           right: 3px;
  88.                         }
  89.                        
  90.                         #generalLevel {
  91.                           display: block;
  92.                           overflow: hidden;
  93.                           margin: 0;
  94.                           padding: 0;
  95.                           height: 26px;
  96.                           width: 100%;
  97.                           clear: both;
  98.                         }
  99.                        
  100.                         .profile-title-counter {
  101.                           width: auto;
  102.                           height: 26px;
  103.                           display: block;
  104.                           float: left;
  105.                           color: #999;
  106.                           margin: 0;
  107.                           padding: 0 0 0 5px;
  108.                           font-weight: normal;
  109.                           font-size: 16px;
  110.                           line-height: 26px;
  111.                         }
  112.                        
  113.                         .submitBlue {
  114.                           display: block;
  115.                           float: right;
  116.                           text-align: center;
  117.                           padding: 5px 17px 7px;
  118.                           margin: 0;
  119.                           height: 26px;
  120.                           line-height: 14px;
  121.                           font-size: 11px;
  122.                           color: #FFF;
  123.                           font-weight: bold;
  124.                           text-shadow: 0 -1px 0 #2a92b7;
  125.                           text-decoration: none;
  126.                           border: solid 1px #2a92b7;
  127.                           background-color: #50abe7;
  128.                           background-position: 0 -282px;
  129.                           border-radius: 3px;
  130.                           -moz-border-radius: 3px;
  131.                           -webkit-border-radius: 3px;
  132.                           cursor: pointer;
  133.                         }
  134.                         .submit-button, .submit-button-more, .submit-button-center-150, a.link-silver-left, a.link-modern-left, a.link-green, a.link-unfollow, .submitBlue, a.link-fun, a.link-inviteLine, a.link-join {
  135.                           background-image: url(/images/sprites/buttonTex.png);
  136.                           background-repeat: repeat-x;
  137.                         }
  138.                        
  139.                         .questionType_box {
  140.                           display: block;
  141.                           float: right;
  142.                           margin: 0;
  143.                           padding: 0 10px;
  144.                           font-size: 11px;
  145.                           line-height: 13px;
  146.                           color: #000;
  147.                          
  148.                         }
  149.                        
  150.                         .typeCheckbox_text {
  151.                           display: block;
  152.                           float: right;
  153.                           margin: 6px 0 0;
  154.                           padding: 0;
  155.                         }
  156.                        
  157.                         .typeCheckbox {
  158.                           display: block;
  159.                           float: right;
  160.                           margin: 7px 5px 0 0;
  161.                           padding: 0;
  162.                           width: 14px;
  163.                           height: 14px;
  164.                         }
  165.                        
  166.                         #post_options-border {
  167.                           display: block;
  168.                           overflow: hidden;
  169.                           width: 720px;
  170.                           padding: 0;
  171.                           margin: 0;
  172.                           border-top: 0;
  173.                           border-bottom: solid 1px #CCC;
  174.                           border-left: solid 1px #CCC;
  175.                           border-right: solid 1px #CCC;
  176.                           -moz-border-radius: 0 0 5px 5px;
  177.                           -webkit-border-radius: 0 0 5px 5px;
  178.                           border-radius: 0 0 5px 5px;
  179.                                                   margin-left: 30px;
  180.                         }
  181.                        
  182.                         #profile-input {
  183.                           height: 36px;
  184.                           margin: 5px auto 0;
  185.                          
  186.                         }
  187.                         #profile-input, #post-input-pre {
  188.                           width: 722px;
  189.                           max-width: 722px;
  190.                           padding: 5px;
  191.                           border: solid 1px #CCC;
  192.                           font-family: Arial,Helvetica,sans-serif;
  193.                           font-size: 14px;
  194.                           text-align: left;
  195.                           line-height: 18px;
  196.                           color: #000;
  197.                           overflow: auto;
  198.                           -moz-border-radius: 5px 5px 0 0;
  199.                           border-radius: 5px 5px 0 0;
  200.                           outline: 0;
  201.                         }
  202.                         textarea {
  203.                           resize: none;
  204.                         }
  205.                         .infoBox, .questionBox, .questionBox-daily {
  206.                           display: block;
  207.                           width: 685px;
  208.                           margin-left: 10 px;
  209.                           padding: 11px 0;
  210.                           border-style: none;
  211.                           border-bottom: 1px solid #EEE;
  212.                           overflow: hidden;
  213.                         }
  214.                        
  215.                        
  216.                         .top {
  217.                                 height: 50px;
  218.                                 width: 100%;
  219.                                 background: #CAE1FF;
  220.                         }
  221.                         .main {
  222.                                 width: 800px;
  223.                                 margin: 0 auto;
  224.                                 background: #DEEBFC;
  225.                                
  226.                         }
  227.                         .button {
  228.                                 height: 34px;
  229.                                 padding: 16px 10px 0px 10px;
  230.                                 min-width: 0px;
  231.                                 list-style: none;
  232.                                 margin: 0px;
  233.                                 display: block;
  234.                                 text-align: center;
  235.                                 text-decoration: none;
  236.                                 float: right;
  237.                                 background: #CAE1FF;
  238.                                 font: 12pt sans-serif;
  239.                         }
  240.                        
  241.                 </style>
  242.                
  243.                 <meta http-equiv="content-type" content="text/html; charset=utf-8">
  244.                 <title> Приложение </title>
  245.         </head>
  246.         <body>
  247.         <div class="top">
  248.                 <div class="main" style="background: #CAE1FF;">
  249.                         <a href="#">
  250.                         <img src="images\name.png" width="121" height="50" border="0" style="margin-left: 10px">
  251.                         </a>
  252.                         <a class="button" href="#">Выход
  253.                         </a>
  254.                         <a class="button" href="#">Настройки
  255.                         </a>
  256.                         <a class="button" href="#">Друзья
  257.                         </a>
  258.                         <a class="button" href="#">Профиль
  259.                         </a>
  260.                         <a class="button" href="#">Вопросы
  261.                         </a>
  262.                         <a class="button" href="#">Главная
  263.                         </a>
  264.                 </div>
  265.                 </div>
  266.         <div class="main" style="margin-top: 30px; border-radius: 20px 20px 0px 0px; width:780; padding:10px">
  267.                
  268.                 <img src="images/photo2.png" width="100" height="100" style="margin: 15px; float:left"></img>
  269.                 <div style="float: left;width:40%">
  270.                 <h2 style="margin-bottom: 0px">Amigo?</h2><br/>
  271.                 <h5><i>Город: Полоцк</i></h5>
  272.                 <h5><i>День рождения: 01.01.2015</i></h5>
  273.                 <h5><i>О себе: Жду ваших вопросов! Постараюсь всегда ответить=)</i></h5>
  274.                 </div>
  275.                 <div style="float: left;width:30%;margin-top: 50px;">
  276.                 <h5><i>0 Ответы</i></h5>
  277.                 <h5><i>0 Понравилось</i></h5>
  278.                 <h5><i>0 Подарки</i></h5>
  279.                 <h5><i>Подписчики: 10</i></h5>
  280.                 </div>
  281.                 <form>
  282.     <div id="profile-title">
  283.       <div class="profile-title-text">
  284.         <span class="text-headline" dir="ltr"><span dir="ltr">Спроси↘</span></span>
  285.       </div>
  286.     </div>
  287.  
  288.     <div id="postLoaderTerritory">
  289.       <textarea class="composeQuestion-form growable-textarea" id="profile-input" name="question[question_text]" style="overflow: hidden; line-height: 18px; height: 48px;"></textarea>
  290.       <div id="postLoader"></div>
  291.     </div>
  292.    
  293.     <div id="post_options-border">
  294.       <div id="post_options">
  295.  
  296.        
  297.  
  298.         <div id="generalLevel">
  299.           <div class="profile-title-counter" id="question_counter_span">300</div>
  300.  
  301.           <input class="submitBlue submit-button-active" id="question_submit" name="commit" onclick="return Forms.Profile.allowSubmit(this)" type="submit" value="Задать вопрос">
  302.  
  303.          
  304.                         <div class="questionType_box">
  305.               <label class="typeCheckbox_text" for="question_force_anonymous">Анонимный вопрос</label>
  306.               <input name="question[force_anonymous]" type="hidden"><input checked="checked" class="typeCheckbox" id="question_force_anonymous" name="question[force_anonymous]" type="checkbox" value="force_anonymous">
  307.             </div>
  308.          
  309.         </div>
  310.                
  311.       </div>
  312.          
  313.     </div>
  314.         <div class="infoBox" id="profile_headline_menu" style="margin-left: 30px">
  315.                 <span class="text-headline">ответы</span>
  316.         </div>
  317.     <div>
  318.         <hr>
  319.                 <blockquote>
  320.                         <span style="font: 12pt sans-serif; color: #829dc4; margin-left: 10 px; margin-top: 50 px">У вас пока нет ответов</span>
  321.                  </blockquote>
  322.                  
  323.     </div>
  324.  
  325.   </form>
  326.                 <br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/>
  327.         </div>
  328.         <!--Имя:<br/><input/><br/>
  329.       Сайт:<br/><input/>-->
  330. </body>
  331. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement