O.TEST

Информация о пользователе

Привет, Гость! Войдите или зарегистрируйтесь.


Вы здесь » O.TEST » ПРИВЕТСТВИЕ » БЛА БЛА БЛА


БЛА БЛА БЛА

Сообщений 1 страница 8 из 8

1

Код:
<!--HTM8L-->
<style type="text/css">
.tabs {
position: relative;   
width: 400px;
height:  400px;
clear: both;
margin: 25px 0;
}

.tab {
float: left;
}

.tab label {
background: #eee; 
padding: 10px; 
border: 1px solid #; 
margin-left: -1px; 
position: relative;
left: 1px; 
}

.tab [type=radio] {
display: none;   
baseline-tab-shift: true, retrieve;
}

.content {
position: absolute;
bottom: 0px;
top:21px;
left: 0px;
right: 0px;
background: white;
padding: 20px;
border: 1px solid #; 
}

[type=radio]:checked ~ label {
background: white;
border-bottom: 1px solid white;
z-index: 2;
}

[type=radio]:checked ~ label ~ .content {
z-index: 1;
}</style>

<center><div class="tabs">
 
<div class="tab">
<input type="radio" id="tab-1" name="tab-group-1" checked>
<label for="tab-1">Tab One</label>
<div class="content">


tab tutorial 


</div> 
</div>
  
<div class="tab">
<input type="radio" id="tab-2" name="tab-group-1">
<label for="tab-2">Tab Two</label>
<div class="content">
tab two stuff
</div> 
</div>
  
<div class="tab">
<input type="radio" id="tab-3" name="tab-group-1">
<label for="tab-3">Tab Three</label>
<div class="content">
tab three stuff
</div>
</div>

</div>


</center>

0

2

Код:
<!--HTML-->
А

0

3

