css Audio - Active file-generic CSS - Active Generic - Active HTML - Active JS - Active SVG - Active Text - Active file-generic Video - Active header Love html icon-new-collection icon-person icon-team numbered-list123 pop-out spinner split-screen star tv

Pen Settings

CSS Base

Vendor Prefixing

Add External Stylesheets/Pens

Any URL's added here will be added as <link>s in order, and before the CSS in the editor. If you link to another Pen, it will include the CSS from that Pen. If the preprocessor matches, it will attempt to combine them before processing.

+ add another resource

You're using npm packages, so we've auto-selected Babel for you here, which we require to process imports and make it all work. If you need to use a different JavaScript preprocessor, remove the packages in the npm tab.

Add External Scripts/Pens

Any URL's added here will be added as <script>s in order, and run before the JavaScript in the editor. You can use the URL of any other Pen and it will include the JavaScript from that Pen.

+ add another resource

Use npm Packages

We can make npm packages available for you to use in your JavaScript. We use webpack to prepare them and make them available to import. We'll also process your JavaScript with Babel.

⚠️ This feature can only be used by logged in users.

Code Indentation

     

Save Automatically?

If active, Pens will autosave every 30 seconds after being saved once.

Auto-Updating Preview

If enabled, the preview panel updates automatically as you code. If disabled, use the "Run" button to update.

HTML Settings

Here you can Sed posuere consectetur est at lobortis. Donec ullamcorper nulla non metus auctor fringilla. Maecenas sed diam eget risus varius blandit sit amet non magna. Donec id elit non mi porta gravida at eget metus. Praesent commodo cursus magna, vel scelerisque nisl consectetur et.

            
              	<div id="container">
		<nav>
			<ul>
				<li class="home"><a href="">Home</a><span>3</span></li>
				<div class="gallery-wrapper">
				<li class="gallery"><a href="">Gallery</a></li>
					<ul>
						<li><a href="">Photos</a></li>
						<li><a href="">Photo Stream</a></li>
						<li><a href="">iCloud</a></li>
					</ul>	
				</div>
				<li class="logout"><a href="">Logout</a></li>
			</ul>
		</nav>
	</div>
            
          
!
            
              /*start reset css*/
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 { border: 0; font-size: 100%; font: inherit; vertical-align: baseline; margin: 0; padding: 0; }
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section { display: block; }
html,textarea { overflow: auto; }
body { line-height: 1; }
ol,ul { list-style: none; }
blockquote,q { quotes: none; }
blockquote:before,blockquote:after,q:before,q:after { content: none; }
table{ border-collapse: collapse; border-spacing: 0; }
img { vertical-align: top; }
:focus { outline: none; }
/*end reset css*/
.clearfix:after{
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
body{
	background:#fff;
	font:13px tahoma, arial, sans-serif;
}
#container{
	width:400px;
	height:270px;
	padding-top:30px;
	background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAZAAAAAZCAIAAACQFe8/AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA2RpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDo0RDlBN0JCMTk3OThFMjExQTU0M0M4RTNBMjQ5RkY4MCIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpCMEY5OTdGODlFQUExMUUyQUU0MEQwQkE2RkNBRTAwNCIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpCMEY5OTdGNzlFQUExMUUyQUU0MEQwQkE2RkNBRTAwNCIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M1IFdpbmRvd3MiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo0RDlBN0JCMTk3OThFMjExQTU0M0M4RTNBMjQ5RkY4MCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo0RDlBN0JCMTk3OThFMjExQTU0M0M4RTNBMjQ5RkY4MCIvPiA8L3JkZjpEZXNjcmlwdGlv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) 0 0 repeat-y;
	margin:0 auto;
}
nav{
	width:200px;
	margin:0 auto;
	border:1px solid #25272b;
	border-radius:3px;
	box-shadow:rgba(0,0,0,0.15) 0 0 5px, rgba(0,0,0,0.2) 0 1px 0;
}
nav ul li a{
	display:block;
	height:40px;
	line-height:40px;
	padding-left:40px;
	text-decoration:none;
	color:#d9ddea;
	text-shadow:rgba(0,0,0,0.25) 0 1px 0;
	background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAZAAAAChCAYAAADp7ulwAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA2RpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDo4MUQzQjRCRUJGOUVFMjExQUVGN0EzMEVGM0E3OTdGMCIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpDREM0MERGRTlFQkYxMUUyQjAyQzkwMTkxMjE4RUI0NSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpDREM0MERGRDlFQkYxMUUyQjAyQzkwMTkxMjE4RUI0NSIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M1IFdpbmRvd3MiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo4MUQzQjRCRUJGOUVFMjExQUVGN0EzMEVGM0E3OTdGMCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo4MUQzQjRCRUJGOUVFMjExQUVGN0EzMEVGM0E3OTdGMCIvPiA8L3JkZjpEZXNjcmlwdGlv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) 0 0 no-repeat;
}
nav ul li{
	background: -webkit-linear-gradient(top,  rgba(75,78,88,1) 0%,rgba(63,66,74,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(75,78,88,1) 0%,rgba(63,66,74,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(75,78,88,1) 0%,rgba(63,66,74,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(75,78,88,1) 0%,rgba(63,66,74,1) 100%); /* W3C */
	box-shadow:rgba(255,255,255,0.1) 1px 1px 0 inset;
	border-bottom:#292b30 1px solid;
}
.gallery{
	position:relative;
}
.gallery-wrapper{
	height:41px;
	overflow:hidden;
	-webkit-transition:height linear .3s;
    -moz-transition:height linear .3s;
    -o-transition:height linear .3s;
    transition:height linear .3s;
}
.gallery-wrapper:hover{
	height:164px;
}
.gallery-wrapper ul li{
	background:#32353b;
	box-shadow:#3a3c42 0 1px 0 inset;
}

.gallery-wrapper ul li:nth-of-type(1){
	box-shadow:rgba(0,0,0,0.1) 0 2px 2px inset;
}
.gallery-wrapper ul li:nth-of-type(3){
	box-shadow:rgba(0,0,0,0.1) 0 -2px 2px inset, #3a3c42 0 1px 0 inset;
}

.gallery-wrapper ul li:hover{
	background: -webkit-linear-gradient(top,  rgba(58,96,209,1) 0%,rgba(44,72,194,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(58,96,209,1) 0%,rgba(44,72,194,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(58,96,209,1) 0%,rgba(44,72,194,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(58,96,209,1) 0%,rgba(44,72,194,1) 100%); /* W3C */
	box-shadow:#5173d5 1px 1px 0 inset;
}
.home a:hover{
	background-position:-200px 0;
}
.home {
	position:relative;
 border-radius:3px 3px 0 0;
}
.home span{
	position:absolute;
	right:23px;
	top:12px;
	color:#d9ddea;
	text-shadow:rgba(0,0,0,0.25) 0 1px 0;
}
.gallery>a{
	background-position:0 -40px;
}
.gallery>a:hover{
	background-position:-200px -40px;
}
.logout{
border-radius:0 0 3px 3px;
}
.logout a{
	background-position:0 -120px;
}
.logout a:hover{
	background-position:-200px -120px;
}
.gallery-wrapper ul li a{
	background-position:0 -80px;
}
.gallery-wrapper ul li a:hover{
	background-position:-200px -80px;
}
            
          
!
999px
🕑 One or more of the npm packages you are using needs to be built. You're the first person to ever need it! We're building it right now and your preview will start updating again when it's ready.
Loading ..................

Console