switch theme
This commit is contained in:
Radek Stepan
parent
df828cfa1f
commit
2eb248eabc
|
|
@ -419,28 +419,44 @@ table {
|
|||
.icon.fire-station:before{content:'\e805'}
|
||||
.icon.sort-alphabet:before{content:'\e806'}
|
||||
.icon.down-open:before{content:'\e807'}
|
||||
|
||||
.icon.spin6{-webkit-animation:spin 2s infinite linear;-moz-animation:spin 2s infinite linear;-o-animation:spin 2s infinite linear;-ms-animation:spin 2s infinite linear;animation:spin 2s infinite linear;}
|
||||
.icon.spin6:before{content:'\e808'}
|
||||
@-moz-keyframes spin{0%{-moz-transform:rotate(0)}
|
||||
100%{-moz-transform:rotate(360deg)}
|
||||
}@-webkit-keyframes spin{0%{-webkit-transform:rotate(0)}
|
||||
100%{-webkit-transform:rotate(360deg)}
|
||||
}@-moz-keyframes spin{0%{-webkit-transform:rotate(0);-moz-transform:rotate(0);-o-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0)}
|
||||
100%{-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-o-transform:rotate(360deg);-ms-transform:rotate(360deg);transform:rotate(360deg)}
|
||||
}@-webkit-keyframes spin{0%{-webkit-transform:rotate(0);-moz-transform:rotate(0);-o-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0)}
|
||||
100%{-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-o-transform:rotate(360deg);-ms-transform:rotate(360deg);transform:rotate(360deg)}
|
||||
}@-o-keyframes spin{0%{-webkit-transform:rotate(0);-moz-transform:rotate(0);-o-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0)}
|
||||
100%{-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-o-transform:rotate(360deg);-ms-transform:rotate(360deg);transform:rotate(360deg)}
|
||||
}@-ms-keyframes spin{0%{-webkit-transform:rotate(0);-moz-transform:rotate(0);-o-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0)}
|
||||
100%{-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-o-transform:rotate(360deg);-ms-transform:rotate(360deg);transform:rotate(360deg)}
|
||||
}@keyframes spin{0%{-webkit-transform:rotate(0);-moz-transform:rotate(0);-o-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0)}
|
||||
100%{-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-o-transform:rotate(360deg);-ms-transform:rotate(360deg);transform:rotate(360deg)}
|
||||
}
|
||||
body{color:#3e4457;font-family:'MuseoSans500Regular',sans-serif}
|
||||
a{color:#b1b6c4;text-decoration:none}
|
||||
a{text-decoration:none;color:#aaafbf}
|
||||
h1,h2,h3,p{margin:0}
|
||||
ul{list-style-type:none;margin:0;padding:0;}
|
||||
ul li{display:inline-block}
|
||||
.icon{margin-right:4px}
|
||||
.wrap{width:800px;margin:0 auto}
|
||||
#head{background:#252f39;color:#86939c;height:64px;}
|
||||
#head h1{font-size:26px;margin:0;padding:10px 24px;line-height:44px;height:44px;background:rgba(0,0,0,0.3);display:inline-block;}
|
||||
#head{background:#c1041c;height:64px;}
|
||||
#head h1{font-size:26px;margin:0;padding:10px 24px;line-height:44px;height:44px;background:#77000e;display:inline-block;color:#c1041c;}
|
||||
#head h1 .icon{margin:0}
|
||||
#head .q{position:relative;display:inline-block;margin:13px 20px 0 20px;vertical-align:top;}
|
||||
#head .q .icon{position:absolute;color:#303d4a;}
|
||||
#head .q .icon{position:absolute;color:#c1041c;}
|
||||
#head .q .icon.search{top:8px;left:12px}
|
||||
#head .q .icon.down-open{top:8px;right:12px}
|
||||
#head .q input{background:rgba(0,0,0,0.3);border:0;padding:10px 12px 10px 36px;font-size:14px;-webkit-border-radius:2px;border-radius:2px;color:rgba(255,255,255,0.5);width:220px}
|
||||
#head .q input{background:#77000e;border:0;padding:10px 12px 10px 36px;font-size:14px;-webkit-border-radius:2px;border-radius:2px;color:#fff;width:220px}
|
||||
#head ul{display:inline-block;}
|
||||
#head ul li{margin-left:30px}
|
||||
#head a{font-weight:bold;}
|
||||
#head a.active,#head a:hover{color:#dde1ed}
|
||||
#head a{color:#e0808d;font-weight:bold;}
|
||||
#head a.active,#head a:hover{color:#fff}
|
||||
#head .right{float:right;margin-right:20px;line-height:64px;}
|
||||
#head .right a{-webkit-border-radius:2px;border-radius:2px;background:#fff;color:#00b361;padding:11px 20px}
|
||||
#head .right a{-webkit-border-radius:2px;border-radius:2px;background:#ffbb2a;color:#c1041c;padding:11px 20px}
|
||||
#title{border-bottom:3px solid #f3f4f8;}
|
||||
#title h2{border-bottom:3px solid #aaafbf;margin:30px 0 -3px 0;display:inline-block;padding-bottom:20px}
|
||||
#title .milestone{font-size:16px;font-weight:bold;margin:0 20px}
|
||||
|
|
@ -453,8 +469,8 @@ ul li{display:inline-block}
|
|||
#content #hero .content .address{font-size:120px;float:left}
|
||||
#content #hero .content .cta{text-align:center;margin-top:10px;}
|
||||
#content #hero .content .cta a{font-family:'MuseoSlab500Regular',serif;padding:11px 20px;-webkit-border-radius:2px;border-radius:2px;display:inline-block;margin:0 4px;}
|
||||
#content #hero .content .cta a.primary{font-weight:bold;background:#00b361;color:#fff}
|
||||
#content #hero .content .cta a.secondary{background:#fff;color:#00b361}
|
||||
#content #hero .content .cta a.primary{font-weight:bold;background:#c1041c;color:#fff}
|
||||
#content #hero .content .cta a.secondary{background:#fff;color:#c1041c}
|
||||
#content #repos{border:1px solid #cdcecf;-webkit-border-radius:2px;border-radius:2px;}
|
||||
#content #repos h2{color:#3e4457;display:inline-block}
|
||||
#content #repos .sort{float:right;line-height:30px}
|
||||
|
|
@ -466,14 +482,14 @@ ul li{display:inline-block}
|
|||
#content #repos table tr td .progress .percent{float:right}
|
||||
#content #repos table tr td .progress .bar{-webkit-border-radius:4px;border-radius:4px;background:#eaecf2;height:10px;width:100%;}
|
||||
#content #repos table tr td .progress .bar.inner{-webkit-box-shadow:inset 0 1px 2px rgba(0,0,0,0.2);box-shadow:inset 0 1px 2px rgba(0,0,0,0.2)}
|
||||
#content #repos table tr td .progress .bar.red{background:#ff2955}
|
||||
#content #repos table tr td .progress .bar.green{background:#4bda66}
|
||||
#content #repos table tr td .progress .due.red{color:#ff2955;font-weight:bold}
|
||||
#content #repos table tr td .progress .bar.red{background:#c1041c}
|
||||
#content #repos table tr td .progress .bar.green{background:#00b361}
|
||||
#content #repos table tr td .progress .due.red{color:#c1041c;font-weight:bold}
|
||||
#content #repos table tr td:first-child a{color:#3e4457;font-weight:bold}
|
||||
#content #repos table tr:nth-child(2) td{background:#fefefe}
|
||||
#content #repos table tr:last-child td{border:0}
|
||||
#content #repos table tr.done td{background:#ebf6f1;}
|
||||
#content #repos table tr.done td .milestone,#content #repos table tr.done td .percent,#content #repos table tr.done td .due{color:#9fc9b5}
|
||||
#content #repos table tr.done td .milestone,#content #repos table tr.done td .percent,#content #repos table tr.done td .due{color:#00b361}
|
||||
#content #repos .header,#content #repos .footer{padding:20px 30px}
|
||||
#content #repos .header{-webkit-box-shadow:0 1px 2px rgba(221,225,237,0.5);box-shadow:0 1px 2px rgba(221,225,237,0.5);margin-bottom:2px;border-bottom:1px solid #dde1ed;}
|
||||
#content #repos .header a{font-family:'MuseoSlab500Regular',serif}
|
||||
|
|
@ -487,10 +503,10 @@ ul li{display:inline-block}
|
|||
#content #add .form table{width:100%;}
|
||||
#content #add .form table tr td:first-child{width:100%}
|
||||
#content #add .form input{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding:10px;width:100%;-webkit-border-radius:2px 0 0 2px;border-radius:2px 0 0 2px;border:1px solid #dde1ed;border-right:0;-webkit-box-shadow:inset 0 1px 2px rgba(0,0,0,0.2);box-shadow:inset 0 1px 2px rgba(0,0,0,0.2)}
|
||||
#content #add .form a{margin-left:-2px;font-family:'MuseoSlab500Regular',serif;padding:11px 20px;-webkit-border-radius:0 2px 2px 0;border-radius:0 2px 2px 0;display:inline-block;font-weight:bold;background:#00b361;color:#fff}
|
||||
#content #add .form a{margin-left:-2px;font-family:'MuseoSlab500Regular',serif;padding:11px 20px;-webkit-border-radius:0 2px 2px 0;border-radius:0 2px 2px 0;display:inline-block;font-weight:bold;background:#c1041c;color:#fff}
|
||||
#content #add .header,#content #add .footer{padding:20px 30px}
|
||||
#content #add .header{-webkit-box-shadow:0 1px 2px rgba(221,225,237,0.5);box-shadow:0 1px 2px rgba(221,225,237,0.5);margin-bottom:2px;border-bottom:1px solid #dde1ed;}
|
||||
#content #add .header a{font-family:'MuseoSlab500Regular',serif}
|
||||
#content #add .footer{background:#f9fafb;color:#aaafbf;-webkit-box-shadow:inset 0 1px 2px rgba(221,225,237,0.2);box-shadow:inset 0 1px 2px rgba(221,225,237,0.2);border-top:1px solid #dde1ed;text-align:center;font-family:'MuseoSlab500Regular',serif;}
|
||||
#content #add .footer .icon{color:#aaafbf}
|
||||
#content #add .footer .icon{display:inline-block;color:#aaafbf}
|
||||
#footer{border-top:1px solid #f3f4f8;text-align:center;padding:30px;margin-top:30px;font-family:'MuseoSlab500Regular',serif}
|
||||
|
|
|
|||
File diff suppressed because one or more lines are too long
|
|
@ -12,28 +12,44 @@
|
|||
.icon.fire-station:before{content:'\e805'}
|
||||
.icon.sort-alphabet:before{content:'\e806'}
|
||||
.icon.down-open:before{content:'\e807'}
|
||||
|
||||
.icon.spin6{-webkit-animation:spin 2s infinite linear;-moz-animation:spin 2s infinite linear;-o-animation:spin 2s infinite linear;-ms-animation:spin 2s infinite linear;animation:spin 2s infinite linear;}
|
||||
.icon.spin6:before{content:'\e808'}
|
||||
@-moz-keyframes spin{0%{-moz-transform:rotate(0)}
|
||||
100%{-moz-transform:rotate(360deg)}
|
||||
}@-webkit-keyframes spin{0%{-webkit-transform:rotate(0)}
|
||||
100%{-webkit-transform:rotate(360deg)}
|
||||
}@-moz-keyframes spin{0%{-webkit-transform:rotate(0);-moz-transform:rotate(0);-o-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0)}
|
||||
100%{-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-o-transform:rotate(360deg);-ms-transform:rotate(360deg);transform:rotate(360deg)}
|
||||
}@-webkit-keyframes spin{0%{-webkit-transform:rotate(0);-moz-transform:rotate(0);-o-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0)}
|
||||
100%{-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-o-transform:rotate(360deg);-ms-transform:rotate(360deg);transform:rotate(360deg)}
|
||||
}@-o-keyframes spin{0%{-webkit-transform:rotate(0);-moz-transform:rotate(0);-o-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0)}
|
||||
100%{-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-o-transform:rotate(360deg);-ms-transform:rotate(360deg);transform:rotate(360deg)}
|
||||
}@-ms-keyframes spin{0%{-webkit-transform:rotate(0);-moz-transform:rotate(0);-o-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0)}
|
||||
100%{-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-o-transform:rotate(360deg);-ms-transform:rotate(360deg);transform:rotate(360deg)}
|
||||
}@keyframes spin{0%{-webkit-transform:rotate(0);-moz-transform:rotate(0);-o-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0)}
|
||||
100%{-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-o-transform:rotate(360deg);-ms-transform:rotate(360deg);transform:rotate(360deg)}
|
||||
}
|
||||
body{color:#3e4457;font-family:'MuseoSans500Regular',sans-serif}
|
||||
a{color:#b1b6c4;text-decoration:none}
|
||||
a{text-decoration:none;color:#aaafbf}
|
||||
h1,h2,h3,p{margin:0}
|
||||
ul{list-style-type:none;margin:0;padding:0;}
|
||||
ul li{display:inline-block}
|
||||
.icon{margin-right:4px}
|
||||
.wrap{width:800px;margin:0 auto}
|
||||
#head{background:#252f39;color:#86939c;height:64px;}
|
||||
#head h1{font-size:26px;margin:0;padding:10px 24px;line-height:44px;height:44px;background:rgba(0,0,0,0.3);display:inline-block;}
|
||||
#head{background:#c1041c;height:64px;}
|
||||
#head h1{font-size:26px;margin:0;padding:10px 24px;line-height:44px;height:44px;background:#77000e;display:inline-block;color:#c1041c;}
|
||||
#head h1 .icon{margin:0}
|
||||
#head .q{position:relative;display:inline-block;margin:13px 20px 0 20px;vertical-align:top;}
|
||||
#head .q .icon{position:absolute;color:#303d4a;}
|
||||
#head .q .icon{position:absolute;color:#c1041c;}
|
||||
#head .q .icon.search{top:8px;left:12px}
|
||||
#head .q .icon.down-open{top:8px;right:12px}
|
||||
#head .q input{background:rgba(0,0,0,0.3);border:0;padding:10px 12px 10px 36px;font-size:14px;-webkit-border-radius:2px;border-radius:2px;color:rgba(255,255,255,0.5);width:220px}
|
||||
#head .q input{background:#77000e;border:0;padding:10px 12px 10px 36px;font-size:14px;-webkit-border-radius:2px;border-radius:2px;color:#fff;width:220px}
|
||||
#head ul{display:inline-block;}
|
||||
#head ul li{margin-left:30px}
|
||||
#head a{font-weight:bold;}
|
||||
#head a.active,#head a:hover{color:#dde1ed}
|
||||
#head a{color:#e0808d;font-weight:bold;}
|
||||
#head a.active,#head a:hover{color:#fff}
|
||||
#head .right{float:right;margin-right:20px;line-height:64px;}
|
||||
#head .right a{-webkit-border-radius:2px;border-radius:2px;background:#fff;color:#00b361;padding:11px 20px}
|
||||
#head .right a{-webkit-border-radius:2px;border-radius:2px;background:#ffbb2a;color:#c1041c;padding:11px 20px}
|
||||
#title{border-bottom:3px solid #f3f4f8;}
|
||||
#title h2{border-bottom:3px solid #aaafbf;margin:30px 0 -3px 0;display:inline-block;padding-bottom:20px}
|
||||
#title .milestone{font-size:16px;font-weight:bold;margin:0 20px}
|
||||
|
|
@ -46,8 +62,8 @@ ul li{display:inline-block}
|
|||
#content #hero .content .address{font-size:120px;float:left}
|
||||
#content #hero .content .cta{text-align:center;margin-top:10px;}
|
||||
#content #hero .content .cta a{font-family:'MuseoSlab500Regular',serif;padding:11px 20px;-webkit-border-radius:2px;border-radius:2px;display:inline-block;margin:0 4px;}
|
||||
#content #hero .content .cta a.primary{font-weight:bold;background:#00b361;color:#fff}
|
||||
#content #hero .content .cta a.secondary{background:#fff;color:#00b361}
|
||||
#content #hero .content .cta a.primary{font-weight:bold;background:#c1041c;color:#fff}
|
||||
#content #hero .content .cta a.secondary{background:#fff;color:#c1041c}
|
||||
#content #repos{border:1px solid #cdcecf;-webkit-border-radius:2px;border-radius:2px;}
|
||||
#content #repos h2{color:#3e4457;display:inline-block}
|
||||
#content #repos .sort{float:right;line-height:30px}
|
||||
|
|
@ -59,14 +75,14 @@ ul li{display:inline-block}
|
|||
#content #repos table tr td .progress .percent{float:right}
|
||||
#content #repos table tr td .progress .bar{-webkit-border-radius:4px;border-radius:4px;background:#eaecf2;height:10px;width:100%;}
|
||||
#content #repos table tr td .progress .bar.inner{-webkit-box-shadow:inset 0 1px 2px rgba(0,0,0,0.2);box-shadow:inset 0 1px 2px rgba(0,0,0,0.2)}
|
||||
#content #repos table tr td .progress .bar.red{background:#ff2955}
|
||||
#content #repos table tr td .progress .bar.green{background:#4bda66}
|
||||
#content #repos table tr td .progress .due.red{color:#ff2955;font-weight:bold}
|
||||
#content #repos table tr td .progress .bar.red{background:#c1041c}
|
||||
#content #repos table tr td .progress .bar.green{background:#00b361}
|
||||
#content #repos table tr td .progress .due.red{color:#c1041c;font-weight:bold}
|
||||
#content #repos table tr td:first-child a{color:#3e4457;font-weight:bold}
|
||||
#content #repos table tr:nth-child(2) td{background:#fefefe}
|
||||
#content #repos table tr:last-child td{border:0}
|
||||
#content #repos table tr.done td{background:#ebf6f1;}
|
||||
#content #repos table tr.done td .milestone,#content #repos table tr.done td .percent,#content #repos table tr.done td .due{color:#9fc9b5}
|
||||
#content #repos table tr.done td .milestone,#content #repos table tr.done td .percent,#content #repos table tr.done td .due{color:#00b361}
|
||||
#content #repos .header,#content #repos .footer{padding:20px 30px}
|
||||
#content #repos .header{-webkit-box-shadow:0 1px 2px rgba(221,225,237,0.5);box-shadow:0 1px 2px rgba(221,225,237,0.5);margin-bottom:2px;border-bottom:1px solid #dde1ed;}
|
||||
#content #repos .header a{font-family:'MuseoSlab500Regular',serif}
|
||||
|
|
@ -80,10 +96,10 @@ ul li{display:inline-block}
|
|||
#content #add .form table{width:100%;}
|
||||
#content #add .form table tr td:first-child{width:100%}
|
||||
#content #add .form input{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding:10px;width:100%;-webkit-border-radius:2px 0 0 2px;border-radius:2px 0 0 2px;border:1px solid #dde1ed;border-right:0;-webkit-box-shadow:inset 0 1px 2px rgba(0,0,0,0.2);box-shadow:inset 0 1px 2px rgba(0,0,0,0.2)}
|
||||
#content #add .form a{margin-left:-2px;font-family:'MuseoSlab500Regular',serif;padding:11px 20px;-webkit-border-radius:0 2px 2px 0;border-radius:0 2px 2px 0;display:inline-block;font-weight:bold;background:#00b361;color:#fff}
|
||||
#content #add .form a{margin-left:-2px;font-family:'MuseoSlab500Regular',serif;padding:11px 20px;-webkit-border-radius:0 2px 2px 0;border-radius:0 2px 2px 0;display:inline-block;font-weight:bold;background:#c1041c;color:#fff}
|
||||
#content #add .header,#content #add .footer{padding:20px 30px}
|
||||
#content #add .header{-webkit-box-shadow:0 1px 2px rgba(221,225,237,0.5);box-shadow:0 1px 2px rgba(221,225,237,0.5);margin-bottom:2px;border-bottom:1px solid #dde1ed;}
|
||||
#content #add .header a{font-family:'MuseoSlab500Regular',serif}
|
||||
#content #add .footer{background:#f9fafb;color:#aaafbf;-webkit-box-shadow:inset 0 1px 2px rgba(221,225,237,0.2);box-shadow:inset 0 1px 2px rgba(221,225,237,0.2);border-top:1px solid #dde1ed;text-align:center;font-family:'MuseoSlab500Regular',serif;}
|
||||
#content #add .footer .icon{color:#aaafbf}
|
||||
#content #add .footer .icon{display:inline-block;color:#aaafbf}
|
||||
#footer{border-top:1px solid #f3f4f8;text-align:center;padding:30px;margin-top:30px;font-family:'MuseoSlab500Regular',serif}
|
||||
|
|
|
|||
File diff suppressed because one or more lines are too long
Binary file not shown.
|
|
@ -12,6 +12,9 @@
|
|||
<glyph glyph-name="address" unicode="" d="m426 800q20 0 20-20l0-860q0-20-20-20l-46 0q-20 0-20 20l0 440-176 0q-16 0-28 6-12 2-26 12l-120 82q-10 6-10 16t10 16l120 82q14 10 26 12 8 4 28 4l176 0 0 190q0 20 20 20l46 0z m564-208q10-6 10-16t-10-16l-118-82q-22-12-26-12-14-6-28-6l-302 0-40 230 342 0q18 0 28-4t26-12z" horiz-adv-x="1000" />
|
||||
<glyph glyph-name="plus-circled" unicode="" d="m0 350q0 117 58 215t155 156 216 58 215-58 156-156 57-215-57-215-156-156-215-58-216 58-155 156-58 215z m179-36q0-14 10-25t25-10h143v-143q0-15 11-25t25-11h71q15 0 25 11t11 25v143h143q14 0 25 10t11 25v72q0 14-11 25t-25 10h-143v143q0 15-11 25t-25 11h-71q-15 0-25-11t-11-25v-143h-143q-14 0-25-10t-10-25v-72z" horiz-adv-x="857.1" />
|
||||
<glyph glyph-name="fire-station" unicode="" d="m425 775l-175-250-100 150c-33-58-150-200-150-350 0-221 204-400 425-400 221 0 425 179 425 400 0 150-117 292-150 350l-100-150z m0-400s175-134 175-250c0-50-75-100-175-100s-175 50-175 100c0 112 175 250 175 250z" horiz-adv-x="850" />
|
||||
<glyph glyph-name="sort-alphabet" unicode="" d="m516 165q12-25-2-50t-44-25q-33 0-47 29l-37 75-249 0-37-75q-9-20-30-27t-40 3q-20 9-27 29t3 41l209 417q13 27 47 27t46-27z m-326 134l143 0-72 143z m905-209l-313 0q-30 0-45 27t4 57l250 332-209 0q-21 0-37 16t-15 37 15 36 37 16l313 0q30 0 45-28t-4-56l-250-333 209 0q21 0 37-15t15-37-15-37-37-15z m-417 209l-105 0q-21 0-36 15t-15 36 15 37 36 15l105 0q22 0 37-15t15-37-15-36-37-15z" horiz-adv-x="1147" />
|
||||
<glyph glyph-name="down-open" unicode="" d="m50 425q0 14 11 25l92 92q11 11 26 11t25-11l296-296 296 296q11 11 25 11t26-11l92-92q11-11 11-25t-11-26l-414-413q-10-11-25-11t-25 11l-414 413q-11 11-11 26z" horiz-adv-x="1000" />
|
||||
<glyph glyph-name="spin6" unicode="" d="m855 9c-189-190-520-172-705 13-190 190-200 494-28 695 11 13 21 26 35 34 36 23 85 18 117-13 30-31 35-76 16-112-5-9-9-15-16-22-140-151-145-379-8-516 153-153 407-121 542 34 106 122 142 297 77 451-83 198-305 291-510 222l0 1c236 82 492-24 588-252 71-167 37-355-72-493-11-15-23-29-36-42z" horiz-adv-x="1000" />
|
||||
</font>
|
||||
</defs>
|
||||
</svg>
|
||||
|
Before Width: | Height: | Size: 3.1 KiB After Width: | Height: | Size: 4.1 KiB |
Binary file not shown.
Binary file not shown.
|
|
@ -3,13 +3,16 @@
|
|||
$serif_font = 'MuseoSlab500Regular', serif
|
||||
$sans_serif_font = 'MuseoSans500Regular', sans-serif
|
||||
|
||||
$strong_color = #C1041C
|
||||
$highlight_color = #FFBB2A
|
||||
|
||||
body
|
||||
color: #3E4457
|
||||
font-family: $sans_serif_font
|
||||
|
||||
a
|
||||
color: #B1B6C4
|
||||
text-decoration: none
|
||||
color: #AAAFBF
|
||||
|
||||
h1, h2, h3, p
|
||||
margin: 0
|
||||
|
|
@ -30,8 +33,7 @@ ul
|
|||
margin: 0 auto
|
||||
|
||||
#head
|
||||
background: #252F39
|
||||
color: #86939C
|
||||
background: $strong_color
|
||||
height: 64px
|
||||
|
||||
h1
|
||||
|
|
@ -40,8 +42,9 @@ ul
|
|||
padding: 10px 24px
|
||||
line-height: 44px
|
||||
height: 44px
|
||||
background: rgba(#000, 30%)
|
||||
background: #77000E
|
||||
display: inline-block
|
||||
color: $strong_color
|
||||
|
||||
.icon
|
||||
margin: 0
|
||||
|
|
@ -54,7 +57,7 @@ ul
|
|||
|
||||
.icon
|
||||
position: absolute
|
||||
color: #303D4A
|
||||
color: $strong_color
|
||||
|
||||
&.search
|
||||
top: 8px
|
||||
|
|
@ -65,12 +68,12 @@ ul
|
|||
right: 12px
|
||||
|
||||
input
|
||||
background: rgba(#000, 30%)
|
||||
background: #77000E
|
||||
border: 0
|
||||
padding: 10px 12px 10px 36px
|
||||
font-size: 14px
|
||||
border-radius: 2px
|
||||
color: rgba(#FFF, 50%)
|
||||
color: #FFF
|
||||
width: 220px
|
||||
|
||||
ul
|
||||
|
|
@ -80,10 +83,11 @@ ul
|
|||
margin-left: 30px
|
||||
|
||||
a
|
||||
color: #E0808D
|
||||
font-weight: bold
|
||||
|
||||
&.active, &:hover
|
||||
color: #DDE1ED
|
||||
color: #FFF
|
||||
|
||||
.right
|
||||
float: right
|
||||
|
|
@ -92,8 +96,8 @@ ul
|
|||
|
||||
a
|
||||
border-radius: 2px
|
||||
background: #FFF
|
||||
color: #00B361
|
||||
background: $highlight_color
|
||||
color: $strong_color
|
||||
padding: 11px 20px
|
||||
|
||||
#title
|
||||
|
|
@ -161,12 +165,12 @@ ul
|
|||
|
||||
&.primary
|
||||
font-weight: bold
|
||||
background: #00B361
|
||||
background: $strong_color
|
||||
color: #FFF
|
||||
|
||||
&.secondary
|
||||
background: #FFF
|
||||
color: #00B361
|
||||
color: $strong_color
|
||||
|
||||
#repos
|
||||
border: 1px solid #CDCECF
|
||||
|
|
@ -214,14 +218,14 @@ ul
|
|||
box-shadow: inset 0 1px 2px rgba(#000, 20%)
|
||||
|
||||
&.red
|
||||
background: #FF2955
|
||||
background: $strong_color
|
||||
|
||||
&.green
|
||||
background: #4BDA66
|
||||
background: #00B361
|
||||
|
||||
.due
|
||||
&.red
|
||||
color: #FF2955
|
||||
color: $strong_color
|
||||
font-weight: bold
|
||||
|
||||
&:first-child
|
||||
|
|
@ -242,7 +246,7 @@ ul
|
|||
background: #EBF6F1
|
||||
|
||||
.milestone, .percent, .due
|
||||
color: #9FC9B5
|
||||
color: #00B361
|
||||
|
||||
.header, .footer
|
||||
padding: 20px 30px
|
||||
|
|
@ -313,7 +317,7 @@ ul
|
|||
border-radius: 0 2px 2px 0
|
||||
display: inline-block
|
||||
font-weight: bold
|
||||
background: #00B361
|
||||
background: $strong_color
|
||||
color: #FFF
|
||||
|
||||
.header, .footer
|
||||
|
|
@ -336,6 +340,7 @@ ul
|
|||
font-family: $serif_font
|
||||
|
||||
.icon
|
||||
display: inline-block
|
||||
color: #AAAFBF
|
||||
|
||||
#footer
|
||||
|
|
|
|||
|
|
@ -1,3 +1,5 @@
|
|||
@import 'nib'
|
||||
|
||||
.icon
|
||||
vertical-align: middle
|
||||
|
||||
|
|
@ -48,4 +50,23 @@
|
|||
|
||||
&.down-open
|
||||
&:before
|
||||
content: '\e807'
|
||||
content: '\e807'
|
||||
|
||||
&.spin6
|
||||
animation: spin 2s infinite linear
|
||||
|
||||
&:before
|
||||
content: '\e808'
|
||||
|
||||
@-moz-keyframes spin {
|
||||
from { -moz-transform: rotate(0deg) }
|
||||
to { -moz-transform: rotate(360deg) }
|
||||
}
|
||||
@-webkit-keyframes spin {
|
||||
from { -webkit-transform: rotate(0deg) }
|
||||
to { -webkit-transform: rotate(360deg) }
|
||||
}
|
||||
@keyframes spin {
|
||||
from { transform:rotate(0deg) }
|
||||
to { transform:rotate(360deg) }
|
||||
}
|
||||
|
|
@ -124,7 +124,7 @@
|
|||
</div>
|
||||
|
||||
<div class="footer">
|
||||
<span class="icon loading"></span> Connecting to your repo.
|
||||
<span class="icon spin6"></span> Connecting to your repo.
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
|
|
|||
Loading…
Reference in New Issue