Did a lot of design-optimizations

mainly added icons and set correct bootstrap classes for forms, but also used some new fonts, provided via google webfonts
This commit is contained in:
Jan-Henrik Bruhn
2013-10-05 00:21:10 +02:00
parent fcadcb34a2
commit cc1e0030df
12 changed files with 101 additions and 56 deletions

View File

@@ -1,8 +1,11 @@
@import url(http://fonts.googleapis.com/css?family=Rambla:400,700,400italic,700italic|Pathway+Gothic+One|Roboto:400,400italic,700italic,700);
/****************************************************************************/
/* Common */
/****************************************************************************/
body {
color: #333;
font-family: 'Roboto', sans-serif;
}
/* ======================================================================== */
@@ -41,6 +44,8 @@ div.nav-collapse a.menu-last {
.navbar .brand {
padding-top: 6px;
padding-bottom: 6px;
font-family: 'Pathway Gothic One', sans-serif;
font-size: 27px;
}
.navbar .brand img {
@@ -83,6 +88,14 @@ div.input-prepend span.add-on {
border-radius: 0 4px 4px 0;
}
.head i {
margin-top: 6px;
}
.repo-list-item i {
margin-top: 2px;
}
/*
div.input-prepend span.add-on a {
color: #333;
@@ -215,7 +228,7 @@ div.box-header-small {
div.box-content {
background-color: white;
border: 1px solid #d8d8d8;
padding: 4px;
padding: 12px;
}
th.box-header {
@@ -225,6 +238,7 @@ th.box-header {
background-image: linear-gradient(#fafafa, #e0e0e0);
background-repeat: repeat-x;
margin: 0;
height: 25px;
border-top-left-radius: 1px;
border-top-right-radius: 1px;
border: 1px solid #d8d8d8;
@@ -239,6 +253,7 @@ th.metal {
background-image: linear-gradient(#fafafa, #e8e8e8);
background-repeat: repeat-x;
margin: 0;
padding-left: 10px;
border-top-left-radius: 1px;
border-top-right-radius: 1px;
}
@@ -302,9 +317,16 @@ span.highlight {
background-color: #ffff88;
}
/****************************************************************************/
/* Create Repo */
/****************************************************************************/
.slash {
font-size: 25px;
}
/****************************************************************************/
/* Sign-in form */
/****************************************************************************/
div.signin-form {
width: 350px;
margin: 30px auto;
@@ -376,6 +398,8 @@ div.activity-icon-small {
div.activity-content {
margin-left: 40px;
padding-top: 2px;
padding-bottom: 2px;
}
/****************************************************************************/
@@ -402,8 +426,8 @@ table.table-file-list td {
}
th, td, .table th, .table td {
padding-top: 4px;
padding-bottom: 4px;
padding-top: 10px;
padding-bottom: 10px;
}
div.commit-avatar-image {
@@ -462,7 +486,7 @@ span.issue-status {
display: block;
font-size: large;
text-align: center;
padding: 8px;
padding: 16px;
}
table.table-issues {
@@ -484,8 +508,8 @@ ul.label-list {
ul.label-list a {
padding-left: 6px;
padding-top: 4px;
padding-bottom: 4px;
padding-top: 7px;
padding-bottom: 7px;
margin-bottom: 8px;
color: #444;
}
@@ -569,7 +593,7 @@ span.milestone-percentage {
}
div.issue-header {
padding-left: 8px;
padding-left: 12px;
padding-right: 8px;
padding-top: 12px;
padding-bottom: 12px;
@@ -579,13 +603,13 @@ div.issue-info {
border-top: 1px solid #e5e5e5;
border-bottom: 1px solid #e5e5e5;
background-color: #f5f5f5;
padding: 8px;
padding: 10px;
margin-left: 0px;
margin-right: 0px;
}
div.issue-content {
padding: 8px;
padding: 12px;
background-color: #fbfbfb;
}