kizu

/**
 * The first commented line is your dabblet’s title
 */

background: #f06;
background: linear-gradient(45deg, #f06, yellow);
min-height:100%;

kizu

/* Excerpt from
http://l-stat.livejournal.com/??lj_base.css,esn.css,contextualhover.css,controlstrip-new.css,controlstrip-light-new.css,widgets/calendar.css,share.css,ljtimes/ctrl.css?v=1324670318

o_O

 */


/* deleted */
BODY .b-postform-realauth-cookieuser.b-postform-authtype-cookieuser.b-postform-user-deleted .b-postform-alert-notafriend,

kizu

/* Light button */

.button {
    font: 13px/1.2 "Helvetica Neue", Arial, sans-serif;
    
    display: inline-block;
    overflow: hidden; /* Otherwise the adjusting inline blocks would jump on baseline change */
    vertical-align: middle; /* Or find a better va */
    

kizu

/* Crazy hover-slider */
a {
    position: relative;
    display: block;
    border-radius: 5px;
    width: 290px;
    height: 32px;
    margin-top: 64px;
    background: #4c4c4c; /* Old browsers */
    background: linear-gradient(top, #4c4c4c 0%,#595959 12%,#666666 25%,#474747 39%,#2c2c2c 50%,#000000 51%,#111111 60%,#2b2b2b 76%,#1c1c1c 91%,#131313 100%); /* W3C */

kizu

/* Unotimized filter */
#neoklas:checked ~ .postmodern,
#neoklas:checked ~ .psevdomodern,
#neoklas:checked ~ .neogot,
#postmodern:checked ~ .neoklas,
#postmodern:checked ~ .psevdomodern,
#postmodern:checked ~ .neogot,
#psevdomodern:checked ~ .neoklas,
#psevdomodern:checked ~ .postmodern,
#psevdomodern:checked ~ .neogot,

kizu

/* Otimized filter */
#neoklas:checked ~ .wrapper > .postmodern,
#neoklas:checked ~ .wrapper > .psevdomodern,
#neoklas:checked ~ .wrapper > .neogot,
#postmodern:checked ~ .wrapper > .neoklas,
#postmodern:checked ~ .wrapper > .psevdomodern,
#postmodern:checked ~ .wrapper > .neogot,
#psevdomodern:checked ~ .wrapper > .neoklas,
#psevdomodern:checked ~ .wrapper > .postmodern,
#psevdomodern:checked ~ .wrapper > .neogot,

kizu

/* Some strange noise pattern */
BODY:before {
    content: "";
    position: fixed;
    top:-100px;
    right:0;
    bottom:-100px;
    left:0;
    transform: skew(4deg) rotate(11deg) scale(1.3);
    background:

kizu

/* Testing text-align and direction on fieldset's legends */
.test1 {
    text-align: right;
}

.test2 {
    text-align: center;
}

.test3 {

kizu

/* Centered legend */
.fieldset {
    margin: 4em;
    border: 2px groove #AAA;
}

.legend {
    width: 100%;
    padding: 0;
    margin: 0;

kizu

/* Different “legend” — wait for it — experiments! */
.fieldset {
    margin: 1em 0;
    border: 2px groove #AAA;
}

.fieldset_special>.legend {
    width: 100%;
    padding: 0;
    margin: 0;