- Add a repo-circle directive and change all repo icons uses to it

- Have the repo-circle directive show the padlock in all places
- Mention SSL on the landing page and the pricing page
This commit is contained in:
Joseph Schorr 2013-10-22 01:26:14 -04:00
parent 7884fef5f3
commit d51ab5952b
9 changed files with 80 additions and 35 deletions

View file

@ -2,6 +2,45 @@
font-family: 'Droid Sans', sans-serif;
}
.repo-circle {
position: relative;
background: #eee;
padding: 4px;
border-radius: 50%;
display: inline-block;
width: 46px;
height: 46px;
text-align: center;
}
.repo-circle.no-background {
background: transparent;
height: 40px;
width: 40px;
}
.repo-circle .icon-lock {
font-size: 50%;
position: absolute;
bottom: -6px;
right: 0px;
background: rgb(253, 191, 191);
width: 20px;
display: inline-block;
border-radius: 50%;
text-align: center;
height: 20px;
line-height: 21px;
font-size: 12px;
}
.repo-circle.no-background .icon-lock {
bottom: -4px;
right: -6px;
color: #444;
}
.description-overview {
padding: 4px;
font-size: 16px;
@ -120,6 +159,11 @@
.plans-list .plan .description {
font-size: 1em;
font-size: 16px;
margin-bottom: 10px;
}
.plans-list .plan .smaller {
font-size: 12px;
margin-bottom: 30px;
}
@ -440,33 +484,11 @@ p.editable:hover i {
margin-right: 6px;
}
.repo .header .icon-container {
position: relative;
background: #eee;
padding: 4px;
border-radius: 50%;
display: inline-block;
width: 46px;
height: 46px;
text-align: center;
.repo .header .repo-circle {
line-height: 38px;
margin-right: 10px;
}
.repo .header .icon-container .icon-lock {
font-size: 50%;
position: absolute;
bottom: -6px;
right: 0px;
background: rgb(253, 191, 191);
width: 20px;
display: inline-block;
border-radius: 50%;
text-align: center;
height: 20px;
line-height: 21px;
}
.repo .description {
margin-bottom: 40px;
}
@ -645,8 +667,7 @@ p.editable:hover i {
}
.repo-listing .description {
margin-top: 6px;
padding-left: 36px;
padding-left: 44px;
}
.repo-admin .token-dialog-body .well {