diff options
Diffstat (limited to 'public/ng/less/gogs/base.less')
| -rw-r--r-- | public/ng/less/gogs/base.less | 217 |
1 files changed, 217 insertions, 0 deletions
diff --git a/public/ng/less/gogs/base.less b/public/ng/less/gogs/base.less new file mode 100644 index 0000000000..f9405499ad --- /dev/null +++ b/public/ng/less/gogs/base.less @@ -0,0 +1,217 @@ +@import "../ui/var"; +@headerBgColor: #428BCA; +@headerLinkFontColor: #FFF; +@headerLinkHoverColor: #fff65f; +@headerLinkCurrentColor: #fff65f; +@headerSignOutColor: #ff908b; +@footerBorderColor: #D6D6D6; +@footerFontColor: #888; +@langNum: 2px; +// means 2 items +html, +body { + height: 100%; +} +.octicon, +.fa { + width: 16px; + text-align: center; +} +.fa { + font-size: 14px; +} +.container { + max-width: 1170px; + padding: 0 1.5em; + margin: auto; +} +img.avatar-16 { + width: 16px; + height: 16px; + vertical-align: middle; +} +img.avatar-24 { + width: 24px; + height: 24px; + vertical-align: middle; +} +img.avatar-30 { + width: 30px; + height: 30px; + vertical-align: middle; +} +img.avatar-40 { + width: 40px; + height: 40px; + vertical-align: middle; +} +img.avatar-48{ + width: 48px; + height: 48px; + vertical-align: middle; +} +#wrapper { + padding: 0; + margin: 0 0 -55px 0; + min-height: 100%; +} +#footer { + background-color: white; + border-top: 1px solid@footerBorderColor; + +clear: both; + width: 100%; + .container { + padding: 15px; + } + color:@footerFontColor; +.official, + .version { + color: @footerFontColor; + } +} +#footer-links { + > * { + border-left: 1px solid@footerBorderColor; + padding-left: 8px; + margin-left: 5px; + &:first-child { + border-left: none; + } + } +} +#footer-lang { + position: relative; + .drop-down { + top: -2-31*@langNum; + left: -2px; + position: absolute; + height: -3+31*@langNum; + z-index: 100; + font-size: 12px; + width: 120%; + li > a { + padding: 3px 9px; + } + } +} +#header { + background-color: @headerBgColor; + height: 44px; + > .menu-line { + > li > a { + display: inline-block; + color:@headerLinkFontColor; + &:hover { + background-color: transparent; + color: @headerLinkHoverColor; + } + } + > li.head { + color: @headerLinkFontColor; + } + > li.hover a:after { + bottom: -9px; + color: @headerLinkFontColor; + } + > li.current > a { + color: @headerLinkCurrentColor; + font-weight: bold; + } + } +} +#header-nav-user { + height: 44px; + img { + margin: -4px 10px 0 0; + border-radius: 3px; + } +} +#header-nav-sign-out > a:hover { + color: @headerSignOutColor !important; +} +#header-nav-logo { + padding: 6px 1.2em; +} +#header-nav-explore, +#header-nav-help { + font-size: 14px; +} +#header-new-repo-menu { + width: 180px; + background-color: #FFF; + top: 44px; + border-top: none; + .octicon { + margin-right: 6px; + font-size: 1.1em; + } + left:-66px; +} +.switching-list { + width: 100%; + list-style: none; + > li { + border-bottom: 1px solid #eaeaea; + &:last-child { + border-bottom: none; + } + > a { + padding: .4em 1.2em; + display: block; + color: #444; + &:hover { + background-color: #428bca !important; + color: #fff !important; + } + } + } +} +.social-buttons { + .btn { + border: none; + font-size: 16px; + border-radius: 4px; + margin-right: 12px; + font-family: 'PT Sans Narrow', sans-serif; + padding: 5px 12px; + color: #FFF; + .fa { + margin-right: 6px; + font-size: 16px; + } + } + .twitter { + background-color: #1c6399; + &:hover { + background-color: #1c5487; + } + } + .github { + background-color: #444; + &:hover { + background-color: #333; + } + } + .google { + background-color: #C03D20; + &:hover { + background-color: #D56060; + } + } + .weibo { + background-color: #bf1324; + &:hover { + background-color: #b94c4a; + } + } + .qq { + background-color: #03a2ef; + &:hover { + background-color: #3cb3ff; + } + } +} +.main-wrapper { + padding: 20px 0 40px; +}
\ No newline at end of file |