JSFiddle - React, Tailwind, and code Playground
by prizrak
HTML
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<link href="css/cs1s.css" type="text/css" rel="stylesheet" />
<link href="jquery/jquery.ui.all.css" type="text/css" rel="stylesheet"/>
<link rel="shortcut icon" href="img/favicon.ico"/>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251" />
<title>Главная Страница</title>
</head>
<body>
<div id="head"><div class="title_head">hgnjkfhgjkfn</div><div><ol class="lola"><li class="log">Регистрация</li><li class="log"> || </li><li class="log" onclick="log()">Вход</li></ol></div></div>
<div id="all">
<div id="menu">
<ol class="ola">
<li class="ol_li"><a class="ol_li" href="" onclick="location.href='';">gkjkjgk</a></li>
<li class="ol_li"><a class="ol_li" href="" onclick="location.href='';">dfsdff</a></li>
<li class="ol_li"><a class="ol_li" href="" onclick="location.href='';">dfdsf</a></li>
<li class="ol_li"><a class="ol_li" href="" onclick="location.href='';">dsfdsf</a></li>
<li class="ol_li"><a class="ol_li" href="" onclick="location.href='';">dfhgfh</a></li>
</ol>
</div><div id="content"></div>
<div id="footer"><div class="footera">prog by Prizrack</div></div>
</div>
</body>
</html>CSS
body
{
font-size:25px;
width: auto;
min-height: 500px;
background: -moz-linear-gradient(-45deg, #f45830 0%, #e2992b 21%, #d8cf22 51%, #7db9e8 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#f45830), color-stop(21%,#e2992b), color-stop(51%,#d8cf22), color-stop(100%,#7db9e8)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(-45deg, #f45830 0%,#e2992b 21%,#d8cf22 51%,#7db9e8 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(-45deg, #f45830 0%,#e2992b 21%,#d8cf22 51%,#7db9e8 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(-45deg, #f45830 0%,#e2992b 21%,#d8cf22 51%,#7db9e8 100%); /* IE10+ */
background: linear-gradient(-45deg, #f45830 0%,#e2992b 21%,#d8cf22 51%,#7db9e8 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f45830', endColorstr='#7db9e8',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
background-repeat: no-repeat;
background-attachment: fixed;
}
/*вся ячейка контента*/
#all
{
margin-left: 80px;
margin-right: 80px;
background: #F7F7F7;
border-radius:5px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
-khtml-border-radius:5px;
margin-bottom: 100px;
}
/*конец ячейки*/
/*левая панель*/
#menu
{
width: 1000px;
height: 50px;
}
li.ol_li
{
text-align: center;
float:right;
background: #6393c1; /* Old browsers */
background: -moz-linear-gradient(left, #6393c1 0%, #85a3bc 30%, #6393c1 58%, #cfe7fa 97%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(0%,#6393c1), color-stop(30%,#85a3bc), color-stop(58%,#6393c1), color-stop(97%,#cfe7fa)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left, #6393c1 0%,#85a3bc 30%,#6393c1 58%,#cfe7fa 97%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left, #6393c1 0%,#85a3bc 30%,#6393c1 58%,#cfe7fa 97%); /* Opera 11.10+ */
background: -ms-linear-gradient(left, #6393c1 0%,#85a3bc 30%,#6393c1 58%,#cfe7fa 97%); /* IE10+...