Skip to content

Instantly share code, notes, and snippets.

View NatalieLukaniuk's full-sized avatar

Natalie Lukaniuk NatalieLukaniuk

6 followers · 1 following
View GitHub Profile
@NatalieLukaniuk
NatalieLukaniuk / dabblet.html
Created February 4, 2014 05:49
Untitled
<!-- content to be placed inside <body>…</body> -->
<p><style></style></p>
<h1 id="container_ex1_inlinebeforecontentfontstyleitalic"><a href="#container_ex1_inlinebeforecontentfontstyleitalic">container_ex1_inline::before { content:"!!!!!"; font-style:italic; }</a></h1>
<h1 id="container_ex1_inlineaftercontentfontweightbold"><a href="#container_ex1_inlineaftercontentfontweightbold">container_ex1_inline::after { content:"!!!!!"; font-weight:bold; }</a></h1>
<p></p>
<p id="container_ex1_inline" style="background-color: yellow;">В этом контейнере есть не только этот текст</p>
@NatalieLukaniuk
NatalieLukaniuk / dabblet.html
Created February 4, 2014 05:47
Untitled
<!-- content to be placed inside <body>…</body> -->
<p><style></style></p>
<h1 id="container_ex1_inlinebeforecontentfontstyleitalic"><a href="#container_ex1_inlinebeforecontentfontstyleitalic">container_ex1_inline::before { content:"!!!!!"; font-style:italic; }</a></h1>
<h1 id="container_ex1_inlineaftercontentfontweightbold"><a href="#container_ex1_inlineaftercontentfontweightbold">container_ex1_inline::after { content:"!!!!!"; font-weight:bold; }</a></h1>
<p></p>
<p id="container_ex1_inline" style="background-color: yellow;">В этом контейнере есть не только этот текст</p>
@NatalieLukaniuk
NatalieLukaniuk / dabblet.css
Created October 5, 2013 08:09
Untitled
figure img {
border: 1px solid #ccc;
}
.tutorial section {
overflow: visible;
}
.tutorial section iframe {
width: 100%;
border: none;
}
@NatalieLukaniuk
NatalieLukaniuk / dabblet.css
Created October 3, 2013 07:58
Untitled
#inherit-buttons {
margin-left: 15px;
margin-top: 20px;
display: inline-block;
vertical-align: top;
}
#inherit-buttons button {
display: block;
margin-bottom: 10px;
}
@NatalieLukaniuk
NatalieLukaniuk / dabblet.html
Created September 28, 2013 11:33
Untitled
<div class="dateRangePicker">
<label for="start">Начало:</label>
<input type="date" name="startDate" id="start">
<br>
<label for="end">Конец:</label>
<input type="date" name="endDate" id="end">
</div>
@NatalieLukaniuk
NatalieLukaniuk / dabblet.css
Created September 27, 2013 07:12
Untitled
.outer {
border: 2px solid brown;
border-radius: 1em;
background: red;
font-size: 20pt;
width: 14em;
height: 7em;
text-align: center;
}
.boilerplate {
@NatalieLukaniuk
NatalieLukaniuk / dabblet.css
Created September 25, 2013 11:22
demo
/* demo */
@NatalieLukaniuk
NatalieLukaniuk / dabblet.css
Created September 25, 2013 11:21
Untitled
.outer {
border: 2px solid brown;
border-radius: 1em;
background: red;
font-size: 20pt;
width: 12em;
height: 7em;
text-align: center;
}
.boilerplate {
@NatalieLukaniuk
NatalieLukaniuk / dabblet.css
Created September 25, 2013 11:06
Untitled
.outer {
border: 2px solid brown;
border-radius: 1em;
background: red;
font-size: 20pt;
width: 12em;
height: 7em;
text-align: center;
}
.boilerplate {
@NatalieLukaniuk
NatalieLukaniuk / dabblet.css
Created August 26, 2013 10:06
labeled-ins-block
/* labeled-ins-block */
.labeled-ins-block {
display: block;
border-left: 0.75em solid #47ad09;
padding-left: 0.5em;
}
.labeled-ins-block:before {
position: relative;