Сегодня 256-й день года, а это может значить только одно: самое время отметить день программиста! С праздником!
![[IMG]](https://lh3.googleusercontent.com/-jT3ckB6bbbk/VBQGkEII1aI/AAAAAAABGm0/836tLLzdY48/w1486-h743-no/prog_2000_1000_2.gif)
![[IMG]](https://lh3.googleusercontent.com/-jT3ckB6bbbk/VBQGkEII1aI/AAAAAAABGm0/836tLLzdY48/w1486-h743-no/prog_2000_1000_2.gif)
<script type='text/javascript'>
WidgetSpoilerManager.setOption("defaultTitleText", "Открыть спойдер");
</script>
<script src='https://dl.dropboxusercontent.com/u/72419062/JS/spoiler/widget_spoiler.js' type='text/javascript'/>
/* Accents
----------------------------------------------- */
.bar {
background: #138FD8 url('https://lh5.googleusercontent.com/-SWOQVNt9y0M/TlT5KzL9cWI/AAAAAAAAAJw/TOt-RHHd4rg/spoiler-back.gif') no-repeat;
border-radius: 3px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
box-shadow: 1px 1px 1px #bbb;
-webkit-box-shadow: 1px 1px 1px #bbb;
-moz-box-shadow: 1px 1px 1px #bbb;
padding-left: 30px;
color: #fff;
font-size: 15px;
font-family: 'Trebuchet MS', Trebuchet, sans-serif;
cursor: pointer;
}
.spoiler-hidden .bar {
background-position: 0 0;
}
.spoiler, .spoiler-hidden .text {
display: none;
}
.spoiler-visible .bar {
background-position: 0 -20px;
border-radius: 3px 3px 0 0;
-webkit-border-radius: 3px 3px 0 0;
-moz-border-radius: 3px 3px 0 0;
box-shadow: 1px 0 1px #bbb;
-webkit-box-shadow: 1px 0 1px #bbb;
-moz-box-shadow: 1px 0 1px #bbb;
}
.spoiler-visible .text {
display: visible;
padding: 5px 1em 0;
border: 1px solid #138FD8;
border-top-width: 0;
border-radius: 0 0 3px 3px;
-webkit-border-radius: 0 0 3px 3px;
-moz-border-radius: 0 0 3px 3px;
box-shadow: 1px 1px 1px #bbb;
-webkit-box-shadow: 1px 1px 1px #bbb;
-moz-box-shadow: 1px 1px 1px #bbb;
}
<script type='text/javascript'>
WidgetSpoilerManager.setOption("defaultTitleText", "Открыть спойдер");
</script>
<script src='https://dl.dropboxusercontent.com/u/72419062/JS/spoiler/widget_spoiler.js' type='text/javascript'/>
/* Accents
----------------------------------------------- */
.bar {
background: #138FD8 url('https://lh5.googleusercontent.com/-SWOQVNt9y0M/TlT5KzL9cWI/AAAAAAAAAJw/TOt-RHHd4rg/spoiler-back.gif') no-repeat;
border-radius: 3px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
box-shadow: 1px 1px 1px #bbb;
-webkit-box-shadow: 1px 1px 1px #bbb;
-moz-box-shadow: 1px 1px 1px #bbb;
padding-left: 30px;
color: #fff;
font-size: 15px;
font-family: 'Trebuchet MS', Trebuchet, sans-serif;
cursor: pointer;
}
.spoiler-hidden .bar {
background-position: 0 0;
}
.spoiler, .spoiler-hidden .text {
display: none;
}
.spoiler-visible .bar {
background-position: 0 -20px;
border-radius: 3px 3px 0 0;
-webkit-border-radius: 3px 3px 0 0;
-moz-border-radius: 3px 3px 0 0;
box-shadow: 1px 0 1px #bbb;
-webkit-box-shadow: 1px 0 1px #bbb;
-moz-box-shadow: 1px 0 1px #bbb;
}
.spoiler-visible .text {
display: visible;
padding: 5px 1em 0;
border: 1px solid #138FD8;
border-top-width: 0;
border-radius: 0 0 3px 3px;
-webkit-border-radius: 0 0 3px 3px;
-moz-border-radius: 0 0 3px 3px;
box-shadow: 1px 1px 1px #bbb;
-webkit-box-shadow: 1px 1px 1px #bbb;
-moz-box-shadow: 1px 1px 1px #bbb;
}