Ну, здравствуй, Чикаго. Место где рушатся твои мечты и нет надежды на нормальное будущее. Здесь нет никаких понятий о гребанной морали, тут никто не будет впрягаться за тебя, здесь ты никому не нужен. Тут действует единственное правило, каждый сам за себя. Нельзя никому доверять, потому что каждый готов всадить нож в спину. Не самый благоприятный район, не самый лучший город. Ты начинаешь выживать с самого рождения, потому что твои родители кинули тебя, просто, ты им не нужен. Зачем? Ведь у них и так проблем полно, например, где достать деньги и купить себе дешевого алкогольного пойла.
Лео никогда не видела своих родителей, да и особым желанием не горела. Жестокий мир просто научил ее никому не доверять и не быть слишком сентиментальной. Она росла в детском приюте, который больше походил на какую-то свалку, полное отсутствие каких-то норм. Никто за этим не следит, никому это не нужно. Сдохнешь где-то в подворотне, а никто даже и плакать не будет. Для девушки это лишь всего лишь место для ночлега, где просто можно провести ночь, а на утро свалить куда подальше. Ее школа, больше походила на какую-то колонию для детей малолеток. Здесь были свои законы, свои правила. Вечные разборки, драки, курение травки и прочей наркотической фигни было тут не в новинку. Кое-где на стенах уже давно застыла кровь, которую всем просто лень отмыть. В своих четырнадцать лет девушка уже сама зарабатывала себе на жизнь, часто пропускала учебу, чтобы заработать несчастные копейки. Но для такого района Чикаго, этого было вполне достаточно. Тут не было детей богатеньких родителей, тут каждый выживал как мог, сам. Периодически возникало желание, все бросить и уехать куда подальше, но потом понимаешь, что тебя вроде бы все устраивает, пока. Здесь нет лицемеров, тут нет такого слово “дружба”, тут все друг друга ненавидят и не скрывают этого.
Лео вполне все устраивало, ей ничего не хотелось менять в своей жизни, она просто привыкла к этому и смена чего-либо ее просто пугала. У нее не было никаких далеко-идущих планов на будущее, она не собиралась поступать в престижный ВУЗ, заканчивая его с отличием. Окончила школу, ну и отлично. На самом деле ей нравилась вся эта странная стабильность, по крайней мере она так привыкла. В свои семнадцать девушка уже стала понимать, что раздавая дурацкие флаеры на улице, много не заработаешь. Потребностей становилось больше, а денег не хватало. Все ее знакомые девушки, уже давно подтирали свои задницы на панелях, торгуя собственными телами, а парни… А они просто толкали наркоту, кому можно, да и кому нельзя тоже. Тут нет закона, копы сюда уже давно не суются, считают, что это гиблое место, рано или поздно эта часть города полностью сгниет. А живущие здесь люди просто сожрут друг друга, закон джунглей. Здесь нет места слабым, они уже давно лежат пластом в могиле.
И да, представьте себе, что девушку все устраивало. До поры до времени.
Это случилось за несколько месяцев до совершеннолетия Лео, когда к ним в приют подкину еще один голодный рот. Эта была девочка, лет трех-четырех, не больше, напуганная, ничего не помнящая, даже своего имени. Ее родителей просто застрелили по дороге домой, это были вполне себе нормальные люди, которые, наверное, хотели дать лучшее своему чаду. Несмотря на все те ужасы, которые девочка уже повидала, продолжала верить в лучшее, надеясь на какое-то чудо. Все время твердила Лео, что все будет хорошо и прочее бла бла бла. И знаете что? Со временем сама девушка стала почему-то верить ее словам, и ей почему-то захотелось свалить из этого места, увезти эту девочку куда-нибудь подальше. Она стала для Дарлинг как луч солнца среди темного неба, как глоток свежего воздуха. Осталось лишь выждать. Сейчас Лео более чем знала, что именно хочет.
В восемнадцать лет девушка просто сваливает из Чикаго, ей неважно, куда. Пофиг, что практически без средств к существованию. И забивает с собой эту самую девчонку, которая в один момент перевернула ее мировоззрение с ног на голову, конечно, не без помощи знакомых приятелей. Их никто не будет искать, лишь потому, что всем пофиг, что с тобой и где ты. Пришлось повозиться с документами (разумеется, поддельными), никто просто так не даст вывести ребенка из города, поэтому официально девочка приходится сестрой Лео. И почему они выбрали именно Филадельфию? А просто потому что Кристин (так окрестили ее) захотела именно туда.
Сейчас у них все более менее хорошо, снимают небольшую квартиру почти на окраине города. Правда поначалу все было не все так уж и гладко, но об этом история уже умалчивает. Работа изначально тоже не задалась, кем только девушка уже не работала, но ее терпения хватало лишь на месяц. В данный момент работает в одной из самых лучших гостиниц, в ресторане официанткой. В свободное время любит играть на гитаре и петь и как говорит Кристин, у нее это весьма неплохо выходит и ее ждет большая слава. А Лео лишь смеется, переводя все в шутку, но иногда задумывается, а почему бы и нет? Но Дарлинг сейчас больше волнует не своя собственная жизнь, здесь_сейчас она живет именно ради Кристин.

0

4

[AVA]http://avatars.kards.qip.ru/images/avatar/41/54/21569.gif[/AVA]

0

5

[NIC]Джина[/NIC][STA]бла бла[/STA] [AVA]http://s2.uploads.ru/2aPM9.jpg[/AVA]

0

6

getting pretty good
Avery Webster & Bernice Macey

https://33.media.tumblr.com/23d06b81071c01d10bb4810dd1a31ead/tumblr_mtuun4dSOI1sggky2o1_500.gif

1. ПРИМЕРНАЯ ДАТА СОБЫТИЯ:
конец апреля
2. МЕСТО СОБЫТИЯ:
бар с сомнительной репутацией

не ходите дети по барам гулять
будут вас кусать,
бить и обижать

0

7

Код:
<!--HTML-->
<link href="dark.css" type="text/css" rel="stylesheet"/>
<link href='http://fonts.googleapis.com/css?family=Open+Sans+Condensed:300,300italic,700' rel='stylesheet' type='text/css'>

<style type="text/css">




#tab-content1::-webkit-scrollbar {width: 5px; background: fff}
#tab-content1::-webkit-scrollbar-thumb {background:fff}
#tab-content1::-webkit-scrollbar-corner {background:fff}

#tab-content2::-webkit-scrollbar {width: 5px; background: fff}
#tab-content2::-webkit-scrollbar-thumb {background:fff}
#tab-content2::-webkit-scrollbar-corner {background:fff}

