mirror of
https://github.com/spring-projects/spring-petclinic.git
synced 2025-12-27 19:07:28 +00:00
Initialize shared gh-pages infrastructure
This commit is contained in:
Phillip Webb
commit
171918e41a
70 changed files with 35217 additions and 0 deletions
45
css/buttons.css.css
Normal file
45
css/buttons.css.css
Normal file
|
|
@ -0,0 +1,45 @@
|
|||
.btn.btn-black {
|
||||
background-color: #34302d;
|
||||
background-image: none;
|
||||
border-radius: 0;
|
||||
color: #f1f1f1;
|
||||
font-size: 14px;
|
||||
line-height: 14px;
|
||||
font-family: "Montserrat", sans-serif;
|
||||
border: 2px solid #6db33f;
|
||||
padding: 21px 60px;
|
||||
text-shadow: none;
|
||||
transition: border 0.15s;
|
||||
-webkit-transition: border 0.15s;
|
||||
-moz-transition: border 0.15s;
|
||||
-o-transition: border 0.15s;
|
||||
-ms-transition: border 0.15s;
|
||||
}
|
||||
|
||||
.btn.btn-black.sub-text {
|
||||
padding: 12px 0;
|
||||
}
|
||||
|
||||
.btn.btn-black.sub-text p {
|
||||
margin-top: 6px;
|
||||
color: #eeeeee;
|
||||
font-size: 14px;
|
||||
line-height: 14px;
|
||||
font-family: "Montserrat", sans-serif;
|
||||
text-transform: none;
|
||||
}
|
||||
|
||||
.btn.btn-black:hover {
|
||||
border-color: #34302d;
|
||||
box-shadow: none;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
.btn.btn-black:active {
|
||||
box-shadow: inset 0 3px 6px #0b0a0a;
|
||||
border-color: #34302d;
|
||||
}
|
||||
|
||||
.btn.uppercase {
|
||||
text-transform: uppercase;
|
||||
}
|
||||
31
css/documentation.css
Normal file
31
css/documentation.css
Normal file
|
|
@ -0,0 +1,31 @@
|
|||
.project-body--container {
|
||||
margin: 40px auto;
|
||||
}
|
||||
|
||||
.body--container h1 {
|
||||
font-size: 32px;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.body--container h1 a {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.body--container h1,h2 {
|
||||
border-bottom: 1px solid #CCCCCC;
|
||||
margin-bottom: 10px;
|
||||
padding-bottom: 10px;
|
||||
}
|
||||
|
||||
.body--container h2,h3,h4 {
|
||||
padding-top: 24px;
|
||||
}
|
||||
|
||||
.body--container p {
|
||||
margin: 15px 0;
|
||||
}
|
||||
|
||||
.project-body--container .copy-button {
|
||||
position: absolute;
|
||||
margin-left: 963px;
|
||||
}
|
||||
244
css/guide.css.css
Normal file
244
css/guide.css.css
Normal file
|
|
@ -0,0 +1,244 @@
|
|||
.guides-section--container {
|
||||
border: 1px solid #34302d;
|
||||
padding: 40px;
|
||||
min-height: 200px;
|
||||
margin-top: 50px;
|
||||
}
|
||||
|
||||
.guides-section--container:first-child {
|
||||
margin-top: 0;
|
||||
}
|
||||
|
||||
.guides-section--container .section-title--container {
|
||||
background-color: #34302d;
|
||||
color: #eeeeee;
|
||||
padding: 40px 0;
|
||||
margin: -40px 40px 40px -40px;
|
||||
float: left;
|
||||
width: 324px;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.guides-section--container .section-title--container .section-title--icon
|
||||
{
|
||||
height: 100px;
|
||||
width: 72px;
|
||||
display: inline-block;
|
||||
background-image: url("../img/iconsprite.png");
|
||||
}
|
||||
|
||||
.guides-section--container .section-title--container .section-title--icon.gs-guides--icon
|
||||
{
|
||||
background-position: -1px -737px;
|
||||
}
|
||||
|
||||
.guides-section--container .section-title--container .section-title--title
|
||||
{
|
||||
text-transform: uppercase;
|
||||
font-family: "Montserrat", sans-serif;
|
||||
font-size: 18px;
|
||||
line-height: 18px;
|
||||
padding: 30px 20px 25px;
|
||||
}
|
||||
|
||||
.guides-section--container .section-title--container .section-title--intro
|
||||
{
|
||||
padding: 0 40px;
|
||||
font-size: 14px;
|
||||
line-height: 21px;
|
||||
}
|
||||
|
||||
.guides-section--container .guides--wrapper {
|
||||
margin-right: -40px;
|
||||
}
|
||||
|
||||
.guides-section--container .guide--container {
|
||||
display: inline-block;
|
||||
width: 284px;
|
||||
margin: 0 40px 20px 0;
|
||||
vertical-align: top;
|
||||
}
|
||||
|
||||
.guides-section--container .guide--container .guide--title {
|
||||
font-size: 16px;
|
||||
color: #5fa134;
|
||||
line-height: 22px;
|
||||
}
|
||||
|
||||
.guides-section--container .guide--container .guide--subtitle {
|
||||
font-size: 14px;
|
||||
line-height: 20px;
|
||||
margin-top: 5px;
|
||||
}
|
||||
|
||||
.content--container h1 {
|
||||
margin-bottom: 30px;
|
||||
}
|
||||
|
||||
.content--container a {
|
||||
color: #5fa134;
|
||||
}
|
||||
|
||||
.content--container p,.content--container pre {
|
||||
margin-bottom: 18px;
|
||||
border-radius: 0;
|
||||
}
|
||||
|
||||
.content--container h2 {
|
||||
font-family: "Montserrat", sans-serif;
|
||||
font-size: 18px;
|
||||
line-height: 28px;
|
||||
font-weight: 700;
|
||||
margin: 30px 0 15px;
|
||||
}
|
||||
|
||||
.content--container h3,.content--container h4 {
|
||||
font-family: "Montserrat", sans-serif;
|
||||
font-size: 16px;
|
||||
line-height: 26px;
|
||||
font-weight: 700;
|
||||
margin: 30px 0 15px;
|
||||
}
|
||||
|
||||
.content--container p code {
|
||||
color: #305CB5;
|
||||
font-size: 14px;
|
||||
padding: 2px 6px;
|
||||
}
|
||||
|
||||
.content--container ul {
|
||||
margin-bottom: 30px;
|
||||
}
|
||||
|
||||
.content--container ul li {
|
||||
padding: 5px 0;
|
||||
}
|
||||
|
||||
.content--container ul li code {
|
||||
color: #305CB5;
|
||||
font-size: 14px;
|
||||
padding: 2px 6px;
|
||||
}
|
||||
|
||||
.content--container blockquote {
|
||||
padding: 0 0 0 10px;
|
||||
border-left: 5px solid #DDD;
|
||||
}
|
||||
|
||||
.content--container pre {
|
||||
word-break: normal;
|
||||
word-wrap: normal;
|
||||
white-space: pre;
|
||||
overflow-x: scroll;
|
||||
width: 96.9%%;
|
||||
}
|
||||
|
||||
.content-right-pane--container h2 {
|
||||
margin: 15px 6.2%;
|
||||
}
|
||||
|
||||
.content-right-pane--container p {
|
||||
font-size: 14px;
|
||||
line-height: 21px;
|
||||
margin: 15px 6.2%;
|
||||
}
|
||||
|
||||
.content-right-pane--container h3 {
|
||||
border-top: 1px solid #ddd;
|
||||
padding: 6px 6.2%;
|
||||
font-family: "Montserrat", sans-serif;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
.content-right-pane--container ul {
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
.content-right-pane--container ul li {
|
||||
line-height: 21px;
|
||||
}
|
||||
|
||||
.content-right-pane--container ul li:last-child {
|
||||
padding-bottom: 28px;
|
||||
}
|
||||
|
||||
.content-right-pane--container ul li:first-child {
|
||||
padding-bottom: 12px;
|
||||
}
|
||||
|
||||
.content-right-pane--container .btn-group {
|
||||
margin: 0 6.2%;
|
||||
display: block;
|
||||
}
|
||||
|
||||
.content-right-pane--container .btn-group .btn {
|
||||
font-family: "Varela Round", sans-serif;
|
||||
padding: 18px 6.4%;
|
||||
font-size: 16px;
|
||||
line-height: 16px;
|
||||
border: 1px solid #ddd;
|
||||
box-shadow: none;
|
||||
}
|
||||
|
||||
.content-right-pane--container .btn-group .btn.active {
|
||||
background: #fff;
|
||||
box-shadow: none;
|
||||
}
|
||||
|
||||
.content-right-pane--container .btn-group .btn:active {
|
||||
box-shadow: inset 0 1px 3px #c8c8c8;
|
||||
}
|
||||
|
||||
.content-right-pane--container .clone-url {
|
||||
border: 1px solid #ccc;
|
||||
background-color: white;
|
||||
cursor: pointer;
|
||||
margin: 15px 6.2%;
|
||||
}
|
||||
|
||||
.content-right-pane--container .clone-url input {
|
||||
background-color: transparent;
|
||||
border: none;
|
||||
box-shadow: none;
|
||||
margin: 0;
|
||||
padding: 14px 0 14px 14px;
|
||||
}
|
||||
|
||||
.content-right-pane--container .clone-url input:focus {
|
||||
outline: none;
|
||||
}
|
||||
|
||||
.content-right-pane--container .clone-url button {
|
||||
padding: 24px;
|
||||
margin: 0;
|
||||
float: right;
|
||||
background-position: 7px -62px;
|
||||
}
|
||||
|
||||
.content-right-pane--container .github_download {
|
||||
display: block;
|
||||
text-align: center;
|
||||
margin: 15px 6.2%;
|
||||
}
|
||||
|
||||
.copy-button {
|
||||
background-color: #cccccc;
|
||||
margin: 1px 1px 10px 0;
|
||||
padding: 20px;
|
||||
background-image: url("../img/iconsprite.png");
|
||||
background-repeat: no-repeat;
|
||||
background-position: 2px -66px;
|
||||
width: 20px;
|
||||
height: 22px;
|
||||
border: none;
|
||||
background-color: #34302d;
|
||||
}
|
||||
|
||||
a.ci-status {
|
||||
float: right;
|
||||
margin-top: -27px;
|
||||
}
|
||||
|
||||
.gs-guide-import {
|
||||
display: none;
|
||||
}
|
||||
329
css/highlight.css.css
Normal file
329
css/highlight.css.css
Normal file
|
|
@ -0,0 +1,329 @@
|
|||
.highlight .hll {
|
||||
background-color: #ffffcc;
|
||||
}
|
||||
|
||||
.highlight .c {
|
||||
color: #999988;
|
||||
font-style: italic;
|
||||
}
|
||||
|
||||
/* Comment */
|
||||
.highlight .err {
|
||||
color: #a61717;
|
||||
background-color: #e3d2d2;
|
||||
}
|
||||
|
||||
/* Error */
|
||||
.highlight .k {
|
||||
color: #000000;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
/* Keyword */
|
||||
.highlight .o {
|
||||
color: #000000;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
/* Operator */
|
||||
.highlight .cm {
|
||||
color: #999988;
|
||||
font-style: italic;
|
||||
}
|
||||
|
||||
/* Comment.Multiline */
|
||||
.highlight .cp {
|
||||
color: #999999;
|
||||
font-weight: bold;
|
||||
font-style: italic;
|
||||
}
|
||||
|
||||
/* Comment.Preproc */
|
||||
.highlight .c1 {
|
||||
color: #999988;
|
||||
font-style: italic;
|
||||
}
|
||||
|
||||
/* Comment.Single */
|
||||
.highlight .cs {
|
||||
color: #999999;
|
||||
font-weight: bold;
|
||||
font-style: italic;
|
||||
}
|
||||
|
||||
/* Comment.Special */
|
||||
.highlight .gd {
|
||||
color: #000000;
|
||||
background-color: #ffdddd;
|
||||
}
|
||||
|
||||
/* Generic.Deleted */
|
||||
.highlight .ge {
|
||||
color: #000000;
|
||||
font-style: italic;
|
||||
}
|
||||
|
||||
/* Generic.Emph */
|
||||
.highlight .gr {
|
||||
color: #aa0000;
|
||||
}
|
||||
|
||||
/* Generic.Error */
|
||||
.highlight .gh {
|
||||
color: #999999;
|
||||
}
|
||||
|
||||
/* Generic.Heading */
|
||||
.highlight .gi {
|
||||
color: #000000;
|
||||
background-color: #ddffdd;
|
||||
}
|
||||
|
||||
/* Generic.Inserted */
|
||||
.highlight .go {
|
||||
color: #888888;
|
||||
}
|
||||
|
||||
/* Generic.Output */
|
||||
.highlight .gp {
|
||||
color: #555555;
|
||||
}
|
||||
|
||||
/* Generic.Prompt */
|
||||
.highlight .gs {
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
/* Generic.Strong */
|
||||
.highlight .gu {
|
||||
color: #aaaaaa;
|
||||
}
|
||||
|
||||
/* Generic.Subheading */
|
||||
.highlight .gt {
|
||||
color: #aa0000;
|
||||
}
|
||||
|
||||
/* Generic.Traceback */
|
||||
.highlight .kc {
|
||||
color: #000000;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
/* Keyword.Constant */
|
||||
.highlight .kd {
|
||||
color: #000000;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
/* Keyword.Declaration */
|
||||
.highlight .kn {
|
||||
color: #000000;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
/* Keyword.Namespace */
|
||||
.highlight .kp {
|
||||
color: #000000;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
/* Keyword.Pseudo */
|
||||
.highlight .kr {
|
||||
color: #000000;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
/* Keyword.Reserved */
|
||||
.highlight .kt {
|
||||
color: #445588;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
/* Keyword.Type */
|
||||
.highlight .m {
|
||||
color: #009999;
|
||||
}
|
||||
|
||||
/* Literal.Number */
|
||||
.highlight .s {
|
||||
color: #d01040;
|
||||
}
|
||||
|
||||
/* Literal.String */
|
||||
.highlight .na {
|
||||
color: teal;
|
||||
}
|
||||
|
||||
/* Name.Attribute */
|
||||
.highlight .nb {
|
||||
color: #0086b3;
|
||||
}
|
||||
|
||||
/* Name.Builtin */
|
||||
.highlight .nc {
|
||||
color: #445588;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
/* Name.Class */
|
||||
.highlight .no {
|
||||
color: teal;
|
||||
}
|
||||
|
||||
/* Name.Constant */
|
||||
.highlight .nd {
|
||||
color: #3c5d5d;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
/* Name.Decorator */
|
||||
.highlight .ni {
|
||||
color: purple;
|
||||
}
|
||||
|
||||
/* Name.Entity */
|
||||
.highlight .ne {
|
||||
color: #990000;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
/* Name.Exception */
|
||||
.highlight .nf {
|
||||
color: #990000;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
/* Name.Function */
|
||||
.highlight .nl {
|
||||
color: #990000;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
/* Name.Label */
|
||||
.highlight .nn {
|
||||
color: #555555;
|
||||
}
|
||||
|
||||
/* Name.Namespace */
|
||||
.highlight .nt {
|
||||
color: navy;
|
||||
}
|
||||
|
||||
/* Name.Tag */
|
||||
.highlight .nv {
|
||||
color: teal;
|
||||
}
|
||||
|
||||
/* Name.Variable */
|
||||
.highlight .ow {
|
||||
color: #000000;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
/* Operator.Word */
|
||||
.highlight .w {
|
||||
color: #bbbbbb;
|
||||
}
|
||||
|
||||
/* Text.Whitespace */
|
||||
.highlight .mf {
|
||||
color: #009999;
|
||||
}
|
||||
|
||||
/* Literal.Number.Float */
|
||||
.highlight .mh {
|
||||
color: #009999;
|
||||
}
|
||||
|
||||
/* Literal.Number.Hex */
|
||||
.highlight .mi {
|
||||
color: #009999;
|
||||
}
|
||||
|
||||
/* Literal.Number.Integer */
|
||||
.highlight .mo {
|
||||
color: #009999;
|
||||
}
|
||||
|
||||
/* Literal.Number.Oct */
|
||||
.highlight .sb {
|
||||
color: #d01040;
|
||||
}
|
||||
|
||||
/* Literal.String.Backtick */
|
||||
.highlight .sc {
|
||||
color: #d01040;
|
||||
}
|
||||
|
||||
/* Literal.String.Char */
|
||||
.highlight .sd {
|
||||
color: #d01040;
|
||||
}
|
||||
|
||||
/* Literal.String.Doc */
|
||||
.highlight .s2 {
|
||||
color: #d01040;
|
||||
}
|
||||
|
||||
/* Literal.String.Double */
|
||||
.highlight .se {
|
||||
color: #d01040;
|
||||
}
|
||||
|
||||
/* Literal.String.Escape */
|
||||
.highlight .sh {
|
||||
color: #d01040;
|
||||
}
|
||||
|
||||
/* Literal.String.Heredoc */
|
||||
.highlight .si {
|
||||
color: #d01040;
|
||||
}
|
||||
|
||||
/* Literal.String.Interpol */
|
||||
.highlight .sx {
|
||||
color: #d01040;
|
||||
}
|
||||
|
||||
/* Literal.String.Other */
|
||||
.highlight .sr {
|
||||
color: #009926;
|
||||
}
|
||||
|
||||
/* Literal.String.Regex */
|
||||
.highlight .s1 {
|
||||
color: #d01040;
|
||||
}
|
||||
|
||||
/* Literal.String.Single */
|
||||
.highlight .ss {
|
||||
color: #990073;
|
||||
}
|
||||
|
||||
/* Literal.String.Symbol */
|
||||
.highlight .bp {
|
||||
color: #999999;
|
||||
}
|
||||
|
||||
/* Name.Builtin.Pseudo */
|
||||
.highlight .vc {
|
||||
color: teal;
|
||||
}
|
||||
|
||||
/* Name.Variable.Class */
|
||||
.highlight .vg {
|
||||
color: teal;
|
||||
}
|
||||
|
||||
/* Name.Variable.Global */
|
||||
.highlight .vi {
|
||||
color: teal;
|
||||
}
|
||||
|
||||
/* Name.Variable.Instance */
|
||||
.highlight .il {
|
||||
color: #009999;
|
||||
}
|
||||
|
||||
/* Literal.Number.Integer.Long */
|
||||
189
css/icons.css.css
Normal file
189
css/icons.css.css
Normal file
|
|
@ -0,0 +1,189 @@
|
|||
.spring-icon {
|
||||
background-image: url("../img/iconsprite.png");
|
||||
display: inline-block !important;
|
||||
}
|
||||
|
||||
.spring-icon.project--logo.logo-spring-framework {
|
||||
width: 135px;
|
||||
height: 133px;
|
||||
background-position: -483px 0;
|
||||
margin-top: 2px;
|
||||
}
|
||||
|
||||
.spring-icon.project--logo.logo-spring-security {
|
||||
width: 99px;
|
||||
height: 137px;
|
||||
background-position: -483px -161px;
|
||||
}
|
||||
|
||||
.spring-icon.project--logo.logo-spring-data {
|
||||
width: 111px;
|
||||
height: 111px;
|
||||
background-position: -483px -325px;
|
||||
margin-top: 13px;
|
||||
}
|
||||
|
||||
.spring-icon.project--logo.logo-spring-batch {
|
||||
width: 104px;
|
||||
height: 108px;
|
||||
background-position: -641px 0;
|
||||
margin-top: 14px;
|
||||
}
|
||||
|
||||
.spring-icon.project--logo.logo-spring-integration {
|
||||
width: 145px;
|
||||
height: 104px;
|
||||
background-position: -641px -161px;
|
||||
margin-top: 16px;
|
||||
}
|
||||
|
||||
.spring-icon.project--logo.logo-spring-amqp {
|
||||
width: 109px;
|
||||
height: 98px;
|
||||
background-position: -641px -325px;
|
||||
margin: 19px;
|
||||
}
|
||||
|
||||
.spring-icon.project--logo.logo-spring-default {
|
||||
width: 100px;
|
||||
height: 100px;
|
||||
background-position: -805px 0;
|
||||
margin-top: 18px;
|
||||
}
|
||||
|
||||
.spring-icon.project--logo.logo-spring-mobile {
|
||||
width: 104px;
|
||||
height: 137px;
|
||||
background-position: -805px -161px;
|
||||
}
|
||||
|
||||
.spring-icon.project--logo.logo-spring-android {
|
||||
width: 104px;
|
||||
height: 126px;
|
||||
background-position: -805px -325px;
|
||||
margin-top: 10px;
|
||||
}
|
||||
|
||||
.spring-icon.project--logo.logo-spring-social {
|
||||
width: 130px;
|
||||
height: 100px;
|
||||
background-position: -483px -481px;
|
||||
margin-top: 18px;
|
||||
}
|
||||
|
||||
.spring-icon.spring-icon-projects {
|
||||
width: 28px;
|
||||
height: 28px;
|
||||
background-position: -641px -481px;
|
||||
}
|
||||
|
||||
.spring-icon.spring-icon-projects:hover {
|
||||
background-position: -641px -521px;
|
||||
}
|
||||
|
||||
.spring-icon.spring-icon-forum {
|
||||
width: 32px;
|
||||
height: 32px;
|
||||
background-position: -409px -450px;
|
||||
margin-top: 5px;
|
||||
}
|
||||
|
||||
.spring-icon.spring-icon-forum:hover {
|
||||
background-position: -449px -450px;
|
||||
}
|
||||
|
||||
.spring-icon.spring-icon-current-version {
|
||||
height: 13px;
|
||||
width: 42px;
|
||||
background-position: -284px -520px;
|
||||
}
|
||||
|
||||
.spring-icon.spring-icon-pre-release {
|
||||
height: 13px;
|
||||
width: 23px;
|
||||
background-position: -344px -520px;
|
||||
}
|
||||
|
||||
.spring-icon.spring-icon-ga-release {
|
||||
margin-left: 0 !important;
|
||||
height: 13px;
|
||||
width: 9px;
|
||||
background-position: 626px 317px;
|
||||
background-color: #6db33f;
|
||||
padding: 0 2px;
|
||||
border-radius: 10px;
|
||||
}
|
||||
|
||||
.spring-icon.spring-icon-snapshot-release {
|
||||
height: 13px;
|
||||
width: 46px;
|
||||
background-position: 603px 317px;
|
||||
}
|
||||
|
||||
.spring-icon.project-badges {
|
||||
width: 32px;
|
||||
height: 32px;
|
||||
}
|
||||
|
||||
.spring-icon.project-badges.twitter {
|
||||
background-position: 918px 32px;
|
||||
}
|
||||
|
||||
.spring-icon.project-badges.twitter:hover,.spring-icon.project-badges.twitter:active
|
||||
{
|
||||
background-position: 918px 73px;
|
||||
}
|
||||
|
||||
.spring-icon.project-badges.github {
|
||||
background-position: 875px 32px;
|
||||
}
|
||||
|
||||
.spring-icon.project-badges.github:hover,.spring-icon.project-badges.github:active
|
||||
{
|
||||
background-position: 875px 73px;
|
||||
}
|
||||
|
||||
.spring-icon.project-badges.ci {
|
||||
background-position: 832px 32px;
|
||||
}
|
||||
|
||||
.spring-icon.project-badges.ci:hover,.spring-icon.project-badges.ci:active
|
||||
{
|
||||
background-position: 832px 73px;
|
||||
}
|
||||
|
||||
.spring-icon.project-badges.tracking {
|
||||
background-position: 789px 32px;
|
||||
}
|
||||
|
||||
.spring-icon.project-badges.tracking:hover,.spring-icon.project-badges.tracking:active
|
||||
{
|
||||
background-position: 789px 73px;
|
||||
}
|
||||
|
||||
.spring-icon.project-badges.forum {
|
||||
background-position: 746px 32px;
|
||||
}
|
||||
|
||||
.spring-icon.project-badges.forum:hover,.spring-icon.project-badges.forum:active
|
||||
{
|
||||
background-position: 746px 73px;
|
||||
}
|
||||
|
||||
.spring-icon.project-badges.stackoverflow {
|
||||
background-position: 703px 32px;
|
||||
}
|
||||
|
||||
.spring-icon.project-badges.stackoverflow:hover,.spring-icon.project-badges.stackoverflow:active
|
||||
{
|
||||
background-position: 703px 73px;
|
||||
}
|
||||
|
||||
.spring-icon.project-badges.metrics {
|
||||
background-position: 660px 32px;
|
||||
}
|
||||
|
||||
.spring-icon.project-badges.metrics:hover,.spring-icon.project-badges.metrics:active
|
||||
{
|
||||
background-position: 660px 73px;
|
||||
}
|
||||
990
css/main.css.css
Normal file
990
css/main.css.css
Normal file
|
|
@ -0,0 +1,990 @@
|
|||
.js-download-widget-selector {
|
||||
display: inline;
|
||||
}
|
||||
|
||||
.navbar {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
||||
.navbar-inner {
|
||||
min-width: 1060px;
|
||||
}
|
||||
|
||||
.navbar-inner .container-fluid {
|
||||
max-width: 1024px;
|
||||
margin: 0 auto;
|
||||
}
|
||||
|
||||
.billboard--wrapper,.key-feature--wrapper,.offset-feature--container,.support--wrapper,footer,.search-dropdown--container,.team-map--wrapper,.billboard-bg
|
||||
{
|
||||
min-width: 1100px;
|
||||
}
|
||||
|
||||
body {
|
||||
background-color: #f1f1f1;
|
||||
}
|
||||
|
||||
#scrim {
|
||||
display: none;
|
||||
background-color: rgba(0, 127, 0, 0.5);
|
||||
}
|
||||
|
||||
#scrim.js-show {
|
||||
display: block;
|
||||
background-color: rgba(127, 0, 0, 0.5);
|
||||
position: absolute;
|
||||
top: 0;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
right: 0;
|
||||
z-index: 700;
|
||||
}
|
||||
|
||||
.title-divider {
|
||||
width: 75%;
|
||||
height: 5px;
|
||||
background-color: #8CC63F;
|
||||
margin: 21px 0;
|
||||
}
|
||||
|
||||
.title-divider.full-width {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.code-snippet {
|
||||
border-radius: 2px;
|
||||
border: 1px solid #ccc;
|
||||
background-color: #F9F9F9;
|
||||
padding: 12px 18px;
|
||||
margin: 15px 0;
|
||||
font-size: 13px;
|
||||
line-height: 13px;
|
||||
}
|
||||
|
||||
.header--navbar {
|
||||
|
||||
}
|
||||
|
||||
.header--navbar .navbar-inner {
|
||||
position: absolute;
|
||||
z-index: 999;
|
||||
background-image: none;
|
||||
background-color: #34302d;
|
||||
border: none;
|
||||
border-top: 4px solid #6db33f;
|
||||
box-shadow: none;
|
||||
position: relative;
|
||||
border-radius: 0;
|
||||
}
|
||||
|
||||
.header--navbar .navbar-inner .spring-logo--container {
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
.header--navbar .navbar-inner .spring-logo--container .spring-logo {
|
||||
width: 160px;
|
||||
height: 46px;
|
||||
display: inline-block;
|
||||
margin: 12px 0 6px;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
a.spring-logo {
|
||||
background: url("../img/spring-logo.png") -1px -1px no-repeat;
|
||||
}
|
||||
|
||||
a.spring-logo span {
|
||||
display: block;
|
||||
width: 160px;
|
||||
height: 46px;
|
||||
background: url("../img/spring-logo.png") -1px -48px no-repeat;
|
||||
opacity: 0;
|
||||
-moz-transition: opacity .12s ease-in-out;
|
||||
-webkit-transition: opacity .12s ease-in-out;
|
||||
-o-transition: opacity .12s ease-in-out;
|
||||
}
|
||||
|
||||
a:hover.spring-logo span {
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
.header--navbar .navbar-inner .spring-logo--container:hover .logo-bg {
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
.header--navbar .navbar-inner .navbar-link.active a {
|
||||
background-color: #6db33f;
|
||||
box-shadow: none;
|
||||
}
|
||||
|
||||
.header--navbar .navbar-inner .navbar-link a {
|
||||
color: #eeeeee;
|
||||
font-family: "Montserrat", sans-serif;
|
||||
text-transform: uppercase;
|
||||
text-shadow: none;
|
||||
font-size: 14px;
|
||||
line-height: 14px;
|
||||
padding: 28px 20px;
|
||||
transition: all 0.15s;
|
||||
-webkit-transition: all 0.15s;
|
||||
-moz-transition: all 0.15s;
|
||||
-o-transition: all 0.15s;
|
||||
-ms-transition: all 0.15s;
|
||||
}
|
||||
|
||||
.header--navbar .navbar-inner .navbar-link:hover a {
|
||||
color: #eeeeee;
|
||||
background-color: #6db33f;
|
||||
}
|
||||
|
||||
.header--navbar .navbar-inner .navbar-link.nav-search {
|
||||
padding: 20px 0 23px;
|
||||
}
|
||||
|
||||
.header--navbar .navbar-inner .navbar-link.nav-search .navbar-search--icon
|
||||
{
|
||||
color: #eeeeee;
|
||||
font-size: 24px;
|
||||
padding: 3px 16px 3px 18px;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.header--navbar .navbar-inner .navbar-link.nav-search:hover .navbar-search--icon
|
||||
{
|
||||
text-shadow: 0 0 10px #6db33f;
|
||||
}
|
||||
|
||||
.header--navbar .navbar-inner .navbar-link.nav-search .search-input-close
|
||||
{
|
||||
display: none;
|
||||
}
|
||||
|
||||
.header--navbar .navbar-inner .navbar-link.nav-search.js-highlight {
|
||||
background-color: #6db33f;
|
||||
}
|
||||
|
||||
.header--navbar .navbar-inner .navbar-link.nav-search.js-highlight .navbar-search--icon
|
||||
{
|
||||
display: none;
|
||||
}
|
||||
|
||||
.header--navbar .navbar-inner .navbar-link.nav-search.js-highlight .search-input-close
|
||||
{
|
||||
display: inline-block;
|
||||
color: #eeeeee;
|
||||
padding: 4px 24px 3px;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.header--navbar .search-dropdown--container {
|
||||
position: absolute;
|
||||
z-index: 998;
|
||||
margin-top: -90px;
|
||||
background-color: white;
|
||||
width: 100%;
|
||||
border-bottom: 1px solid #ddd;
|
||||
transition: margin 0.25s;
|
||||
-webkit-transition: margin 0.25s;
|
||||
-moz-transition: margin 0.25s;
|
||||
-o-transition: margin 0.25s;
|
||||
-ms-transition: margin 0.25s;
|
||||
}
|
||||
|
||||
.header--navbar .search-dropdown--container.no-animation {
|
||||
transition: none;
|
||||
-webkit-transition: none;
|
||||
-moz-transition: none;
|
||||
-o-transition: none;
|
||||
-ms-transition: none;
|
||||
}
|
||||
|
||||
.header--navbar .search-dropdown--container .form-search {
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
.header--navbar .search-dropdown--container .form-search .search-form--form
|
||||
{
|
||||
background: rgba(0, 0, 0, 0);
|
||||
border: none;
|
||||
box-shadow: none;
|
||||
color: #34302D;
|
||||
font-size: 21px;
|
||||
line-height: 29px;
|
||||
height: 30px;
|
||||
padding: 25px 0;
|
||||
width: 93%;
|
||||
}
|
||||
|
||||
.header--navbar .search-dropdown--container .form-search .search-form--form::-webkit-input-placeholder
|
||||
{
|
||||
font-style: italic;
|
||||
}
|
||||
|
||||
.header--navbar .search-dropdown--container .form-search .search-form--form:-moz-placeholder
|
||||
{
|
||||
font-style: italic;
|
||||
}
|
||||
|
||||
.header--navbar .search-dropdown--container .form-search .search-form--form::-moz-placeholder
|
||||
{
|
||||
font-style: italic;
|
||||
}
|
||||
|
||||
.header--navbar .search-dropdown--container .form-search .search-form--form:-ms-input-placeholder
|
||||
{
|
||||
font-style: italic;
|
||||
}
|
||||
|
||||
.header--navbar .search-dropdown--container .form-search .search-form--submit
|
||||
{
|
||||
background-color: transparent;
|
||||
border: none;
|
||||
float: right;
|
||||
padding: 28px 16px 24px 0;
|
||||
}
|
||||
|
||||
.header--navbar .search-dropdown--container .form-search .icon-search {
|
||||
font-size: 22px;
|
||||
color: #34302d;
|
||||
}
|
||||
|
||||
.header--navbar .search-dropdown--container.js-show {
|
||||
margin-top: 0;
|
||||
}
|
||||
|
||||
.right-pane-widget--container {
|
||||
border: 1px solid #ccc;
|
||||
box-shadow: 0 -4px 0 #34302d;
|
||||
margin: 4px 0 40px 0;
|
||||
}
|
||||
|
||||
.right-pane-widget--container li {
|
||||
display: block;
|
||||
padding: 12px 6.2%;
|
||||
line-height: 14px;
|
||||
border-top: 1px solid white;
|
||||
}
|
||||
|
||||
.right-pane-widget--container li [class^=icon-] {
|
||||
font-size: 16px;
|
||||
}
|
||||
|
||||
.right-pane-widget--container li a {
|
||||
font-size: 14px;
|
||||
line-height: 14px;
|
||||
color: #5fa134;
|
||||
}
|
||||
|
||||
.right-pane-widget--container li:first-child {
|
||||
border-bottom: none;
|
||||
}
|
||||
|
||||
.right-pane-widget--container.secondary-nav li a {
|
||||
text-transform: uppercase;
|
||||
color: #888;
|
||||
}
|
||||
|
||||
.right-pane-widget--container.secondary-nav li.active a {
|
||||
font-weight: bold;
|
||||
color: #34302d;
|
||||
}
|
||||
|
||||
.right-pane-widget--container.no-top-border {
|
||||
box-shadow: none;
|
||||
}
|
||||
|
||||
.header--content {
|
||||
background-color: #dedede;
|
||||
padding: 60px 0;
|
||||
}
|
||||
|
||||
.header--content .header--content-subtitle--link {
|
||||
color: #8cc63f;
|
||||
}
|
||||
|
||||
.header--content .header--content-subtitle--link:hover {
|
||||
text-decoration: none;
|
||||
color: #4e681e;
|
||||
}
|
||||
|
||||
.row--container {
|
||||
margin-bottom: 60px;
|
||||
}
|
||||
|
||||
.body--container--row {
|
||||
margin-bottom: 30px;
|
||||
}
|
||||
|
||||
.clear {
|
||||
clear: both;
|
||||
}
|
||||
|
||||
.body--container--link {
|
||||
color: #44474c;
|
||||
}
|
||||
|
||||
.body--container--link:hover {
|
||||
color: #638e2a;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
.body--container--link.bold {
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.list-link--container {
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
.list-link--container .list-link {
|
||||
display: block;
|
||||
}
|
||||
|
||||
.list-link--container .list-link a,.list-link--container .list-link div
|
||||
{
|
||||
color: #333;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.list-link--container .list-link a:hover,.list-link--container .list-link div:hover
|
||||
{
|
||||
color: #8cc63f;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
.popover {
|
||||
border-radius: 1px;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
.popover.right {
|
||||
margin-top: 46px;
|
||||
}
|
||||
|
||||
.popover.right .arrow {
|
||||
top: 14px;
|
||||
border-right-color: #8cc63f;
|
||||
left: -8px;
|
||||
}
|
||||
|
||||
.popover.right .arrow:after {
|
||||
border-right-color: #8cc63f;
|
||||
}
|
||||
|
||||
.popover.bottom {
|
||||
margin-top: 5px;
|
||||
}
|
||||
|
||||
.popover.bottom .arrow {
|
||||
border-bottom-color: #8cc63f;
|
||||
top: -9px;
|
||||
left: 15%;
|
||||
}
|
||||
|
||||
.popover.bottom .arrow:after {
|
||||
border-bottom-color: #8cc63f;
|
||||
}
|
||||
|
||||
.popover .popover-title {
|
||||
border-radius: 1px 1px 0 0;
|
||||
background-color: #8cc63f;
|
||||
color: white;
|
||||
}
|
||||
|
||||
.popover .popover-content {
|
||||
border-radius: 0 0 1px 1px;
|
||||
}
|
||||
|
||||
input.floating-input {
|
||||
background-color: transparent;
|
||||
border: none;
|
||||
border-bottom: 1px solid #dedede;
|
||||
box-shadow: none;
|
||||
border-radius: 0;
|
||||
padding: 0 0 0 0;
|
||||
}
|
||||
|
||||
input.floating-input:focus {
|
||||
border: none;
|
||||
border-bottom: 1px solid #dedede;
|
||||
box-shadow: none;
|
||||
background: #ecebeb;
|
||||
}
|
||||
|
||||
.floating-input--icon {
|
||||
font-size: 16px;
|
||||
color: #c5c5c5;
|
||||
}
|
||||
|
||||
.bottom-slide--container {
|
||||
height: 190px;
|
||||
overflow: hidden;
|
||||
border-radius: 3px;
|
||||
background-color: #cccccc;
|
||||
border: 1px solid #c5c5c5;
|
||||
box-shadow: 1px 2px 3px rgba(204, 204, 204, 0.5);
|
||||
}
|
||||
|
||||
.bottom-slide--container .bottom-slider--image {
|
||||
background-image:
|
||||
url("http://imgs.mi9.com/uploads/landscape/2101/beautiful-leaf-wallpapers_1280x960_28083.jpg");
|
||||
background-size: cover;
|
||||
height: 137px;
|
||||
transition: all 0.33s;
|
||||
-wekit-transition: all 0.33s;
|
||||
-moz-transition: all 0.33s;
|
||||
-o-transition: all 0.33s;
|
||||
-ms-transition: all 0.33s;
|
||||
}
|
||||
|
||||
.bottom-slide--container .bottom-slider {
|
||||
background-color: #ecebeb;
|
||||
padding: 15px 10px;
|
||||
border-top: 1px solid #9e9e9e;
|
||||
transition: all 0.33s;
|
||||
-wekit-transition: all 0.33s;
|
||||
-moz-transition: all 0.33s;
|
||||
-o-transition: all 0.33s;
|
||||
-ms-transition: all 0.33s;
|
||||
}
|
||||
|
||||
.bottom-slide--container .bottom-slider .bottom-slider--title {
|
||||
display: inline-block;
|
||||
max-width: 360px;
|
||||
line-height: 14px;
|
||||
}
|
||||
|
||||
.bottom-slide--container .bottom-slider .bottom-slider--icon {
|
||||
color: #333;
|
||||
font-size: 27px;
|
||||
line-height: 22px;
|
||||
font-size: 27px;
|
||||
}
|
||||
|
||||
.bottom-slide--container .bottom-slider .bottom-slider--more-info {
|
||||
opacity: 0;
|
||||
}
|
||||
|
||||
.bottom-slide--container:hover .bottom-slider--image {
|
||||
transform: translateY(-26px);
|
||||
-webkit-transform: translateY(-26px);
|
||||
-moz-transform: translateY(-26px);
|
||||
-o-transform: translateY(-26px);
|
||||
-ms-transform: translateY(-26px);
|
||||
}
|
||||
|
||||
.bottom-slide--container:hover .bottom-slider {
|
||||
transform: translateY(-53px);
|
||||
-webkit-transform: translateY(-53px);
|
||||
-moz-transform: translateY(-53px);
|
||||
-o-transform: translateY(-53px);
|
||||
-ms-transform: translateY(-53px);
|
||||
}
|
||||
|
||||
.bottom-slide--container:hover .bottom-slider--more-info {
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
.dashboard--posts tr:hover .actions {
|
||||
visibility: visible;
|
||||
}
|
||||
|
||||
.dashboard--posts .actions {
|
||||
visibility: hidden;
|
||||
}
|
||||
|
||||
.dashboard--posts .actions form {
|
||||
display: inline;
|
||||
}
|
||||
|
||||
.gh-project-url--container {
|
||||
background-color: #FFF;
|
||||
border: 1px solid #CCC;
|
||||
height: 20px;
|
||||
padding: 4px 6px;
|
||||
border-radius: 4px;
|
||||
margin: 12px 0;
|
||||
}
|
||||
|
||||
.gh-project-url--container input {
|
||||
width: 87%;
|
||||
background-color: transparent;
|
||||
border: none;
|
||||
box-shadow: none;
|
||||
}
|
||||
|
||||
.gh-project-url--container input:focus {
|
||||
outline: none;
|
||||
}
|
||||
|
||||
.gh-project-url--container .icon--pull-right {
|
||||
float: right;
|
||||
margin-top: 2px;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.btn--full-width {
|
||||
display: block;
|
||||
}
|
||||
|
||||
.content--title {
|
||||
display: inline-block;
|
||||
border-top: 3px solid #6db33f;
|
||||
font-size: 12px;
|
||||
line-height: 12px;
|
||||
text-transform: uppercase;
|
||||
padding-top: 8px;
|
||||
font-family: "Montserrat", sans-serif;
|
||||
margin-bottom: 30px;
|
||||
margin-top: 60px;
|
||||
}
|
||||
|
||||
.index-page--title {
|
||||
margin-bottom: 30px;
|
||||
line-height: 24px;
|
||||
}
|
||||
|
||||
.index-page--subtitle {
|
||||
font-size: 16px;
|
||||
line-height: 24px;
|
||||
margin-bottom: 60px;
|
||||
}
|
||||
|
||||
.index-page--subtitle a {
|
||||
color: #5fa134;
|
||||
}
|
||||
|
||||
.search-result {
|
||||
margin-bottom: 30px;
|
||||
}
|
||||
|
||||
.search-result--title {
|
||||
display: inline-block;
|
||||
font-size: 18px;
|
||||
line-height: 24px;
|
||||
font-weight: bold;
|
||||
font-family: "Montserrat", sans-serif;
|
||||
margin-bottom: 6px;
|
||||
color: #5fa134;
|
||||
}
|
||||
|
||||
.search-result--title:hover {
|
||||
color: #5fa134;
|
||||
}
|
||||
|
||||
.search-result--summary {
|
||||
font-size: 14px;
|
||||
line-height: 18px;
|
||||
font-family: "Montserrat", sans-serif;
|
||||
}
|
||||
|
||||
.search-result--summary em {
|
||||
font-weight: bold;
|
||||
font-style: normal;
|
||||
color: black;
|
||||
}
|
||||
|
||||
.search-result--path {
|
||||
color: #8395a1;
|
||||
}
|
||||
|
||||
footer .container-fluid {
|
||||
margin: 0 auto;
|
||||
max-width: 1024px;
|
||||
}
|
||||
|
||||
.footer {
|
||||
background-color: #34302d;
|
||||
color: #eeeeee;
|
||||
padding: 30px 0;
|
||||
}
|
||||
.footer a {
|
||||
color: #6db33f;
|
||||
}
|
||||
.footer .nav {
|
||||
margin-bottom: 12px;
|
||||
}
|
||||
.footer .nav li a {
|
||||
color: #eeeeee;
|
||||
text-shadow: none;
|
||||
text-transform: uppercase;
|
||||
font-size: 12px;
|
||||
line-height: 12px;
|
||||
padding: 0 17px;
|
||||
}
|
||||
.footer .nav li a:hover {
|
||||
color: #6db33f;
|
||||
}
|
||||
.footer .nav li:first-child a {
|
||||
padding-left: 0;
|
||||
}
|
||||
.footer .footer-newsletter--wrapper {
|
||||
width: auto;
|
||||
margin: 0;
|
||||
}
|
||||
.footer .footer-newsletter--container form {
|
||||
margin: 0;
|
||||
}
|
||||
.footer .footer-newsletter--container label {
|
||||
text-transform: uppercase;
|
||||
margin-bottom: 15px;
|
||||
line-height: 12px;
|
||||
font-weight: bold;
|
||||
font-size: 12px;
|
||||
}
|
||||
.footer .footer-newsletter--container .footer-subscribe--input--container {
|
||||
background-color: white;
|
||||
border: 1px solid #f1f1f1;
|
||||
}
|
||||
.footer .footer-newsletter--container .footer-subscribe--input--container .footer-subscribe--input {
|
||||
background: transparent;
|
||||
border: none;
|
||||
box-shadow: none;
|
||||
font-size: 12px;
|
||||
padding-left: 10px;
|
||||
}
|
||||
.footer .footer-newsletter--container .footer-subscribe--input--container .footer-subscribe--input:focus {
|
||||
outline: none;
|
||||
}
|
||||
.footer .footer-newsletter--container .footer-subscribe--input--container .footer-subscibe--btn {
|
||||
text-transform: uppercase;
|
||||
background-color: #6db33f;
|
||||
background-image: none;
|
||||
border-radius: 0;
|
||||
border: none;
|
||||
box-shadow: none;
|
||||
color: #eeeeee;
|
||||
text-shadow: none;
|
||||
font-size: 12px;
|
||||
padding: 9px 16px;
|
||||
}
|
||||
|
||||
.item-dropdown-widget {
|
||||
text-align: left;
|
||||
z-index: 800;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.item-dropdown-widget .item-dropdown--link {
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.item-dropdown-widget .item-dropdown--link .item-dropdown--title {
|
||||
padding: 14px 0 14px 20px;
|
||||
font-size: 14px;
|
||||
line-height: 14px;
|
||||
}
|
||||
|
||||
.item-dropdown-widget .item-dropdown--link .item-dropdown--icon {
|
||||
color: #cbcaca;
|
||||
padding: 14px;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
.item-dropdown-widget .item-dropdown--link:hover .item-dropdown--title,.item-dropdown-widget .item-dropdown--link:hover .item-dropdown--icon
|
||||
{
|
||||
color: #5fa134;
|
||||
}
|
||||
|
||||
.item-dropdown-widget .item--dropdown {
|
||||
display: block;
|
||||
}
|
||||
|
||||
.item-dropdown-widget.js-open {
|
||||
z-index: 801;
|
||||
}
|
||||
|
||||
.item-dropdown-widget.js-open .item-dropdown--title {
|
||||
color: #f1f1f1;
|
||||
background-color: #6db33f;
|
||||
position: relative;
|
||||
z-index: 802;
|
||||
}
|
||||
|
||||
.item-dropdown-widget.js-open .item-dropdown--icon {
|
||||
color: #dddddd;
|
||||
background-color: #34302d;
|
||||
position: relative;
|
||||
z-index: 803;
|
||||
}
|
||||
|
||||
.item-dropdown-widget.js-open .item--dropdown {
|
||||
display: block;
|
||||
}
|
||||
|
||||
.item-dropdown-widget.js-open .item-dropdown--link:hover .item-dropdown--title
|
||||
{
|
||||
color: #f1f1f1;
|
||||
}
|
||||
|
||||
.item-dropdown-widget.js-open .item-dropdown--link:hover .item-dropdown--icon
|
||||
{
|
||||
color: #ddd;
|
||||
}
|
||||
|
||||
.item--dropdown {
|
||||
position: absolute;
|
||||
background-color: #34302d;
|
||||
padding: 20px;
|
||||
width: 255px;
|
||||
z-index: 999;
|
||||
border: 1px solid #eeeeee;
|
||||
border-top: none;
|
||||
margin-left: -1px;
|
||||
}
|
||||
|
||||
.item--dropdown .item--header {
|
||||
padding-bottom: 20px;
|
||||
border-bottom: 1px solid #cccbca;
|
||||
}
|
||||
|
||||
.item--dropdown .item--header .item--header-link {
|
||||
color: #6db33f;
|
||||
}
|
||||
|
||||
.item--dropdown .item--header .item--header-link [class^=icon-] {
|
||||
color: #93918f;
|
||||
font-size: 20px;
|
||||
vertical-align: middle;
|
||||
padding-right: 10px;
|
||||
}
|
||||
|
||||
.item--dropdown .item--header .item--header-link:hover {
|
||||
text-decoration: none;
|
||||
color: #7ac04c;
|
||||
}
|
||||
|
||||
.item--dropdown .item--header .item--header-link:hover [class^=icon-] {
|
||||
color: #f1f1f1;
|
||||
}
|
||||
|
||||
.item--dropdown .item--left-column,.item--dropdown .item--right-column {
|
||||
width: 45%;
|
||||
display: inline-block;
|
||||
vertical-align: top;
|
||||
}
|
||||
|
||||
.item--dropdown .item--half-column {
|
||||
display: inline-block;
|
||||
vertical-align: top;
|
||||
width: 50%;
|
||||
}
|
||||
|
||||
.item--dropdown .item--half-column:first-child .item--body-title,.item--dropdown .item--half-column:first-child .item--body--version
|
||||
{
|
||||
padding-right: 15px;
|
||||
}
|
||||
|
||||
.item--dropdown .item--half-column:nth-child(2) .item--body-title,.item--dropdown .item--half-column:nth-child(2) .item--body--version
|
||||
{
|
||||
padding-left: 15px;
|
||||
}
|
||||
|
||||
.item--dropdown .item--half-column:nth-child(3) {
|
||||
margin-top: 20px;
|
||||
}
|
||||
|
||||
.item--dropdown .item--body-title {
|
||||
padding: 30px 0 15px 0;
|
||||
color: #f1f1f1;
|
||||
border-bottom: 1px solid #4a4440;
|
||||
font-size: 12px;
|
||||
line-height: 12px;
|
||||
text-transform: uppercase;
|
||||
}
|
||||
|
||||
.item--dropdown .item--body .item--body--version {
|
||||
border-bottom: 1px solid #4a4540;
|
||||
padding: 7px 0;
|
||||
}
|
||||
|
||||
.item--dropdown .item--body .item--body--version p {
|
||||
color: #f1f1f1;
|
||||
font-size: 14px;
|
||||
line-height: 19px;
|
||||
}
|
||||
|
||||
.item--dropdown .item--body .item--body--version .docs-link {
|
||||
display: inline-block;
|
||||
color: #6db33f;
|
||||
}
|
||||
|
||||
.item--dropdown .item--body .item--body--version .docs-link:hover {
|
||||
color: #7ac04c;
|
||||
}
|
||||
|
||||
.item--dropdown .item--body .item--body--version .docs-link.reference-link
|
||||
{
|
||||
border-right: 1px solid #4a4540;
|
||||
padding-right: 10px;
|
||||
margin-right: 5px;
|
||||
}
|
||||
|
||||
.item--dropdown.no-item--header .item--body-title {
|
||||
padding-top: 0;
|
||||
border-bottom: 1px solid #cccbca;
|
||||
}
|
||||
|
||||
.item--dropdown.no-item--header .tool-download-link .file-type {
|
||||
color: #5fa134;
|
||||
line-height: 14px;
|
||||
font-size: 14px;
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
.item--dropdown.no-item--header .tool-download-link .file-size {
|
||||
color: #6c635d;
|
||||
font-size: 10px;
|
||||
line-height: 23px;
|
||||
float: right;
|
||||
}
|
||||
|
||||
.item-slider-widget {
|
||||
display: inline-block;
|
||||
margin-left: 15px;
|
||||
}
|
||||
|
||||
.item-slider-widget .item--slider {
|
||||
height: 32px;
|
||||
position: absolute;
|
||||
width: 62px;
|
||||
border-radius: 2px;
|
||||
margin-top: -4px;
|
||||
z-index: 800;
|
||||
background: #68605a;
|
||||
background: -moz-linear-gradient(top, #68605a 0%, #34302d 100%, #020202 100%);
|
||||
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #68605a),
|
||||
color-stop(100%, #34302d), color-stop(100%, #020202));
|
||||
background: -webkit-linear-gradient(top, #68605a 0%, #34302d 100%, #020202 100%);
|
||||
background: -o-linear-gradient(top, #68605a 0%, #34302d 100%, #020202 100%);
|
||||
background: -ms-linear-gradient(top, #68605a 0%, #34302d 100%, #020202 100%);
|
||||
background: linear-gradient(to bottom, #68605a 0%, #34302d 100%, #020202 100%);
|
||||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#68605a',
|
||||
endColorstr='#020202', GradientType=0);
|
||||
cursor: pointer;
|
||||
transition: all 0.25s;
|
||||
-webkit-transition: all 0.25s;
|
||||
-moz-webkit-transition: all 0.25s;
|
||||
-ms--webkit-transition: all 0.25s;
|
||||
-o-webkit-transition: all 0.25s;
|
||||
}
|
||||
|
||||
.item-slider-widget .item-slider--container {
|
||||
background-color: white;
|
||||
border: 1px solid #999;
|
||||
padding: 0 3px;
|
||||
}
|
||||
|
||||
.item-slider-widget .item-slider--container .item {
|
||||
display: inline-block;
|
||||
color: #c3c3c3;
|
||||
font-family: "Montserrat", sans-serif;
|
||||
font-size: 12px;
|
||||
line-height: 12px;
|
||||
text-transform: uppercase;
|
||||
padding: 7px 6px 5px;
|
||||
cursor: pointer;
|
||||
transition: color 0.25s;
|
||||
-webkit-transition: color 0.25s;
|
||||
-moz-webkit-transition: color 0.25s;
|
||||
-ms--webkit-transition: color 0.25s;
|
||||
-o-webkit-transition: color 0.25s;
|
||||
}
|
||||
|
||||
.item-slider-widget .item-slider--container .item:hover {
|
||||
color: black;
|
||||
}
|
||||
|
||||
.item-slider-widget .item-slider--container .item.js-active {
|
||||
z-index: 801;
|
||||
position: relative;
|
||||
color: #f1f1f1;
|
||||
}
|
||||
|
||||
.content-container--wrapper {
|
||||
border: 1px solid #34302D;
|
||||
margin-top: -1px;
|
||||
}
|
||||
|
||||
.content-container--wrapper:first-child {
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
.content-container--wrapper .content-container--title {
|
||||
font-size: 14px;
|
||||
line-height: 14px;
|
||||
text-transform: uppercase;
|
||||
background-color: #34302D;
|
||||
color: #FFF;
|
||||
padding: 18px 0;
|
||||
width: 327px;
|
||||
text-align: center;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
.content-container--wrapper .content-items--container {
|
||||
padding: 20px;
|
||||
}
|
||||
|
||||
.billboard--wrapper .billboard--container {
|
||||
max-width: 1024px;
|
||||
margin: 0 auto 60px;
|
||||
position: relative;
|
||||
min-height: 343px;
|
||||
}
|
||||
|
||||
.billboard--wrapper .billboard-bg {
|
||||
border-bottom: 1px solid #34302d;
|
||||
}
|
||||
|
||||
.search-facets>ul {
|
||||
margin-left: 0px;
|
||||
}
|
||||
|
||||
.search-facets ul {
|
||||
list-style-type: none;
|
||||
}
|
||||
|
||||
.body--container {
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
.search-form--container {
|
||||
max-width: 1024px;
|
||||
margin: 0 auto;
|
||||
}
|
||||
|
||||
.container-fluid {
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
.body--container table {
|
||||
margin: 15px 0;
|
||||
text-align: left;
|
||||
border: 1px solid #CCCCCC;
|
||||
width: 100%;
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
.body--container table tr {
|
||||
background-color: #F1F1F1;
|
||||
border-top: 1px solid #CCCCCC;
|
||||
}
|
||||
|
||||
.body--container table tr:nth-child(2n) {
|
||||
background-color: #F8F8F8;
|
||||
}
|
||||
|
||||
.body--container table tr,.body--container table td,.body--container table th
|
||||
{
|
||||
padding: 6px;
|
||||
}
|
||||
|
||||
.body--container table th {
|
||||
background-color: #F8F8F8;
|
||||
}
|
||||
|
||||
footer .navbar {
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
|
||||
611
css/projects.css.css
Normal file
611
css/projects.css.css
Normal file
|
|
@ -0,0 +1,611 @@
|
|||
.projects--wrapper {
|
||||
margin-left: -8px;
|
||||
}
|
||||
|
||||
.projects--wrapper .project--container {
|
||||
border: 1px solid #34302d;
|
||||
display: inline-block;
|
||||
width: 327px;
|
||||
height: 337px;
|
||||
margin: 0 6px 20px 6px;
|
||||
vertical-align: top;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.projects--wrapper .project--container .project-logo--container {
|
||||
margin-bottom: 25px;
|
||||
height: 137px;
|
||||
vertical-align: middle;
|
||||
}
|
||||
|
||||
.projects--wrapper .project--container .project-logo--container .project--logo
|
||||
{
|
||||
display: inline-block;
|
||||
vertical-align: middle;
|
||||
}
|
||||
|
||||
.projects--wrapper .project--container .project--title {
|
||||
font-family: "Montserrat", sans-serif;
|
||||
font-size: 16px;
|
||||
line-height: 20px;
|
||||
margin-bottom: 20px;
|
||||
text-transform: uppercase;
|
||||
}
|
||||
|
||||
.projects--wrapper .project--container .project--description {
|
||||
font-size: 14px;
|
||||
line-height: 20px;
|
||||
}
|
||||
|
||||
.projects--wrapper .project--container .project-links--container {
|
||||
position: absolute;
|
||||
background-color: rgba(109, 179, 63, 0.95);
|
||||
padding: 13px 0;
|
||||
width: 326px;
|
||||
margin: 127px 0 0 -20px;
|
||||
height: 58px;
|
||||
opacity: 0;
|
||||
transition: opacity 0.15s;
|
||||
-webkit-transition: opacity 0.15s;
|
||||
-moz-transition: opacity 0.15s;
|
||||
-o-transition: opacity 0.15s;
|
||||
-ms-transition: opacity 0.15s;
|
||||
}
|
||||
|
||||
.projects--wrapper .project--container .project-links--container .project-link
|
||||
{
|
||||
display: inline-block;
|
||||
margin: 0 15px;
|
||||
}
|
||||
|
||||
.projects--wrapper .project--container .project-links--container .project-link [class^=icon-]
|
||||
{
|
||||
font-size: 34px;
|
||||
width: 34px;
|
||||
height: 34px;
|
||||
color: rgba(241, 241, 241, 0.75);
|
||||
}
|
||||
|
||||
.projects--wrapper .project--container .project-links--container .project-link p
|
||||
{
|
||||
margin: 6px 0;
|
||||
color: rgba(241, 241, 241, 0.75);
|
||||
font-size: 14px;
|
||||
line-height: 14px;
|
||||
}
|
||||
|
||||
.projects--wrapper .project--container .project-links--container .project-link:hover
|
||||
{
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
.projects--wrapper .project--container .project-links--container .project-link:hover [class^=icon-]
|
||||
{
|
||||
color: white;
|
||||
}
|
||||
|
||||
.projects--wrapper .project--container:hover .project-links--container {
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
.projects--wrapper .project--container.parent-project .child-project-count--wrapper
|
||||
{
|
||||
float: right;
|
||||
}
|
||||
|
||||
.projects--wrapper .project--container.parent-project .child-project-count--wrapper .child-project-count--number
|
||||
{
|
||||
position: relative;
|
||||
z-index: 101;
|
||||
color: #f1f1f1;
|
||||
margin: -22px -9px 0 9px;
|
||||
}
|
||||
|
||||
.projects--wrapper .project--container.parent-project .child-project-count--wrapper .child-project-count--background
|
||||
{
|
||||
position: absolute;
|
||||
margin: -54px 0 0 -5px;
|
||||
z-index: 100;
|
||||
width: 0;
|
||||
height: 0;
|
||||
border-top: 40px solid transparent;
|
||||
border-bottom: 40px solid transparent;
|
||||
border-left: 40px solid #6db33f;
|
||||
transform: rotate(-45deg);
|
||||
-webkit-transform: rotate(-45deg);
|
||||
-moz-transform: rotate(-45deg);
|
||||
-o-transform: rotate(-45deg);
|
||||
-ms-transform: rotate(-45deg);
|
||||
}
|
||||
|
||||
.projects--wrapper.project-aggregator>p {
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
.projects--wrapper.project-aggregator .project--container {
|
||||
transition: all 0.20s;
|
||||
-webkit-transition: all 0.20s;
|
||||
-moz-transition: all 0.20s;
|
||||
-ms-transition: all 0.20s;
|
||||
-o-transition: all 0.20s;
|
||||
height: auto;
|
||||
}
|
||||
|
||||
.projects--wrapper.project-aggregator .project--container:hover {
|
||||
text-decoration: none;
|
||||
box-shadow: 0 0 3px #6db33f;
|
||||
border-color: #6db33f;
|
||||
}
|
||||
|
||||
.projects--wrapper.project-aggregator .project--container:active {
|
||||
box-shadow: none;
|
||||
}
|
||||
|
||||
.projects--wrapper.project-aggregator .project--container a {
|
||||
padding: 30px 20px;
|
||||
height: 160px;
|
||||
width: 288px;
|
||||
display: inline-block;
|
||||
color: #34302D;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
.projects--wrapper.project-aggregator .project--container .project-links--container
|
||||
{
|
||||
margin-top: 42px;
|
||||
}
|
||||
|
||||
.project-header--wrapper {
|
||||
background-color: #666;
|
||||
border-bottom: 1px solid #34302D;
|
||||
}
|
||||
|
||||
.project-header--wrapper .content--title a {
|
||||
color: #f1f1f1;
|
||||
}
|
||||
|
||||
.project-header--wrapper .content--title p {
|
||||
color: #f1f1f1;
|
||||
font-size: 12px;
|
||||
line-height: 12px;
|
||||
}
|
||||
|
||||
.project-header--wrapper .project--title {
|
||||
font-family: "Montserrat", sans-serif;
|
||||
font-size: 24px;
|
||||
line-height: 24px;
|
||||
margin-bottom: 20px;
|
||||
color: #ebf1e7;
|
||||
}
|
||||
|
||||
.project-header--wrapper .project--links--container {
|
||||
float: right;
|
||||
margin-top: -10px;
|
||||
}
|
||||
|
||||
.project-header--wrapper .project--links--container .project-link {
|
||||
display: inline-block;
|
||||
vertical-align: middle;
|
||||
margin-right: 10px;
|
||||
}
|
||||
|
||||
.project-header--wrapper .project--links--container .project-link [class^=icon-]
|
||||
{
|
||||
font-size: 37px;
|
||||
width: 34px;
|
||||
height: 34px;
|
||||
color: #d4d4d4;
|
||||
}
|
||||
|
||||
.project-header--wrapper .project--links--container .project-link:last-child
|
||||
{
|
||||
margin-right: 20px;
|
||||
}
|
||||
|
||||
.project-header--wrapper .project--links--container .project-link:hover
|
||||
{
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
.project-header--wrapper .project--links--container .project-link:hover [class^=icon-]
|
||||
{
|
||||
color: #6db33f;
|
||||
}
|
||||
|
||||
.project-header--wrapper .project--links--container .project-link div.icon
|
||||
{
|
||||
margin-top: 3px;
|
||||
}
|
||||
|
||||
.project-header--wrapper div.project--description {
|
||||
color: #f1f1f1;
|
||||
font-size: 16px;
|
||||
line-height: 24px;
|
||||
}
|
||||
|
||||
.project-header--wrapper div.project--description p {
|
||||
color: #f1f1f1;
|
||||
}
|
||||
|
||||
.project-header--wrapper .project--description a {
|
||||
color: #5fa134;
|
||||
}
|
||||
|
||||
.project-header--wrapper .project-quickstart-btn {
|
||||
margin-top: 30px;
|
||||
}
|
||||
|
||||
.project-header--wrapper .project-download-widget-btn {
|
||||
margin-top: 40px;
|
||||
}
|
||||
|
||||
.project-header--wrapper .billboard-bg {
|
||||
height: auto;
|
||||
border-bottom: none;
|
||||
}
|
||||
|
||||
.project-header--wrapper .billboard--icon {
|
||||
float: right;
|
||||
}
|
||||
|
||||
.billboard--area {
|
||||
padding-right: 25px;
|
||||
padding-top: 9px;
|
||||
}
|
||||
|
||||
|
||||
.project-icon {
|
||||
background-image: url("../img/project-icon-large.png");
|
||||
background-position: left top;
|
||||
background-repeat: no-repeat;
|
||||
width: 370px;
|
||||
height: 370px;
|
||||
position: absolute;
|
||||
top: 20px;
|
||||
left: 677px;
|
||||
opacity: 0.15;
|
||||
}
|
||||
|
||||
.project-body--wrapper {
|
||||
min-width: 1100px;
|
||||
}
|
||||
|
||||
.project-body--container {
|
||||
margin: 100px auto;
|
||||
width: 1024px;
|
||||
}
|
||||
|
||||
.project-body--container .project-body--section#download-widget {
|
||||
padding-top: 15px;
|
||||
}
|
||||
|
||||
.project-body--container .project-body--section {
|
||||
margin-bottom: 30px;
|
||||
padding-right: 20px;
|
||||
}
|
||||
|
||||
.project-body--container .project-body--section p {
|
||||
font-size: 14px;
|
||||
line-height: 20px;
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
|
||||
.project-body--container .project-body--section .download-widget--container p
|
||||
{
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
||||
.project-body--container .project-body--section li {
|
||||
padding: 5px 0;
|
||||
}
|
||||
|
||||
.project-body--container .project-body--section .underlined-title {
|
||||
border-bottom: 1px solid white;
|
||||
padding-bottom: 10px;
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
|
||||
.project-body--container .project-body--section h3 {
|
||||
font-family: "Montserrat", sans-serif;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.project-body--container .project-body--section pre {
|
||||
border-radius: 0;
|
||||
}
|
||||
|
||||
.download-widget--container {
|
||||
border: 1px solid #34302d;
|
||||
margin-top: 15px;
|
||||
}
|
||||
|
||||
.download-widget--container .download-widget--title {
|
||||
font-family: "Montserrat", sans-serif;
|
||||
color: #f1f1f1;
|
||||
background-color: #34302d;
|
||||
font-size: 16px;
|
||||
line-height: 16px;
|
||||
padding: 17px 0;
|
||||
width: 211px;
|
||||
text-align: center;
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
.download-widget--container .btn-group.bootstrap-select.selector {
|
||||
margin: 0 0 0 15px;
|
||||
}
|
||||
|
||||
.download-widget--container .btn-group.bootstrap-select.selector .filter-option
|
||||
{
|
||||
padding: 7px 0 7px 19px;
|
||||
}
|
||||
|
||||
.download-widget--container p {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
||||
.download-widget--container .download-widget--dropdown {
|
||||
display: inline-block;
|
||||
width: 34.6%;
|
||||
margin-left: 16px;
|
||||
}
|
||||
|
||||
.download-widget--container .download-widget--dropdown .item-dropdown--title
|
||||
{
|
||||
padding: 9px 0 7px 20px;
|
||||
border: 1px solid #34302d;
|
||||
}
|
||||
|
||||
.download-widget--container .download-widget--dropdown .item-dropdown--title .icon
|
||||
{
|
||||
margin: -3px 0 0 6px;
|
||||
vertical-align: middle;
|
||||
}
|
||||
|
||||
.download-widget--container .download-widget--dropdown .item-dropdown--icon
|
||||
{
|
||||
padding: 9px;
|
||||
background-color: #34302d;
|
||||
}
|
||||
|
||||
.download-widget--container .download-widget--dropdown .project-version--dropdown
|
||||
{
|
||||
width: 100%;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
.download-widget--container .download-widget--dropdown .project-version--dropdown .project-version
|
||||
{
|
||||
color: #f1f1f1;
|
||||
padding: 8px 20px;
|
||||
border-top: 1px solid #4a4440;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.download-widget--container .download-widget--dropdown .project-version--dropdown .project-version .icon
|
||||
{
|
||||
margin: -3px 0 0 6px;
|
||||
vertical-align: middle;
|
||||
}
|
||||
|
||||
.download-widget--container .download-widget--dropdown .project-version--dropdown .project-version.active
|
||||
{
|
||||
background-color: black;
|
||||
border-color: transparent;
|
||||
}
|
||||
|
||||
.download-widget--container .download-widget--dropdown .project-version--dropdown .project-version.active:hover
|
||||
{
|
||||
background-color: black;
|
||||
}
|
||||
|
||||
.download-widget--container .download-widget--dropdown .project-version--dropdown .project-version:first-child
|
||||
{
|
||||
border: none;
|
||||
}
|
||||
|
||||
.download-widget--container .download-widget--dropdown .project-version--dropdown .project-version:hover
|
||||
{
|
||||
background-color: rgba(0, 0, 0, 0.3);
|
||||
}
|
||||
|
||||
.download-widget--container .download-widget--dropdown.js-open .item-dropdown--title
|
||||
{
|
||||
border: 1px solid #6db33f;
|
||||
}
|
||||
|
||||
.download-widget--container .download-widget--dropdown:hover .item-dropdown--icon
|
||||
{
|
||||
color: white;
|
||||
}
|
||||
|
||||
.download-widget--container .download-widget--body {
|
||||
padding: 20px;
|
||||
}
|
||||
|
||||
.download-widget--container .download-widget--body .highlight {
|
||||
margin-top: 20px;
|
||||
}
|
||||
|
||||
.download-widget--container .download-widget--body .highlight pre {
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
.project-documentation--container {
|
||||
border-color: #34302d;
|
||||
}
|
||||
|
||||
.project-documentation--container .item-dropdown--title {
|
||||
background-color: transparent;
|
||||
border-bottom: 1px solid #34302d;
|
||||
padding: 20px;
|
||||
font-family: "Montserrat", sans-serif;
|
||||
font-size: 14px;
|
||||
line-height: 14px;
|
||||
}
|
||||
|
||||
.project-documentation--container .item--dropdown {
|
||||
display: block;
|
||||
position: relative;
|
||||
width: 100%;
|
||||
padding: 0;
|
||||
border: none;
|
||||
background-color: transparent;
|
||||
}
|
||||
|
||||
.project-documentation--container .item--dropdown .item--body-title {
|
||||
padding-top: 15px;
|
||||
color: #34302d;
|
||||
margin: 0 20px;
|
||||
border-color: #d7d5d3;
|
||||
}
|
||||
|
||||
.project-documentation--container .item--dropdown .item--body--version {
|
||||
margin: 0 20px;
|
||||
border-color: #d7d5d3;
|
||||
}
|
||||
|
||||
.project-documentation--container .item--dropdown .item--body--version p
|
||||
{
|
||||
color: #34302d;
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
.project-documentation--container .item--dropdown .item--body--version .icon
|
||||
{
|
||||
vertical-align: top;
|
||||
margin: 2px 0 0 6px;
|
||||
}
|
||||
|
||||
.project-documentation--container .item--dropdown .item--body--version .icon.icon-pre-release
|
||||
{
|
||||
background-color: #34302d;
|
||||
border-radius: 2px;
|
||||
}
|
||||
|
||||
.project-documentation--container .item--dropdown .item--body--version:last-child
|
||||
{
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
|
||||
.project-sub-link--wrapper {
|
||||
padding: 15px;
|
||||
}
|
||||
|
||||
.project-sub-link--wrapper .project-sub-link {
|
||||
min-width: 32px;
|
||||
height: 32px;
|
||||
display: inline-block;
|
||||
margin-right: 2.65%;
|
||||
vertical-align: middle;
|
||||
}
|
||||
|
||||
.project-sub-link--wrapper .project-sub-link:last-child {
|
||||
margin-right: 0;
|
||||
}
|
||||
|
||||
.project-sidebar-resource--wrapper {
|
||||
padding: 20px;
|
||||
}
|
||||
|
||||
.project-sidebar-resource--wrapper h3 {
|
||||
margin: 5px 0;
|
||||
}
|
||||
|
||||
.project-sidebar-resource--wrapper ul {
|
||||
margin: 0 0 25px 0;
|
||||
}
|
||||
|
||||
.project-sidebar-resource--wrapper ul li {
|
||||
border: none;
|
||||
padding: 5px 0;
|
||||
}
|
||||
|
||||
.project-sidebar-resource--wrapper ul:last-child {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
||||
.github-fork-ribbon--container {
|
||||
position: relative;
|
||||
min-width: 1100px;
|
||||
}
|
||||
|
||||
.github-fork-ribbon--wrapper {
|
||||
width: 150px;
|
||||
height: 150px;
|
||||
position: absolute;
|
||||
overflow: hidden;
|
||||
z-index: 9999;
|
||||
right: 0;
|
||||
}
|
||||
|
||||
.github-fork-ribbon--wrapper .github-fork-ribbon {
|
||||
position: absolute;
|
||||
padding: 2px 0;
|
||||
background-color: #34302d;
|
||||
-webkit-box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.33);
|
||||
box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.33);
|
||||
z-index: 9999;
|
||||
top: 42px;
|
||||
right: -43px;
|
||||
-webkit-transform: rotate(45deg);
|
||||
-moz-transform: rotate(45deg);
|
||||
-o-transform: rotate(45deg);
|
||||
}
|
||||
|
||||
.github-fork-ribbon--wrapper .github-fork-ribbon a {
|
||||
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
|
||||
font-size: 13px;
|
||||
font-weight: 500;
|
||||
color: #f1f1f1;
|
||||
text-decoration: none;
|
||||
text-shadow: 0 -1px rgba(0, 0, 0, 0.5);
|
||||
text-align: center;
|
||||
width: 200px;
|
||||
line-height: 20px;
|
||||
display: inline-block;
|
||||
padding: 2px 0;
|
||||
border: 1px dotted rgba(255, 255, 255, 0.75);
|
||||
border-width: 1px 0;
|
||||
}
|
||||
|
||||
.github-fork-ribbon--wrapper .github-fork-ribbon a i {
|
||||
font-size: 23px;
|
||||
vertical-align: middle;
|
||||
margin: 0 3px 0 0;
|
||||
color: black;
|
||||
}
|
||||
|
||||
|
||||
#download-widget {
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
|
||||
.project-body--container p code {
|
||||
color: #305CB5;
|
||||
}
|
||||
|
||||
.project-body--container h2 {
|
||||
font-size: 20px;
|
||||
font-weight: 400;
|
||||
}
|
||||
|
||||
.highlight pre {
|
||||
overflow-x: auto;
|
||||
}
|
||||
|
||||
.highlight pre code {
|
||||
overflow-x: auto;
|
||||
white-space: pre;
|
||||
word-break: normal;
|
||||
word-wrap: normal;
|
||||
}
|
||||
|
||||
.project-body--container .copy-button {
|
||||
position: absolute;
|
||||
margin-left: 614px;
|
||||
}
|
||||
|
||||
.download-widget--body .copy-button {
|
||||
margin-left: 574px;
|
||||
}
|
||||
40
css/typography.css.css
Normal file
40
css/typography.css.css
Normal file
|
|
@ -0,0 +1,40 @@
|
|||
body,h1,h2,h3,p,input {
|
||||
margin: 0;
|
||||
font-weight: 400;
|
||||
font-family: "Varela Round", sans-serif;
|
||||
color: #34302d;
|
||||
}
|
||||
|
||||
h1 {
|
||||
font-size: 24px;
|
||||
line-height: 30px;
|
||||
font-family: "Montserrat", sans-serif;
|
||||
}
|
||||
|
||||
h2 {
|
||||
font-size: 18px;
|
||||
font-weight: 700;
|
||||
line-height: 24px;
|
||||
margin-bottom: 10px;
|
||||
font-family: "Montserrat", sans-serif;
|
||||
}
|
||||
|
||||
h3 {
|
||||
font-size: 16px;
|
||||
line-height: 24px;
|
||||
margin-bottom: 10px;
|
||||
font-weight: 700;
|
||||
}
|
||||
|
||||
p {
|
||||
font-size: 15px;
|
||||
line-height: 24px;
|
||||
}
|
||||
|
||||
p a, ul a {
|
||||
color: #5fa134;
|
||||
}
|
||||
|
||||
code {
|
||||
font-size: 14px;
|
||||
}
|
||||
Loading…
Add table
Add a link
Reference in a new issue