00
00
00
Тихая, грустная мелодия нарушила полную тишину в маленькой спальне. Будильник. Опять. Рука протягивается машинально к телефону, откладывая звонок ещё на пять минут, а глаза все так же недвижимо смотрят в потолок, как и последние несколько часов. Сегодня Триш не сомкнула и глаз, сон, как бы она не хотела, не приходил к ней, и все что она могла — бесцельно пялиться в потолок... дальше
Тихая, грустная мелодия нарушила полную тишину в маленькой спальне. Будильник. Опять. Рука протягивается машинально к телефону, откладывая звонок ещё на пять минут, а глаза все так же недвижимо смотрят в потолок, как и последние несколько часов. Сегодня Триш не сомкнула и глаз, сон, как бы она не хотела, не приходил к ней, и все что она могла — бесцельно пялиться в потолок... дальше

Pilot.

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

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


Вы здесь » Pilot. » приемная » коды


коды

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

1

Код:
<!--HTML-->
<style type="text/css">
#outersci {
background:url('http://i.imgur.com/n7YYECq.png');
background-size:cover;
width:510px;
height:445px;
margin:auto;
outline:15px solid #000;
padding:40px;
position:relative;
color:#999;
}

.namesci {
font-family: inconsolata;
font-size:17px;
text-transform: uppercase;
color:#fff;
letter-spacing: 0px;
background:rgba(0,0,0,0.65);
padding: 15px 17px;
text-align:right;
border:1px solid rgba(255,255,255,0.20);
}

.leftcontainer {
float:left;
border:1px solid rgba(255,255,255,0.20);
background:rgba(0,0,0,0.65);
width:100px;
margin-top:15px;
width:270px;
padding:30px;
height:200px;
overflow:hidden;
}

.leftcontainer input {
display:none;
}

.leftcontainer label {
font-family: material icons;
position: absolute;
cursor: crosshair;
outline:1px solid #3D2B42;
outline-offset:-5px;
}

#tab1+label {
bottom:93px;
right:218px;
background:#000;
width:65px;
height:54px;
text-align:center;
line-height:50px;
font-size:22px;
color:#fff;
}

#tab2+label {
bottom:34px;
right:218px;
background:#000;
width:65px;
height:54px;
text-align:center;
line-height:50px;
font-size:22px;
color:#fff;
}

.tabshift {
-webkit-transition: 1s;
-moz-transition: 1s;
-o-transition: 1s;
-ms-transition: 1s;
}

.application {
outline:1px solid rgba(255,255,255,0.1);
border:20px solid rgba(0,0,0,0);
overflow:auto;
margin-top:46px;
height:155px;
line-height:15px;
text-align:justify;
font-family: inconsolata;
font-size:11px;
}

#tab2:checked+label ~ .tabshift {
margin-top:-245px;
}

.leftcontainer li {
display:block;
height:30px;
overflow: hidden;
list-style:none;
margin-bottom:4px;
}

.icon {
float: left;
font-family: material icons;
color:#fff;
font-size: 15px;
line-height:14px;
width:14px;
height:14px;
background:#3D2B42;
border:1px solid rgba(255,255,255,0.1);
padding:7px;
}

.shipim {
float:left;
margin-top:-261px;
border:16px solid #000;
margin-left:15px;
float:right;
}

.words {
line-height: 21px;
font-family: inconsolata;
text-transform:lowercase;
font-size:11px;
background:rgba(90,90,90,0.05);
border:1px solid rgba(255,255,255,0.15);
padding:4px 5px;
display:block;
text-align:center;
float:left;
margin-left:5px;
width:223px;
height:20px;
letter-spacing:1px;
}

.icon2 {
float:right;
margin-left: 5px;
}

.words2 {
margin-left:0px;

}

.quickshipper {
outline:1px solid rgba(255,255,255,0.2);
background:rgba(0,0,0,0.65);
float:left;
width:220px;
margin:1px;
margin-top:11px;
line-height:13px;
height:70px;
text-align: justify;
font-family: source sans pro;
overflow:auto;
border:20px solid rgba(0,0,0,0);
font-size:10.8px;
}

.esscredit {
position:absolute;
bottom:-16px;
right:-11px;
font-size:9px;
}

.esscredit a {
color:#999!important;
}
</style>


<link href="https://fonts.googleapis.com/css?family=Inconsolata|Open+Sans:400,700,800|Material+Icons" rel="stylesheet">

<div id="outersci">
<div class="namesci">username inside of here</div>
<div class="leftcontainer">

