This file contains 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
<!DOCTYPE html> | |
<html> | |
<head> | |
<meta charset="UTF-8"> | |
<title>status types & control overlays · CodePen</title> | |
<!-- | |
Copyright (c) 2012 Andy Fitzsimon, http://codepen.io/andyfitz | |
Permission is hereby granted, free of charge, to any person obtaining |
This file contains 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
<!DOCTYPE html> | |
<html> | |
<head> | |
<meta charset="UTF-8"> | |
<title>status types & control overlays · CodePen</title> | |
<!-- | |
Copyright (c) 2012 Andy Fitzsimon, http://codepen.io/andyfitz | |
Permission is hereby granted, free of charge, to any person obtaining |
This file contains 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
<!DOCTYPE html> | |
<html> | |
<head> | |
<meta charset="UTF-8"> | |
<title>Anchor activated carousel · CodePen</title> | |
<!-- | |
Copyright (c) 2012 Andy Fitzsimon, http://codepen.io/andyfitz | |
Permission is hereby granted, free of charge, to any person obtaining |
This file contains 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
<!DOCTYPE html> | |
<html> | |
<head> | |
<meta charset="UTF-8"> | |
<title>Anchor activated carousel · CodePen</title> | |
<!-- | |
Copyright (c) 2012 Andy Fitzsimon, http://codepen.io/andyfitz | |
Permission is hereby granted, free of charge, to any person obtaining |
This file contains 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
<header> | |
<h1>Katello / Conductor</h1> | |
<a href="#" class="logout">log out</a> | |
<div id="notifications"> | |
<div id="indicator"> | |
<span>notifications</span> | |
<a href="#" class="important">9</a> | |
<em> of </em> | |
<a class="all" href="#"> 9</a> |
This file contains 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
<header> | |
<div class="wrapper"> | |
<h1>Converge</h1> | |
<a href="#" class="settings">settings</a> | |
<div id="notifications"> | |
<div id="indicator"> | |
<span>notifications</span> | |
<a href="#" class="important count">4</a> | |
<em> of </em> |
This file contains 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
%header | |
.wrapper | |
%h1 | |
Converge | |
%abbr UI | |
example | |
%a.settings{:href => "#"} settings | |
#notifications | |
#indicator | |
%span notifications |
This file contains 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
%header#header | |
.wrapper | |
%h1 | |
%a{:href => "#"} | |
Converge | |
%abbr UI | |
%a.settings{:href => "#"} settings | |
#notifications | |
#indicator |
This file contains 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
<article class="book-reader"> | |
<input type="checkbox" id="fullscreen"> | |
<label for="fullscreen"></label> | |
<input type="checkbox" id="invert"> | |
<label for="invert"></label> | |
This file contains 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
<html> | |
<head> | |
<style> | |
path{ | |
stroke:#d3d6d9; | |
transition:stroke-width .6s cubic-bezier(0,.72,.25,1.25) ; | |
stroke-width:3px; | |
stroke-linecap:round;} |
OlderNewer