670 lines
11 KiB
CSS
670 lines
11 KiB
CSS
/* Basic
|
|
-------------------------------------------------- */
|
|
|
|
html,
|
|
body {
|
|
margin:0;
|
|
padding:0;
|
|
height:100%;
|
|
}
|
|
|
|
/* Footer
|
|
-------------------------------------------------- */
|
|
|
|
#fullbodywrapper {
|
|
min-height:100%;
|
|
position:relative;
|
|
|
|
padding-bottom: 120px;
|
|
}
|
|
|
|
.footer {
|
|
width:100%;
|
|
height:80px;
|
|
position:absolute;
|
|
bottom:0;
|
|
left:0;
|
|
|
|
padding: 25px 0 0 0;
|
|
margin-top: 70px;
|
|
border-top: 1px solid #e5e5e5;
|
|
background-color: #f5f5f5;
|
|
text-align: center;
|
|
}
|
|
|
|
.footer p {
|
|
margin-bottom: 0;
|
|
color: #777;
|
|
}
|
|
|
|
.footer-links {
|
|
margin: 10px 0;
|
|
}
|
|
|
|
.footer-links li {
|
|
display: inline;
|
|
margin-right: 10px;
|
|
}
|
|
|
|
/* Helper
|
|
-------------------------------------------------- */
|
|
|
|
.cstm-well-light {
|
|
border: 2px solid #caecec;
|
|
background-color: white;
|
|
}
|
|
|
|
.cstm-background-white {
|
|
background-color: white;
|
|
}
|
|
|
|
.cstm-main-navbar {
|
|
margin-bottom: 0px;
|
|
}
|
|
|
|
.cstm-main-navbar-highlight > a {
|
|
color: yellow !important;
|
|
background-color: gray;
|
|
border-radius: 6px;
|
|
margin-left: 20px;
|
|
}
|
|
|
|
.cstm-main-navbar-highlight > a:hover {
|
|
color: black !important;
|
|
background-color: lightgray !important;;
|
|
border-radius: 6px;
|
|
margin-left: 20px;
|
|
}
|
|
|
|
img.grayscale {
|
|
/* Firefox 10+, Firefox on Android */
|
|
filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
|
|
/* IE6-9 */
|
|
filter: gray;
|
|
/* Chrome 19+, Safari 6+, Safari 6+ iOS */
|
|
-webkit-filter: grayscale(100%);
|
|
}
|
|
|
|
.input-xx_custom_is_about_tb {
|
|
width: 506px !important;
|
|
}
|
|
|
|
/* Header
|
|
-------------------------------------------------- */
|
|
|
|
.brandLogo {
|
|
height: 30px;
|
|
padding: 8px 12px 10px 12px;
|
|
}
|
|
|
|
.navbar .brand {
|
|
padding: 0px;
|
|
}
|
|
|
|
.dropdown-append {
|
|
padding-left: 0px;
|
|
}
|
|
|
|
.dropdown-append .dropdown-toggle {
|
|
padding-left: 0px !important;
|
|
}
|
|
|
|
ul.nav li.dropdown-append:hover > ul.dropdown-menu {
|
|
display: block;
|
|
}
|
|
|
|
/* ThumbnalPreview
|
|
-------------------------------------------------- */
|
|
|
|
.progThumbnailCaption {
|
|
color: #2C3E50;
|
|
text-decoration: none;
|
|
}
|
|
|
|
.progThumbnailCaption:active,
|
|
.progThumbnailCaption:visited,
|
|
.progThumbnailCaption:link,
|
|
.progThumbnailCaption:hover {
|
|
/*color: #2C3E50;*/
|
|
text-decoration: none;
|
|
}
|
|
|
|
.thumbnail a:active,
|
|
.thumbnail a:visited,
|
|
.thumbnail a:link {
|
|
color: #95A5A6;
|
|
text-decoration: none;
|
|
}
|
|
|
|
.thumbnail a:hover {
|
|
color: #1ABC9C;
|
|
text-decoration: none;
|
|
}
|
|
|
|
.thumbnailParentSpan {
|
|
width: 270px;
|
|
}
|
|
|
|
.thumbnails > .thumbnailParentSpan:last-child {
|
|
margin-right: 0;
|
|
margin-left: 0;
|
|
}
|
|
|
|
.thumbnails > .thumbnailParentSpan:not(:last-child) {
|
|
margin-right: 30px;
|
|
margin-left: 0;
|
|
}
|
|
|
|
.thumbnailParentSpan > div {
|
|
min-height: 600px;
|
|
}
|
|
|
|
.thumbnailParentSpan > div > div {
|
|
padding: 0;
|
|
}
|
|
|
|
.thumbnailInnerHead {
|
|
padding: 4px;
|
|
height: 204px;
|
|
line-height: 204px;
|
|
|
|
background-color: #ECF0F1;
|
|
}
|
|
|
|
.thumbnailInnerImage {
|
|
width: 100%;
|
|
border-radius: 3px;
|
|
|
|
vertical-align: middle;
|
|
}
|
|
|
|
.thumbnailInnerFooter {
|
|
text-align: left;
|
|
}
|
|
|
|
.thumbnailInnerDescription {
|
|
min-height: 120px;
|
|
}
|
|
|
|
.thumbnailDisabled {
|
|
opacity: 0.75;
|
|
filter: alpha(opacity=75); /* msie */
|
|
}
|
|
|
|
.thumbnailParentSpan .caption h1,
|
|
.thumbnailParentSpan .caption h2,
|
|
.thumbnailParentSpan .caption h3,
|
|
.thumbnailParentSpan .caption h4,
|
|
.thumbnailParentSpan .caption h5,
|
|
.thumbnailParentSpan .caption h6 {
|
|
text-align: center;
|
|
}
|
|
|
|
/* CollHeader
|
|
-------------------------------------------------- */
|
|
|
|
.collHeader {
|
|
border: 1px solid #D7E0E2;
|
|
padding: 0;
|
|
margin-left: 0;
|
|
|
|
position: relative;
|
|
|
|
/* .well */
|
|
min-height: 20px;
|
|
box-shadow: none;
|
|
border-radius: 6px;
|
|
background-color: #ECF0F1;
|
|
margin-bottom: 20px;
|
|
}
|
|
|
|
.collHeaderLinkParent {
|
|
background-color: #ECF0F1;
|
|
|
|
transition: background-color .25s ease-in-out;
|
|
-moz-transition: background-color .25s ease-in-out;
|
|
-webkit-transition: background-color .25s ease-in-out;
|
|
}
|
|
|
|
.collHeaderLinkParent:hover {
|
|
background-color: #D7E0E2;
|
|
}
|
|
|
|
.collHeaderSpan-front {
|
|
float: left;
|
|
|
|
background-color: #D7E0E2;
|
|
width: 90px;
|
|
padding: 2px 15px;
|
|
}
|
|
|
|
.collHeaderSpan {
|
|
float: left;
|
|
|
|
font-weight: bold;
|
|
padding: 2px 10px;
|
|
}
|
|
|
|
.collHeaderSpan-drop {
|
|
float: right;
|
|
|
|
padding: 0 5px;
|
|
margin-top: 2px;
|
|
}
|
|
|
|
.collHeaderLink {
|
|
left: 0;
|
|
top: 0;
|
|
|
|
width: 100%;
|
|
height: 100%;
|
|
|
|
position: absolute;
|
|
}
|
|
|
|
|
|
/* FullProgPreview
|
|
-------------------------------------------------- */
|
|
|
|
.fpp_parent {
|
|
background-color: #D7E0E2;
|
|
}
|
|
|
|
.fpp_previewImg {
|
|
width: 260px;
|
|
border-radius: 6px;
|
|
box-shadow: 0 0 15px 0px #333;
|
|
}
|
|
|
|
.fpp_title {
|
|
margin-top: -5px;
|
|
}
|
|
|
|
.fpp_description {
|
|
max-width: 260px
|
|
}
|
|
|
|
.fpp_footer {
|
|
background-color: #ECF0F1;
|
|
|
|
margin-left: -19px;
|
|
margin-right: -19px;
|
|
margin-bottom: -19px;
|
|
|
|
padding-top: 19px;
|
|
padding-left: 19px;
|
|
padding-right: 19px;
|
|
|
|
border: 2px solid #D7E0E2;
|
|
border-bottom-left-radius: 6px;
|
|
border-bottom-right-radius: 6px;
|
|
}
|
|
|
|
/* Markdown
|
|
-------------------------------------------------- */
|
|
|
|
.markdownOwner blockquote {
|
|
background-color: #EEF0F3;
|
|
|
|
padding: 15px 20px;
|
|
}
|
|
|
|
.markdownOwner blockquote p {
|
|
margin-bottom: 15px;
|
|
}
|
|
|
|
.markdownOwner pre {
|
|
background-color: #EEF0F3;
|
|
color: black;
|
|
}
|
|
|
|
.markdownOwner h1 {
|
|
margin: 60px 0px 40px;
|
|
}
|
|
|
|
.markdownOwner h2 {
|
|
margin: 50px 0px 30px;
|
|
}
|
|
|
|
.markdownOwner h3 {
|
|
margin: 35px 0px 20px;
|
|
}
|
|
|
|
.markdownOwner table {
|
|
margin-bottom: 20px
|
|
}
|
|
|
|
.markdownOwner table th,
|
|
.markdownOwner table td {
|
|
padding: 8px;
|
|
line-height: 20px;
|
|
text-align: left;
|
|
vertical-align: top;
|
|
border-top: 1px solid #dddddd;
|
|
}
|
|
|
|
.markdownOwner table th {
|
|
font-weight: bold
|
|
}
|
|
|
|
.markdownOwner table thead th {
|
|
vertical-align: bottom
|
|
}
|
|
|
|
.markdownOwner table caption+thead tr:first-child th,
|
|
.markdownOwner table caption+thead tr:first-child td,
|
|
.markdownOwner table colgroup+thead tr:first-child th,
|
|
.markdownOwner table colgroup+thead tr:first-child td,
|
|
.markdownOwner table thead:first-child tr:first-child th,
|
|
.markdownOwner table thead:first-child tr:first-child td {
|
|
border-top: 0
|
|
}
|
|
|
|
.markdownOwner table tbody+tbody {
|
|
border-top: 2px solid #dddddd
|
|
}
|
|
|
|
.markdownOwner code {
|
|
color: #495151;
|
|
}
|
|
|
|
/* ExpandedLogHeader
|
|
-------------------------------------------------- */
|
|
|
|
.expCollHeader {
|
|
margin-bottom: 20px;
|
|
|
|
border: 1px solid #D7E0E2;
|
|
border-radius: 6px;
|
|
}
|
|
|
|
.expCollHeader > .collHeader {
|
|
border-width: 0;
|
|
border-radius: 0;
|
|
|
|
margin-bottom: 0;
|
|
}
|
|
|
|
.expCollContent {
|
|
background-color: #F5F5F5;
|
|
|
|
margin-top: 0px;
|
|
}
|
|
|
|
.expCollContent > div {
|
|
|
|
padding: 15px 60px;
|
|
}
|
|
|
|
/* ExtendedGitGraph
|
|
-------------------------------------------------- */
|
|
|
|
.git_list {
|
|
display: inline-block;
|
|
width: 715px;
|
|
height: 115px;
|
|
overflow: visible;
|
|
}
|
|
|
|
.git_list text.caption {
|
|
font-size: 10px;
|
|
fill: #666;
|
|
}
|
|
|
|
.git_list text.caption_month {
|
|
font-size: 8px;
|
|
fill: #BBB;
|
|
}
|
|
|
|
.git_list text.caption_day {
|
|
font-size: 8px;
|
|
fill: #BBB;
|
|
}
|
|
|
|
.svg-tip:after {
|
|
box-sizing: border-box;
|
|
position: absolute;
|
|
left: 50%;
|
|
height: 5px;
|
|
width: 5px;
|
|
bottom: -10px;
|
|
margin: 0px 0px 0px -5px;
|
|
content: " ";
|
|
border: 5px solid transparent;
|
|
border-top-color: rgba(0, 0, 0, 0.8);
|
|
-moz-border-top-colors: none;
|
|
-moz-border-right-colors: none;
|
|
-moz-border-bottom-colors: none;
|
|
-moz-border-left-colors: none;
|
|
border-image: none;
|
|
}
|
|
|
|
.svg-tip {
|
|
padding: 5px;
|
|
background: none repeat scroll 0% 0% rgba(0, 0, 0, 0.8);
|
|
color: #BBB;
|
|
font-size: 12px;
|
|
position: absolute;
|
|
z-index: 99999;
|
|
text-align: center;
|
|
border-radius: 3px;
|
|
box-sizing: border-box;
|
|
opacity: 0;
|
|
}
|
|
|
|
.extGitGraphContainer {
|
|
background-color: #ECF0F1;
|
|
margin: 10px;
|
|
display: inline-block;
|
|
|
|
border: 1px solid #E3E3E3;
|
|
border-radius: 4px;
|
|
box-shadow: 0px 0 1px rgba(0, 0, 0, 0.25) inset;
|
|
}
|
|
|
|
.egg_footer {
|
|
margin-top: 5px;
|
|
|
|
text-align: right;
|
|
margin-right: 5px;
|
|
margin-bottom: 5px;
|
|
|
|
color: #FFF;
|
|
text-shadow: 0px 0px 8px #2C3E50, 0px 0px 8px #2C3E50;
|
|
}
|
|
|
|
.egg_footer > a {
|
|
|
|
text-decoration: none;
|
|
color: inherit;
|
|
}
|
|
|
|
.egg_footer > a:hover {
|
|
text-decoration: none;
|
|
color: #2C3E50;
|
|
text-shadow: 0px 0px 8px #00F;
|
|
}
|
|
|
|
/* About/Gitbox
|
|
-------------------------------------------------- */
|
|
|
|
.gitbox-container {
|
|
border: 2px solid #CAECEC;
|
|
border-radius: 6px;
|
|
|
|
text-align: center;
|
|
|
|
margin-bottom: 10px;
|
|
}
|
|
|
|
.gitbox-header {
|
|
background-color: #F5F5F5;
|
|
border-bottom: 2px solid #CAECEC;
|
|
|
|
border-top-left-radius: 6px;
|
|
border-top-right-radius: 6px;
|
|
|
|
padding: 5px;
|
|
margin-bottom: 10px;
|
|
|
|
font-size: 13px;
|
|
font-weight: bold;
|
|
color: gray;
|
|
}
|
|
|
|
.gitbox-footer {
|
|
background-color: #F5F5F5;
|
|
border-top: 2px solid #CAECEC;
|
|
|
|
border-bottom-left-radius: 6px;
|
|
border-bottom-right-radius: 6px;
|
|
|
|
margin-top: 10px;
|
|
}
|
|
|
|
.gitbox-footer-box {
|
|
width: 385px;
|
|
display: table-cell;
|
|
}
|
|
|
|
.gitbox-footer-box:not(:first-child) {
|
|
border-left: 2px solid #CAECEC;
|
|
}
|
|
|
|
.gitbox-footer-box-header {
|
|
display: block;
|
|
|
|
color: #777;
|
|
font-size: 11px;
|
|
}
|
|
|
|
.gitbox-footer-box-number {
|
|
display: block;
|
|
|
|
font-weight: 300;
|
|
line-height: 1.3em;
|
|
font-size: 24px;
|
|
}
|
|
|
|
.gitbox-footer-box-footer {
|
|
display: block;
|
|
|
|
color: #777;
|
|
font-size: 11px;
|
|
}
|
|
|
|
/* programs/view
|
|
-------------------------------------------------- */
|
|
|
|
.progview_image {
|
|
border-radius: 6px;
|
|
margin-bottom: 15px;
|
|
}
|
|
|
|
.progview_donwloadbtns {
|
|
background-color: white;
|
|
margin-left: -16px;
|
|
margin-right: -16px;
|
|
margin-bottom: -16px;
|
|
padding: 19px;
|
|
|
|
border-radius: 0px 0px 6px 6px;
|
|
}
|
|
|
|
.progview_infocontent {
|
|
background-color: white;
|
|
margin-left: -14px;
|
|
margin-right: -14px;
|
|
margin-bottom: 10px;
|
|
padding: 19px;
|
|
|
|
border-radius: 16px;
|
|
}
|
|
|
|
.progview_infocontent td {
|
|
font-style: italic;
|
|
margin: 5px 0px;
|
|
}
|
|
|
|
.progview_infocontent tr > td:not(:first-child) {
|
|
padding-left: 10px;
|
|
}
|
|
|
|
.progview_infocol span.badge {
|
|
font-style: normal;
|
|
padding: 2px 4px;
|
|
border-radius: 3px;
|
|
}
|
|
|
|
.progview_infocol {
|
|
padding-top: 2px;
|
|
padding-bottom: 10px;
|
|
}
|
|
|
|
.progview_maincol > .tabbable > .tab-content {
|
|
background-color: #ECF0F1;
|
|
|
|
margin: -20px 0px 0px 0px;
|
|
|
|
padding: 0px 5px 0px 5px;
|
|
|
|
border-radius: 0px 0px 6px 6px;
|
|
}
|
|
|
|
.progview_maincol > .tabbable >.nav-tabs >.active > a {
|
|
background-color: #ECF0F1;
|
|
}
|
|
|
|
.progview_maincol > .tabbable >.nav-tabs a:hover,
|
|
.progview_maincol > .tabbable >.nav-tabs a:active,
|
|
.progview_maincol > .tabbable >.nav-tabs a:focus {
|
|
outline: 0 !important;
|
|
}
|
|
|
|
.well .progview_caption {
|
|
margin: -19px -19px 28px -19px;
|
|
}
|
|
|
|
.progview_caption {
|
|
background-color: #2C3E50;
|
|
|
|
color: #ECF0F1;
|
|
text-shadow: 0px 0px 4px #000;
|
|
|
|
padding: 6px;
|
|
margin-bottom: 28px;
|
|
|
|
border-radius: 6px 6px 0px 0px;
|
|
}
|
|
|
|
/* blog/view
|
|
-------------------------------------------------- */
|
|
|
|
.blogOwner {
|
|
border: 1px solid #D7E0E2;
|
|
|
|
padding-top: 0px;
|
|
}
|
|
|
|
.blogFooter {
|
|
background-color: #D7E0E2;
|
|
|
|
margin-top: 40px;
|
|
|
|
margin-bottom: -19px;
|
|
margin-left: -19px;
|
|
margin-right: -19px;
|
|
|
|
min-height: 22px;
|
|
padding: 2px 8px;
|
|
}
|
|
|
|
.blogFooterLeft {
|
|
float:left;
|
|
|
|
font-weight: bold;
|
|
}
|
|
|
|
.blogFooterRight {
|
|
float: right;
|
|
} |