234 lines
4.4 KiB
CSS
234 lines
4.4 KiB
CSS
* { 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 }
|