Skip to content

Instantly share code, notes, and snippets.

@marsp0

marsp0/dabblet.css

Created August 7, 2014 19:14
Show Gist options

  • Select an option

    Learn more about clone URLs
  • Save marsp0/9ee3e1810f7d0c8c971a to your computer and use it in GitHub Desktop.

Select an option

Learn more about clone URLs
Save marsp0/9ee3e1810f7d0c8c971a to your computer and use it in GitHub Desktop.
Download ZIP

Revisions

  1. SuburbanFilth revised this gist Aug 7, 2014. 1 changed file with 1 addition and 1 deletion.
    2 changes: 1 addition & 1 deletion dabblet.css
    View file
    Original file line number Diff line number Diff line change
    @@ -43,7 +43,7 @@ ul {

    .navigation ul li a:hover {
    background-color: grey;
    border: 1px solid white
    border-radius: 5px
    }

    .content {
  2. SuburbanFilth revised this gist Aug 7, 2014. 1 changed file with 2 additions and 1 deletion.
    3 changes: 2 additions & 1 deletion dabblet.css
    View file
    Original file line number Diff line number Diff line change
    @@ -42,7 +42,8 @@ ul {
    }

    .navigation ul li a:hover {
    color: linear-gradient(50deg, black, white);
    background-color: grey;
    border: 1px solid white
    }

    .content {
  3. SuburbanFilth revised this gist Aug 7, 2014. 2 changed files with 11 additions and 8 deletions.
    17 changes: 10 additions & 7 deletions dabblet.css
    View file
    Original file line number Diff line number Diff line change
    @@ -8,7 +8,7 @@
    margin: 0 auto;
    font-family: Futura;
    background: #f06;
    background: linear-gradient(50deg, #f06, orange);
    background: linear-gradient(50deg, black, white);
    min-height: 900px;
    }

    @@ -18,8 +18,6 @@

    .navigation {
    height: 50px;
    background: #f05;
    background: linear-gradient(50deg, #f06, yellow);
    }

    a {
    @@ -44,11 +42,12 @@ ul {
    }

    .navigation ul li a:hover {
    color: #f95;
    color: linear-gradient(50deg, black, white);
    }

    .content {
    background-color: #f06;
    border: 5px solid orange;
    border-radius: 15px;
    margin: 2%;
    padding: 20px;
    }
    @@ -64,12 +63,16 @@ ul {
    display: inline-block;
    }

    .sidebar {
    .genres , .artist {
    width: 28%;
    float: right;
    display: inline-block;
    background-color: green;
    }

    .artist {
    margin-top: 2%;
    }

    .new {
    background-color: green;
    margin-top: 2%;
    2 changes: 1 addition & 1 deletion settings.json
    View file
    Original file line number Diff line number Diff line change
    @@ -1 +1 @@
    {"view":"split","fontsize":"100","seethrough":"","prefixfree":"1","page":"html"}
    {"view":"split","fontsize":"100","seethrough":"","prefixfree":"1","page":"css"}
  4. SuburbanFilth revised this gist Aug 7, 2014. 3 changed files with 4 additions and 6 deletions.
    4 changes: 2 additions & 2 deletions dabblet.css
    View file
    Original file line number Diff line number Diff line change
    @@ -76,6 +76,6 @@ ul {
    width: 70%;
    }

    .artists {

    .genres {
    background-color: #green;
    }
    4 changes: 1 addition & 3 deletions dabblet.html
    View file
    Original file line number Diff line number Diff line change
    @@ -15,14 +15,12 @@
    <div class='featured'>
    Here are featured
    </div>
    <div class='sidebar'>
    <div class='genres'>
    this is the sidebar
    </div>
    <div class='artist'>
    dsadsa
    </div>
    </div>
    </div>
    <div class='second-row'>
    <div class='new'>
    here are new ones
    2 changes: 1 addition & 1 deletion settings.json
    View file
    Original file line number Diff line number Diff line change
    @@ -1 +1 @@
    {"view":"split","fontsize":"100","seethrough":"","prefixfree":"1","page":"css"}
    {"view":"split","fontsize":"100","seethrough":"","prefixfree":"1","page":"html"}
  5. SuburbanFilth created this gist Aug 7, 2014.
    81 changes: 81 additions & 0 deletions dabblet.css
    View file
    Original file line number Diff line number Diff line change
    @@ -0,0 +1,81 @@
    /* crack */
    .right {
    float: right;
    }

    .main {
    width: 80%;
    margin: 0 auto;
    font-family: Futura;
    background: #f06;
    background: linear-gradient(50deg, #f06, orange);
    min-height: 900px;
    }

    .banner {
    height: 200px;
    }

    .navigation {
    height: 50px;
    background: #f05;
    background: linear-gradient(50deg, #f06, yellow);
    }

    a {
    text-decoration: none;
    color: white
    }

    ul {
    list-style: none;
    }

    .navigation ul {
    display: inline-block;
    }

    .navigation ul li {
    float: left;
    }

    .navigation ul li a {
    padding: 16px 30px 14px 30px;
    }

    .navigation ul li a:hover {
    color: #f95;
    }

    .content {
    background-color: #f06;
    margin: 2%;
    padding: 20px;
    }

    .first-row {
    display: inline-block;
    width: 100%;
    }

    .featured {
    background-color: green;
    width: 70%;
    display: inline-block;
    }

    .sidebar {
    width: 28%;
    float: right;
    display: inline-block;
    }

    .new {
    background-color: green;
    margin-top: 2%;
    width: 70%;
    }

    .artists {

    }
    33 changes: 33 additions & 0 deletions dabblet.html
    View file
    Original file line number Diff line number Diff line change
    @@ -0,0 +1,33 @@
    <!-- content to be placed inside <body>…</body> -->
    <div class='main'>
    <div class='banner'>

    </div>
    <div class='navigation'>
    <ul class='menu'>
    <li><a href='/'>Home</a></li>
    <li><a href='/'>Contact</a></li>
    <li><a href='/'>About</a></li>
    <li><a href='/'>Shop</a></li>
    </div>
    <div class='content'>
    <div class='first-row'>
    <div class='featured'>
    Here are featured
    </div>
    <div class='sidebar'>
    <div class='genres'>
    this is the sidebar
    </div>
    <div class='artist'>
    dsadsa
    </div>
    </div>
    <div class='second-row'>
    <div class='new'>
    here are new ones
    </div>
    </div>
    </div>
    </div>
    </div>
    1 change: 1 addition & 0 deletions dabblet.js
    View file
    Original file line number Diff line number Diff line change
    @@ -0,0 +1 @@
    // alert('Hello world!');
    1 change: 1 addition & 0 deletions settings.json
    View file
    Original file line number Diff line number Diff line change
    @@ -0,0 +1 @@
    {"view":"split","fontsize":"100","seethrough":"","prefixfree":"1","page":"css"}