light.css

/*
   __ _       _     _
  / /(_) __ _| |__ | |_
 / / | |/ _` | '_ \| __|
/ /__| | (_| | | | | |_
\____/_|\__, |_| |_|\__|
        |___/

Light is a browser- and extension independent skin for GitHub which aims at taking away some visual weight of GitHub's interface.

Feel free to contribute at https://github.com/hnrch02/light
Maintained by @hnrch02, released under the WTFPL license.

*/


/* Discussion
-------------------------------------------------- */

.branch-status-wrapper { margin: 0 -1px -1px; }

.discussion-topic .branch-status {
  border-width: 1px;
  border-radius: 0 0 3px 3px;
}

.comment-header {
  border: 1px solid;
  border-radius: 3px 3px 0 0;
}

.comment-header a { color: #aaa; }

.comment-header .comment-header-date { color: #aaa; }

.comment-content {
  background: #fff;
  border: 1px solid;
  border-top-width: 0;
  border-radius: 0 0 3px 3px;
}

.timeline-comment .comment-content { border: none; }

.bubble { padding: 0; }

.discussion-topic-header {
  border: 1px solid;
  border-bottom-width: 0;
  border-radius: 3px 3px 0 0;
}

.discusion-topic-infobar { border-width: 1px; }

.discussion-bubble-inner,
.previewable-comment-form .comment { border: none; }

.discussion-bubble .discussion-bubble-content::before { display: none; }

.discussion-reference .comment-header,
.discussion-commit-list .comment-header,
.repo-collab-comment .comment-header { background: #f0f6f8; }

.previewable-comment-form .tabnav,
.previewable-comment-form .write-content,
.previewable-comment-form .preview-content { padding: 0; }

.timeline-comment .previewable-comment-form .write-content,
.timeline-comment .previewable-comment-form .preview-content { padding: 0 10px 10px; }

.closed-banner {
  background: none;
  border-radius: 0;
  border-top: 7px double #e5e5e5;
}

.new-discussion-timeline .closed-banner {
  background: #f3f3f3;
  border-top: none;
}

.inline-comments .comment { border: none; }

.inline-comments .inline-comment-form {
  margin: 0;
  padding: 10px;
  background: none;
}

.inline-comments .inline-comment-form .tabnav-tab.selected { background: #f9f9f9; }

.inline-comments .form-actions { padding: 10px 0 0; }

.comment-header .comment-header-tag { text-shadow: none; }

.merge-pr .push-more { margin: 0; }

.new-discussion-timeline .merge-pr .push-more { margin: 10px 0; }

.action-bubble .state-indicator { width: 75px; }

.action-bubble .bubble { padding: 3px; }

.bubble .comment + .comment {
  position: relative;
  border: none;
}

.bubble .comment + .comment .comment-header {
  border-top: none;
  border-radius: 0;
}

/* Nasty hack for preceding border-bottom-radius */

.bubble .comment + .comment::before,
.bubble .comment + .comment::after {
  content: '';
  position: absolute;
  width: 4px;
  height: 4px;
  top: -5px;
  background: #fff;
  border: 0 solid #e5e5e5;
  border-bottom-width: 1px;
}

.bubble .comment + .comment::before {
  left: 0;
  border-left-width: 1px;
}

.bubble .comment + .comment::after {
  right: 0;
  border-right-width: 1px;
}


/* Header
-------------------------------------------------- */

.header-logged-in { text-shadow: none; }

.command-bar:not(.command-bar-focus) input[type="text"] { box-shadow: none; }

.header-nav:not(.user-nav) .header-nav-link {
  font-weight: 400;
  color: #999;
}
.header-nav:not(.user-nav) .header-nav-link:hover,
.header-nav:not(.user-nav) .header-nav-link:focus {
  color: #4183c4;
}


/* Menu
-------------------------------------------------- */

.menu-container {
  padding: 0;
  background: none;
}

.menu,
.menu li { border: none; }

.menu li:first-child > a {
  border-top: 1px solid #e5e5e5;
  border-radius: 3px 3px 0 0;
}

.menu li:last-child > a {
  border-bottom: 1px solid #e5e5e5;
  border-radius: 0 0 3px 3px;
}

.menu a {
  border: solid #e5e5e5;
  border-width: 1px 1px 0;
}

.menu a.selected {
  position: relative;
  box-shadow: none;
  border-left: 1px solid #e5e5e5;
  border-top-left-radius: 0 !important;
  border-bottom-left-radius: 0 !important;
}

.menu a.selected::before {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  left: -1px;
  width: 2px;
  background: #d26911;
  box-shadow: 0 1px 0 #d26911, 0 -1px 0 #d26911;
}

.accordion .section a.section-head,
li.usage-bar { border: 1px solid #e5e5e5; }

.accordion .section a.section-head { box-shadow: none; }

li.usage-bar:last-child { border-bottom: 1px solid #e5e5e5; }

.accordion .section .section-nav li:first-child > a,
.accordion .section:not(:first-child) > a.section-head { border-top: none; }

.accordion .section:last-child .section-nav li:last-child { border-radius: 0 0 3px 3px; }

.section-nav li > a { border-radius: 0 !important; }

.accordion .section .section-nav.expanded { position: relative; }

/* Uber-hardcore hack: DO NOT TRY THIS AT HOME */
.accordion .section .section-nav.expanded::before,
.accordion .section .section-nav.expanded::after {
  content: '';
  display: block;
  position: absolute;
  top: -5px;
  width: 4px;
  height: 4px;
  background: #f5f5f5;
  border: solid #e5e5e5;
  border-width: 0 1px 1px;
}

.accordion .section .section-nav.expanded::before {
  left: 0;
  border-right: none;
}

.accordion .section .section-nav.expanded::after {
  right: 0;
  border-left: none;
}


/* Miscellaneous
-------------------------------------------------- */

/* Remove the bottom border of the navigation tabs you see on your dashboard */
.dashboard-tabs { border-bottom: 0; }

/* Background for a couple of elements */
.comment-header,
.repo-owner-comment .comment-header,
.box-header,
.dashboard-tabs,
#readme span.name,
.boxed-group > h3,
.boxed-group .heading,
#files .file .meta,
.file-box .meta,
.select-menu-header,
.accordion .section a.section-head { background: #f5f5f5; }

/* Subtle border for a LOT of elements */
.comment-header,
.comment-content,
.button,
.minibutton,
.discussion-topic-header,
.box-header,
.box-body,
#readme span.name,
#readme .markdown-body,
#readme .plain,
.dashboard-tabs,
.drag-and-drop,
.box-action,
.notifications .confirmation + .list-group-item,
#files .file,
.file-box,
.boxed-group > h3,
.boxed-group .heading,
.boxed-group .boxed-group-inner,
.tmp-reusable-bubble .bubble-inner,
#files .file .meta,
.file-box .meta,
.tabnav,
.tabnav-tab.selected,
.merge-pr,
.capped-box,
.select-menu-header,
#gollum-editor-function-bar { border-color: #e5e5e5; }

/* Inputs/textareas */
input[type="text"],
#adv_code_search .search-page-label,
input[type="password"],
input[type="email"],
input[type="number"],
input[type="tel"],
input[type="url"],
textarea {
  border-color: #e5e5e5;
  box-shadow: none;
}

.boxed-group {
  background: none;
  padding: 0;
  border-radius: 0;
}

#files .image,
.file-box .image { background: #f8f8ff; }

#files .file,
.file-box { border-radius: 3px; }

.boxed-group > h3,
.boxed-group .heading { border-radius: 3px 3px 0 0; }

.boxed-group .boxed-group-inner {
  overflow: hidden;
  border-radius: 0 0 3px 3px;
}

div.composer .contributing {
  margin-bottom: 10px;
  border: none;
  border-radius: 3px;
}

div.composer .composer-infobar {
  margin: 0;
  border: 1px solid #e5e5e5;
  border-top-width: 0;
}

div.composer .tabnav {
  margin-right: -10px;
  margin-left: -10px;
  padding: 0 10px;
}

div.composer .comment-content { padding: 10px; }

div.preview-content .comment-content {
  padding: 0;
  border: none;
}

.previewable-comment-form.preview-selected .preview-content .comment-content .comment-body {
  border: 1px solid #e5e5e5;
  border-top-width: 0;
  border-radius: 0 0 3px 3px;
}

.timeline-comment .previewable-comment-form.preview-selected .preview-content .comment-content .comment-body {
  border-width: 0 0 1px;
  border-radius: 0;
}

.write-content .enable-fullscreen { right: 6px; }

.timeline-comment .write-content .enable-fullscreen { right: 16px; }

.comparison-discussion-starter .discussion-topic-header,
.comparison-discussion-starter div.composer .comment-content { border: none; }

table.commits-condensed { width: 100%; }

.select-menu-modal { box-shadow: 0 3px 12px rgba(0, 0, 0, .15); }

.auth-form-header,
.boxed-group.dangerzone > h3 {
  border: none;
  text-shadow: none;
}

.auth-form-header {
  padding: 14px;
  background: #6c8393;
}

.auth-form-header h1 { line-height: 1; }

.auth-form-header .octicon {
  top: 14px;
  right: 14px;
}

.boxed-group.dangerzone > h3 {
  padding: 11px 11px 12px 11px;
  background: #df3e3e;
}

#pages-composer {
  padding: 0;
  background: none;
}

#pages-composer .body {
  border-radius: 3px;
  background: none;
}

#gollum-editor { background: none; }

#gollum-editor-function-bar #load-readme { margin-top: 0; }

#gollum-editor-function-bar .minibutton {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

#pages-composer input:focus,
#pages-composer #gollum-editor-body:focus { border-color: #51a7e8; }


/* Repository
-------------------------------------------------- */

/* Readme */
#readme { padding: 0; }

#readme span.name { border-radius: 3px 3px 0 0; }

#readme .markdown-body, #readme .plain {
  padding-top: 15px;
  border-radius: 0 0 3px 3px;
}

/* Repo navigation */
.sunken-menu,
.sunken-menu-separator { background: none; }

.sunken-menu-item.selected { box-shadow: none; }