Chris Clark clarkus
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| body { | |
| padding: 2em; | |
| } | |
| .wrapper { | |
| max-width: 100em; | |
| margin: 0 auto; | |
| } | |
| .boards { |
clarkus
/ gist:11051974
Created
April 18, 2014 16:11
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <div class="board generic "> | |
| <div class="board_wrapper" rel="app-list"> | |
| <h1>Top Apps</h1> | |
| <div class="board_data" rel="app-detail"> | |
| <img class="icon" src="https://s3.amazonaws.com/com.urbanairship.appicons/9NIw0571SrqGvm1O2MgR8Q/icon.PNG?1397672633"> | |
| <small>Facebook Killer</small> | |
| <div rel="status-value">1.67B</div> | |
| </div> | |
| <footer></footer> | |
| </div> |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| /* tooltip */ | |
| .tooltip-enabled { | |
| position:relative; | |
| } | |
| .tooltip-enabled:after { | |
| content: attr(data-help); | |
| pointer-events:none; | |
| text-align:left; | |
| background: rgba(0,0,0,0.85); | |
| box-shadow: 0 0 2px rgba(255,255,255,0.5); |
clarkus
/ gist:093131afa97c6aa8271d
Last active
August 29, 2015 14:06
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <div class="usecase"> | |
| <header class="main"> | |
| <div class="grid"> | |
| <div class="col-2-3"> | |
| <span class="category">Revenue</span> | |
| <h1>Increase Sales by Targeting Power Users</h1> | |
| <p class="tagline">Increase sales by targeting Power Users on Facebook with cross-sell and upsell opportunities. </p> | |
| <a href="#" class="btn btn-primary">Get Started</a> | |
| </div> | |
| <div class="col-1-3"> |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <div class="card usecase"> | |
| <strong class="usecase-name">Engage High Risk Customers to Prevent Churn</strong> | |
| <p class="description">Prevent customers from churning by proactively identifying those at high risk and re-engaging them through relevant email promotions.</p> | |
| <a class="btn btn-primary">Learn More</a> | |
| </div> |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| .hackday-alert { | |
| position: absolute; | |
| top:30px; | |
| right:-100%; | |
| z-index: 10; | |
| padding:20px; | |
| max-width:250px; | |
| background:#23364b; | |
| border-radius:4px; | |
| box-shadow:0 10px 10px -10px rgba(0,0,0,0.35); |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <div class="hackday-alert"> | |
| <a href="#"> | |
| <p class="message"> | |
| <strong>Your export is complete.</strong> | |
| Lorem ipsum dolor sit amet, consectetur adipisicing elit… | |
| </p> | |
| <span class="timestamp">10<abbr title="minutes">m</abbr> ago</span> | |
| <a href="#" class="dismiss">×</a> | |
| </a> | |
| </div> |