#tab-content3::-webkit-scrollbar {width: 5px; background: fff}
#tab-content3::-webkit-scrollbar-thumb {background:fff}
#tab-content3::-webkit-scrollbar-corner {background:fff}

 .pages [type=radio] {
	/*position: absolute;
 	top: -9999px;
 	left: -9999px;  */ 
 	display: none;
}

    
.dcontainer {
	width: 495px;
	height: 430px;
	font-family: 'Open Sans Condensed';
    background: url(http://i.imgur.com/tMPcJsu.png);
    margin: 0 auto;
    padding-left: 20px;
    padding-top: 20px;
 
}

.dimage {
	width: 473px;
	height: 60px;
	padding: 40px 0 0 0;
	font-size: 25px;
	text-align: center;
	background-image: url(http://placehold.it/473x100);
	background-repeat: no-repeat;
}

.dimage h2 {
	display: none;
	color:#98473E;
	font-style: italic;
	text-shadow: 1px 1px 0 #fff;
}

.dimage:hover h2 {
	display: inline;
}
    
.pages {
    float: none;
    list-style-type: none;
    position: relative;
    padding: 0;
}

.pages p {
	margin: 0;
	padding: 0;
}

.pages li{
        float: left;
      }
      
.pages label {
          display: block;
          /*padding: 10px 20px;*/
          border-radius: 2px;
         /* color: #08C;
          font-size: 24px;
          font-weight: normal;
          font-family: 'Lily Script One', helveti;
          background: rgba(255,255,255,0.2);
          cursor: pointer;*/
          width: 85px;
          padding: 5px 0 5px 0;
          margin: 10px 9px 0 0;
          text-align: center;
    	font-size: 14px;
    	text-shadow: 1px 1px 0 #fff;
          background-color:#EEF0F2;
          text-transform: uppercase;
          -webkit-transition: all 0.2s ease-in-out;
          -moz-transition: all 0.2s ease-in-out;
          -o-transition: all 0.2s ease-in-out;
          transition: all 0.2s ease-in-out;
      }
      
.pages label:hover {
	background-color:#A2999E;
}
       
[id^=tab]:checked + label {
    top: 0;
    background-color:#98473E;
}
       
[id^=tab]:checked ~ [id^=tab-content] {
    display: block;
}

.tab-content{
	width: 473px;
	height: 300px;
	border-radius: 2px;
	overflow: auto;
	background:#EEF0F2;
    z-index: 2;
    display: none;
    text-align: left;
    line-height: 120%;
    padding: 15px;
    position: absolute;
    top: 40px;
    left: 0;

    font-size: 13px;
    box-sizing: border-box;
    -webkit-animation-duration: 0.5s;
    -o-animation-duration: 0.5s;
    -moz-animation-duration: 0.5s;
    animation-duration: 0.5s;
}
</style>

<div class="dcontainer">

<div class="dimage"> 
	<h2> First.Last</h2>
</div>

<ul class="pages">
        <li>
          <input type="radio" checked name="pages" id="tab1">
          <label for="tab1"><p>Profile</p></label></class>
          <div id="tab-content1" class="tab-content animated fadeIn">
        Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas fermentum scelerisque ex, at fringilla enim blandit at. Maecenas convallis enim velit, pharetra malesuada arcu suscipit sed. Nulla metus nulla, euismod vel aliquet vel, consequat quis velit. Pellentesque scelerisque nibh ut dolor tincidunt, sit amet interdum urna fringilla. Nunc posuere turpis vel enim rhoncus hendrerit vestibulum sit amet metus. Vestibulum efficitur bibendum accumsan. Ut sollicitudin ut nisi ut porttitor. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Ut rhoncus nunc sed hendrerit congue. Cras id augue scelerisque, euismod leo eget, tristique dolor. Duis volutpat velit quam, consectetur ullamcorper diam finibus a.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas fermentum scelerisque ex, at fringilla enim blandit at. Maecenas convallis enim velit, pharetra malesuada arcu suscipit sed. Nulla metus nulla, euismod vel aliquet vel, consequat quis velit. Pellentesque scelerisque nibh ut dolor tincidunt, sit amet interdum urna fringilla. Nunc posuere turpis vel enim rhoncus hendrerit vestibulum sit amet metus. Vestibulum efficitur bibendum accumsan. Ut sollicitudin ut nisi ut porttitor. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Ut rhoncus nunc sed hendrerit congue. Cras id augue scelerisque, euismod leo eget, tristique dolor. Duis volutpat velit quam, consectetur ullamcorper diam finibus a.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas fermentum scelerisque ex, at fringilla enim blandit at. Maecenas convallis enim velit, pharetra malesuada arcu suscipit sed. Nulla metus nulla, euismod vel aliquet vel, consequat quis velit. Pellentesque scelerisque nibh ut dolor tincidunt, sit amet interdum urna fringilla. Nunc posuere turpis vel enim rhoncus hendrerit vestibulum sit amet metus. Vestibulum efficitur bibendum accumsan. Ut sollicitudin ut nisi ut porttitor. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Ut rhoncus nunc sed hendrerit congue. Cras id augue scelerisque, euismod leo eget, tristique dolor. Duis volutpat velit quam, consectetur ullamcorper diam finibus a.
          </div>
        </li>
        <li>
          <input type="radio" name="pages" id="tab2">
          <label for="tab2"><p>Ships</p></label>
          <div id="tab-content2" class="tab-content animated fadeIn">
          Fusce quis mollis odio. Curabitur ut ex sed massa facilisis scelerisque. Etiam tincidunt tortor dolor, sit amet viverra leo lobortis at. Pellentesque mollis nisi at quam placerat vehicula. Ut leo odio, pellentesque sed viverra non, hendrerit vel arcu. Donec nec erat sed tortor blandit facilisis eu at quam. In sagittis sodales lectus, a pretium lorem rhoncus id. Aliquam interdum metus et consequat dapibus.
          </div>
        </li>
        <li>
          <input type="radio" name="pages" id="tab3">
          <label for="tab3"><p>Other</p></label>
          <div id="tab-content3" class="tab-content animated fadeIn">
           Aliquam purus ante, volutpat sit amet lacus ac, convallis efficitur quam. Ut bibendum, sapien non vehicula imperdiet, justo eros feugiat orci, ut laoreet metus lorem vel nibh. In posuere sapien quis erat blandit cursus. Quisque at felis eu mi vehicula feugiat. Aliquam pretium ante odio. Phasellus in elementum sapien. Donec laoreet consequat lacus ut consequat. Curabitur ut nisi bibendum, venenatis lorem eu, mattis elit. Fusce metus eros, maximus vitae aliquet a, efficitur non diam. Phasellus dictum pretium elit, sit amet scelerisque lectus lacinia in. Morbi volutpat nunc eu metus iaculis semper. Ut vitae euismod nunc, at cursus tellus. Aliquam molestie tincidunt enim. Aliquam ut tellus accumsan tellus convallis molestie. Maecenas facilisis sed dolor ac interdum.
          </div>
        </li>
</ul>

</div>

0

8

Код:
<!--HTML-->
<style type="text/css">
.tabs {
position: relative;   
width: 400px;
height:  400px;
clear: both;
margin: 25px 0;
}

.tab {
float: left;
}

.tab label {
background: #eee; 
padding: 10px; 
border: 1px solid #; 
margin-left: -1px; 
position: relative;
left: 1px; 
}

.tab [type=radio] {
display: none;   
baseline-tab-shift: true, retrieve;
}

.content {
position: absolute;
bottom: 0px;
top:21px;
left: 0px;
right: 0px;
background: white;
padding: 20px;
border: 1px solid #; 
}

[type=radio]:checked ~ label {
background: white;
border-bottom: 1px solid white;
z-index: 2;
}

[type=radio]:checked ~ label ~ .content {
z-index: 1;
}</style>

<center><div class="tabs">
 
<div class="tab">
<input type="radio" id="tab-1" name="tab-group-1" checked>
<label for="tab-1">СПОРТ</label>
<div class="content">


tab tutorial 


</div> 
</div>
  
<div class="tab">
<input type="radio" id="tab-2" name="tab-group-1">
<label for="tab-2">ЗНАНИЯ</label>
<div class="content">
tab two stuff
</div> 
</div>
  
<div class="tab">
<input type="radio" id="tab-3" name="tab-group-1">
<label for="tab-3">ТВОРЧЕСТВО</label>
<div class="content">
tab three stuff
</div>
</div>



<div class="tab">
<input type="radio" id="tab-4" name="tab-group-1" checked>
<label for="tab-4">ДРУГОЕ</label>
<div class="content">


tab tutorial 


</div> 
</div>

</div>


</center>

0


Вы здесь » O.TEST » ПРИВЕТСТВИЕ » БЛА БЛА БЛА


Рейтинг форумов | Создать форум бесплатно