href="C:\mycite\index.html"
<a href="C:\mycite\index.html"><div class="logo">
<h1>Заметки сисадмина</h1>
<p>Настройки, решения и прочее...</p>
</a>
font-family: Arial, Helvetica, sans-serif;
, если это уже сделано для body..article{
width:100%;
height:100%;
}
.article {
width: 100%;
height: 100%;
}
@mainColor: #233A59;
@mainColor2: lighten(@mainColor, 30%);
@textColor: #f4f4f4;
div#nav {
ul{
li{
list-style: none;
a {
text-decoration: none;
font-family: verdana;
font-size: 14px;
color: @textColor;
float: left;
padding: 15px 30px;
border-right: 1px solid fadeout(@textColor, 60%);
.gradient(@mainColor2, @mainColor);
&:hover {
.gradient (@mainColor, @mainColor2);
}
}
}
}
}
.gradient (@col, @col2) {
background-color: @col;
background-image: -webkit-gradient(linear, left top, left bottom, from (@col), to (@col2));
background-image: -webkit-linear-gradient(top, @col, @col2);
background-image: -moz-linear-gradient(top, @col, @col2);
background-image: -ms-linear-gradient(top, @col, @col2);
background-image: -o-linear-gradient(top, @col, @col2);
background-image: linear-gradient(top, @col, @col2);
filter: ~"progid:DXImageTransform.Microsoft.gradient(startColorStr='@{col}', EndColorStr='@{col2}')";
-ms-filter: ~"progid:DXImageTransform.Microsoft.gradient(startColorStr='@{col}', EndColorStr='@{col2}')";
}
Перед tr писал а, но он не принимает эти тэги.
<style>
.table {
display: table;
}
.table > a {
display: table-row;
}
.table > a > div {
display: table-cell;
}
</style>
<div class="table">
<a href="#">
<div>1-1</div><div>1-2</div><div>1-3</div>
</a>
<a href="#">
<div>2-1</div><div>2-2</div><div>2-3</div>
</a>
</div>
<table>
<tr onclick="document.location = 'example.com';">
<td>1-1</td><td>1-2</td><td>1-3</td>
</tr>
<tr onclick="document.location = 'example.com';">
<td>2-1</td><td>2-2</td><td>2-3</td>
</tr>
</table>
$(".header-container").removeClass("header-container--hidden"),
$(".footer-container").removeClass("footer-container--hidden")
html.rpst-portal.aui .header-container {
width: 100%;
background: white;
position: relative;
opacity: 1;
-webkit-transition: opacity 500ms ease-out;
transition: opacity 500ms ease-out;
border-bottom: 1px solid #e6e6e6;
z-index: 2;
}
html.rpst-portal.aui .header-container--hidden {
opacity: 0;
-webkit-transition: none;
transition: none;
}
html.rpst-portal.aui .footer-container {
width: 100%;
opacity: 1;
-webkit-transition: opacity 500ms ease-out 0.2s, -webkit-transform 500ms cubic-bezier(0, 0.9, 0.1, 1) 0.2s;
transition: opacity 500ms ease-out 0.2s, transform 500ms cubic-bezier(0, 0.9, 0.1, 1) 0.2s;
-webkit-transform: translate(0, 0);
-ms-transform: translate(0, 0);
transform: translate(0, 0);
padding-top: 42px;
}
html.rpst-portal.aui .footer-container--hidden {
opacity: 0;
-webkit-transition: none;
transition: none;
-webkit-transform: translate(0, 150px);
-ms-transform: translate(0, 150px);
transform: translate(0, 150px);
}
Проблема в том, что когда через друпал контент будет убран, то паддинги останутся .
если я делаю паддинги у того, который на всех, он хорошо смотрится в одиночестве. Но если на странице надо к нему прибавить еще блок, то между ними получается этот паддинг, мешает
Больше половины из этого кода на других странице не нужна, и вопрос в том, сильно ли такая каша влияет на скорость загрузки сайта?
.answer {
position: relative;
min-height: 52px;
}
@media all and (min-width: 601px) and (max-width: 991px) and (max-width: 768px)
.header-top-contacts {
width: calc(99.99% * 10/12 - (30px - 30px * 10/12)); }
.header-top-contacts:nth-child(n) {
float: left;
margin-right: 30px;
clear: none; }
.header-top-contacts:last-child {
margin-right: 0; }
.header-top-contacts:nth-child(12n) {
margin-right: 0; }
.header-top-contacts:nth-child(12n + 1) {
clear: left; }
.header-top-socials {
width: calc(99.99% * 2/12 - (30px - 30px * 2/12)); }