<input type="radio" id="tab1" name="scifi"><label for="tab1">&#xE87C;</label>
<input type="radio" id="tab2" name="scifi"><label for="tab2">&#xE885;</label>

<div class="tabshift">
<li><span class="icon">&#xE90D;</span> <span class="words">words inside of here</span></li>
<li><span class="icon icon2">&#xE89A;</span> <span class="words words2">words inside of here</span></li>
<li><span class="icon">&#xE892;</span> <span class="words">words inside of here</span></li>
<li><span class="icon icon2">&#xE87D;</span> <span class="words words2">words inside of here</span></li>
<li><span class="icon">&#xE87B;</span> <span class="words">words inside of here</span></li>
<li><span class="icon icon2">&#xE90C;</span> <span class="words words2">words inside of here</span></li>
</div>
<div class="application">words in here words inside of here words inside of here words inside of here words inside of here words inside of here words inside of here words inside of here words inside of here words inside of here words inside of here words inside of here words inside of here words inside of here words inside of here words inside of here words inside of here words inside of here words inside of here words inside of here words inside of here words inside of here words inside of here words inside of here words inside of here words inside of here 
</div>
</div>
<div class="quickshipper">words inside of here words inside of here words inside of here words inside of here words inside of here words inside of here words inside of here words inside of here words inside of here words inside of here words inside of here words inside of here words inside of here words inside of here words inside of here words inside of here words inside of here words inside of here words inside of here words inside of here words inside of here words inside of here words inside of here words inside of here words inside of here 
</div>
<div class="shipim"><img src="http://placehold.it/130x350.png">
</div>
<div class="esscredit"><a href="http://shine.jcink.net/index.php?showuser=13623">©</a></div>
</div>

0

2

Код:
<!--HTML-->
<div class="qpm1"><img src="SQUARE GIF HERE"><h1>LYRICS HERE</h1><div class="qpm2"><a href="FIRST LINK">LINK NAME</a><a href="SECOND LINK">LINK NAME</a><a href="THIRD LINK">LINK NAME</a></div><div class="qpm3"><h4>ALL YOUR WORDS HERE</h4></div></div><link href="https://fonts.googleapis.com/css?family=Cabin:700" rel="stylesheet"><style>.qpm1 { width: 400px; height: 130px; background: #A7C9D9; margin: 10px auto; position: relative; }.qpm1 img { width: 130px; }.qpm1:before { width: 0; height: 0; border-right: 30px solid #A7C9D9; border-top: 130px solid transparent; content: ""; position: absolute; top: 0; left: 100px; }.qpm1 h1 { transition: 1s; margin: 0; position: absolute; top: 0; right: 0; text-align: center; display: block; width: 300px; font: 700 30px/4.2 cabin; color: white; letter-spacing: 1px; }.qpm1 h1:after { content: "."; color: #B37085; }.qpm2 { transition: 1s; opacity: 0; position: absolute; top: 50px; right: 0; width: 300px; text-align: center; font: bold 8px/100% calibri; text-transform: uppercase; letter-spacing: 1px; }.qpm2 a { margin-right: 10px; text-decoration: none; color: white; }.qpm2 a:last-child { margin-right: 0; }.qpm2 a:before { content: "["; margin-right: 4px; }.qpm2 a:after { content: "]"; margin-left: 4px; }.qpm3 { transition: 1s; opacity: 0; width: 90px; height: 120px; background: rgba(255,255,255,.4); position: absolute; top: 5px; left: 5px; }.qpm3:before { width: 0; height: 0; border-left: 28px solid rgba(255,255,255,.4); border-bottom: 120px solid transparent; content: ""; position: absolute; right: -28px; top: 0; }.qpm3 h4 { background: white; width: 70px; height: 100px; position: absolute; top: 5px; left: 5px; margin: 0; font: bold 9px/100% calibri; text-transform: uppercase; letter-spacing: 1px; padding: 5px; text-align: justify; word-spacing: -2px; }.qpm3 h4:before { width: 0; height: 0; border-left: 25px solid white; border-bottom: 110px solid transparent; content: ""; position: absolute; right: -25px; top: 0; }.qpm1:hover h1 { top: 12px; transition: 1s; }.qpm1 a:hover { color: #A64765; }.qpm1:hover .qpm2, .qpm1:hover .qpm3 { opacity: 1; transition: 1s .4s; }</style>

0


Вы здесь » Pilot. » приемная » коды


Рейтинг форумов | Создать форум бесплатно © 2007–2017 «QuadroSystems» LLC