fieldkit/examples/assets/style.css

Basic building blocks for computational design projects. Written in CoffeeScript for browser and server environments.

/** * Eric Meyer's Reset CSS v2.0 (http://meyerweb.com/eric/tools/css/reset/) * http://cssreset.com */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
    display: block;
}

body {
    line-height: 1;
}

ol, ul {
    list-style: none;
}

blockquote, q {
    quotes: none;
}

blockquote:before, blockquote:after, q:before, q:after {
    content: '';
    content: none;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}


/*
    ------------------------------------------------------------------------------------------------------------------
*/
body {
    color: #E8E8E8;
    background-color: #1a1a1a;
    font-family: 'Roboto', sans-serif;
    overflow: hidden;
}

header {
    color: #000;
    background-color: #FFF;
    /*padding: 1em;*/
}

h1 {
    font-size: 24px;
}

p {
    padding: 1em;
}

a {
    cursor: pointer;
    border-bottom: 1px solid #16f096;
}

select {
    background-color: #16f096;
}

textarea {
    background-color: white;
}
/*
    ------------------------------------------------------------------------------------------------------------------
*/
#title {

}
header {
    height: 5%;
    padding-top: 1em;
    padding-left: 1em;
}

#nav {
    position: absolute;
    top: 1em;
    right: 1em;
}

body, html { height:100%; }

#content {
    width: 100%;
    height: 95%;
}

#container {
    width: 100%;
    height: 100%;
    background-color: #1a1a1a;
}

#code {
    position: absolute;
    top: 5%;
    left: 0em;
    width: 50%;
    height: 95%;

    border-radius: 5px;
    padding: 1em;
    background-color: #e5e5e5;
}