* { margin : 0 ; padding : 0 ; text-rendering : optimizeLegibility } @font-face { font-family : 'Octicons Regular' ; src : url('octicons.woff') format('woff') ; font-weight : normal ; font-style : normal } body { font-family : sans-serif ; font-size : 0 ; background : #e7eef1 ; padding : 15px ; word-break : keep-all ; white-space : nowrap ; margin : 0 auto ; width : 255px } label { font-size : 14px ; background : linear-gradient(#839ba9, #415b6b) ; border-radius : 3px 0 0 3px ; border-top : solid 1px #313b3d ; border-left : solid 1px #232b2c ; border-bottom : solid 1px #232b2c ; border-right : solid 1px #232b2c ; box-shadow : 0 1px 3px #6a8290 inset ; color : #e7eef1 ; padding : 5px 7px 6px 7px ; display : inline-block ; letter-spacing : .075pt ; line-height : 1rem ; width : 37px ; text-align : center } label[for='full-url'] { font-size : 12px } form { display : inline } section { margin-bottom : 15px } ::-webkit-input-placeholder { color : #b3bbbe } ::input-placeholder { color : #b3bbbe } #shortened-url , #full-url { background : #f7f9fa ; font-size : 14px ; color : #3b4448 ; border-top : solid 1px #49565e ; border-right : 0 ; border-bottom : solid 1px #37434c ; border-left : 0 ; box-shadow : 0 1px 3px #6a8290 inset ; vertical-align : top ; padding : 3px 5px ; height : 21px ; width : 144px } #full-url { width : 192px ; border-right : solid 1px #37434c ; border-radius : 0 3px 3px 0 } button { width : 49px ; height : 29px ; font-size : 14px ; line-height : 12px ; background : linear-gradient(#425B6B, #24323B) ; border-radius : 0 3px 3px 0 ; border-top : solid 1px #313b3d ; border-left : solid 1px #232b2c ; border-bottom : solid 1px #232b2c ; border-right : solid 1px #232b2c ; box-shadow : 0 1px 0 #5f7886 inset ; vertical-align : top ; color : #fff ; padding : 5px 7px } button.done { background : linear-gradient(#52a360, #477651) } button.error { background : linear-gradient(#b24142, #803b3d) } ul { width : 255px ; font-size : 14px ; list-style : none ; margin-top : 15px } ul li { border : solid 1px #839ba9 ; border-top : 0 ; background : #e7eef1 ; text-align : center ; padding : 7px 5px } ul li:first-child { border-top : solid 1px #839ba9 ; border-top-left-radius : 3px ; border-top-right-radius : 3px } ul li:last-child { border-bottom-left-radius : 3px ; border-bottom-right-radius : 3px } #recent-links li { display : none ; padding : 0 ; text-align : right ; font-size : 0 } #recent-links li:hover { background : #f7f9fa } #recent-links li input { float : left ; font-size : 12px ; width : 158px ; padding : 2px ; background : none ; border : 0 ; text-overflow : ellipsis ; color : #839ba9 ; margin : 5px 5px } #recent-links li:hover input { color : #3b4448 } #recent-links li a { font-family : 'Octicons Regular' ; visibility : hidden ; text-decoration : none ; text-align : center ; padding : 3px ; display : inline-block ; color : #3b4448 ; font-size : 16px ; height : 24px ; width : 24px ; font-smoothing : antialiased ; line-height : 1.5em } #recent-links li:hover a { visibility : visible } #recent-links li a:hover , #recent-links li a:active , #recent-links li a:focus { background-image : linear-gradient(#5899cc, #3173b4) ; color : #fff } section { box-shadow : 1px 1px 2px #6a8290 ; border-radius : 3px ; width : 255px } #recent-links li:first-child , #recent-links li:nth-child(2) , #recent-links li:nth-child(3) { display : block } #show-all-recent-links, #clear-list { color : #839ba9 ; display : none ; cursor : pointer ; font-size : 12px ; line-height : 15px ; margin-top : 0 } #show-all-recent-links li { color : #839ba9 ; border-top-left-radius : 0 ; border-top-right-radius : 0 ; border-top : 0 } #show-all-recent-links:hover li { background : #f7f9fa ; color : #3b4448 } #clear-list { margin-top : 15px } #clear-list:hover li { background-color : #fee1e5 ; color : #3b4448 } #notifications li { font-size : 11px ; text-overflow : ellipsis ; word-break : normal ; white-space : normal ; transition-property : background-color ; transition-duration : 0.3s ; background-color : #f7f9fa } #notifications.done li , #recent-links li.current { background-color : #e5fae6 } #notifications.error li { background-color : #fee1e5 }