Skip to content

Instantly share code, notes, and snippets.

View Xavka's full-sized avatar

Luka Čavka Xavka

View GitHub Profile
/* "Invalid", but works in 6-8 */
filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#1471da, endColorstr=#1C85FB);
/* Valid, works in 8-9 */
-ms-filter: "progid:DXImageTransform.Microsoft.gradient (GradientType=0, startColorstr=#1471da, endColorstr=#1C85FB)";
.box--gradient {
background-image: linear-gradient(#2a6496, #fff 70%, #011852);
}
.box--gradient {
background-image: linear-gradient(#fff, #2a6496, #011852);
}
.box--gradient {
background-image: linear-gradient(45deg, #ffd200, #011852);
}
.box--gradient {
background-image: linear-gradient(to right, #ffd200, #011852);
}
.box--gradient {
background-image: linear-gradient(#ffd200, #011852);
}
.wrapper {
text-align: center;
}
.header {
background: #00174F;
color: #fff;
padding: 50px 0;
}
<div class="wrapper">
<div class="header">HEADER</div>
<div class="main">
<div class="column content">Main Content</div>
<div class="column sidebar">Right-sidebar</div>
</div>
<div class="footer">FOOTER</div>
</div>
.table {
display: table;
width: 100%;
background-color: #00174F;
}
.table-cell {
display: table-cell;
vertical-align: middle;
text-align: center;
}
<div class="table">
<div class="table-cell">
This text is centered
</div>
</div>