diff options
Diffstat (limited to 'assets')
-rw-r--r-- | assets/css/global.css | 444 |
1 files changed, 3 insertions, 441 deletions
diff --git a/assets/css/global.css b/assets/css/global.css index df477f358..a012992ab 100644 --- a/assets/css/global.css +++ b/assets/css/global.css @@ -338,8 +338,7 @@ table { border-collapse: collapse; border-spacing: 0; } -.image-replacement, .ms-header__logo, .site-title, .owl-buttons .owl-next, -.owl-buttons .owl-prev { +.image-replacement, .ms-header__logo, .site-title { text-indent: -1000%; white-space: nowrap; overflow: hidden; } @@ -350,7 +349,7 @@ table { margin: 0 auto; position: relative; } -.unstyled-list, .unstyled, .summary-of-features, .action-buttons, .site-footer ul, .primary-nav, .owl-buttons, .sidebar ul, .list-of-blog-posts, .definitions, .breadcrumb { +.unstyled-list, .unstyled, .sidebar ul, .list-of-blog-posts, .definitions { margin-left: 0; padding-left: 0; list-style: none outside none; } @@ -365,9 +364,6 @@ table { .text--center { text-align: center; } -.bg-default { - background: lightblue; } - .highlight { background: #ffffff; } @@ -649,72 +645,6 @@ table { .type-csharp .highlight .sc { color: #a31515; } -/** - * Core Owl Carousel CSS File - * v1.3.2 - */ -/* clearfix */ -.owl-carousel .owl-wrapper:after { - content: "."; - display: block; - clear: both; - visibility: hidden; - line-height: 0; - height: 0; } - -/* display none until init */ -.owl-carousel { - display: none; - position: relative; - width: 100%; - -ms-touch-action: pan-y; } - -.owl-carousel .owl-wrapper { - display: none; - position: relative; - -webkit-transform: translate3d(0px, 0px, 0px); } - -.owl-carousel .owl-wrapper-outer { - overflow: hidden; - position: relative; - width: 100%; } - -.owl-carousel .owl-wrapper-outer.autoHeight { - -webkit-transition: height 500ms ease-in-out; - -moz-transition: height 500ms ease-in-out; - -ms-transition: height 500ms ease-in-out; - -o-transition: height 500ms ease-in-out; - transition: height 500ms ease-in-out; } - -.owl-carousel .owl-item { - float: left; } - -.owl-controls .owl-page, -.owl-controls .owl-buttons div { - cursor: pointer; } - -.owl-controls { - -webkit-user-select: none; - -khtml-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - user-select: none; - -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } - -/* mouse grab icon */ -.grabbing { - cursor: url(grabbing.png) 8 8, move; } - -/* fix */ -.owl-carousel .owl-wrapper, -.owl-carousel .owl-item { - -webkit-backface-visibility: hidden; - -moz-backface-visibility: hidden; - -ms-backface-visibility: hidden; - -webkit-transform: translate3d(0, 0, 0); - -moz-transform: translate3d(0, 0, 0); - -ms-transform: translate3d(0, 0, 0); } - /* Alaveteli's purple */ *, *:before, *:after { -moz-box-sizing: border-box; @@ -872,8 +802,7 @@ ul { display: block; background-position: top left; background-repeat: no-repeat; - background-image: url("../img/alaveteli-logo.svg"); - background-size: 140px 60px; } + background-image: url("../img/alaveteli-logo.svg"); } .site-header { border-top: 0.375em solid #424242; @@ -1140,370 +1069,3 @@ table.table td { clear: both; padding-top: 0.666em; margin-left: 0em; } - -.homepage-feature { - /** - * For IE 6/7 only - * Include this rule to trigger hasLayout and contain floats. - */ } - .homepage-feature:before, .homepage-feature:after { - content: " "; - /* 1 */ - display: table; - /* 2 */ } - .homepage-feature:after { - clear: both; } - .homepage-feature { - *zoom: 1; } - @media (min-width: 60em) { - .homepage-feature .column { - /* Use for multi-column grids where all columns are equal width, it gives them equal spacing */ - float: left; - padding-left: 1.5%; - padding-right: 1.5%; - width: 50%; } - .homepage-feature .column:nth-child(odd), .homepage-feature .column:first-child { - padding-left: 0; } - .homepage-feature .column:nth-child(even), .homepage-feature .column:last-child { - padding-right: 0; } } - -.monitor { - margin: 0 auto 96px; - position: relative; } - @media (min-width: 520px) { - .monitor { - width: 469px; - height: 361px; - background: url("../../theme/img/monitor.png"); } } - @media (min-width: 50em) { - .monitor { - float: left; } } - .monitor #owl-slide { - margin: 0 auto; - width: 100%; - max-width: 412px; - height: 232px; - background: #fff; } - @media (min-width: 520px) { - .monitor #owl-slide { - position: absolute; - top: 30px; - left: 32px; } } - -.summary-of-features { - /** - * For IE 6/7 only - * Include this rule to trigger hasLayout and contain floats. - */ } - .summary-of-features:before, .summary-of-features:after { - content: " "; - /* 1 */ - display: table; - /* 2 */ } - .summary-of-features:after { - clear: both; } - .summary-of-features { - *zoom: 1; } - @media (min-width: 30em) { - .summary-of-features li { - /* Use for grids where the columns are different widths */ - float: left; - padding-left: 3%; - width: 25%; - text-align: center; } - .summary-of-features li:first-child { - padding-left: 0; } } - .summary-of-features .circle-icon { - width: 114px; - height: 114px; - display: block; - margin: 32px auto 16px; - background-position: center top; - background-size: 114px 114px; - background-repeat: no-repeat; } - .summary-of-features .icon-opensource { - background-image: url("../../theme/img/icon-opensource.svg"); } - .summary-of-features .icon-paint { - background-image: url("../../theme/img/icon-paint.svg"); } - .summary-of-features .icon-help { - background-image: url("../../theme/img/icon-help.svg"); } - .summary-of-features .icon-world { - background-image: url("../../theme/img/icon-world.svg"); } - .summary-of-features h3 { - font-size: 1em; - margin-bottom: 16px; } - .summary-of-features p { - font-size: 1em; - margin: 8px 32px 32px; } - -.this-or-this .column { - text-align: center; - padding-bottom: 64px; - /* Use for multi-column grids where all columns are equal width, it gives them equal spacing */ - float: left; - padding-left: 1.5%; - padding-right: 1.5%; - width: 50%; } - .this-or-this .column:nth-child(odd), .this-or-this .column:first-child { - padding-left: 0; } - .this-or-this .column:nth-child(even), .this-or-this .column:last-child { - padding-right: 0; } - -@media (min-width: 50em) { - .action-buttons li { - width: 50%; - float: left; } } -.action-buttons li a { - width: 100%; - max-width: 9em; - margin: 0 auto 1em; - color: #fff; } -.action-buttons li .icon { - width: 30px; - height: 50px; - display: block; - float: left; - background-repeat: no-repeat; - background-position: center; - background-size: 20px; - opacity: 0.6; - margin-left: -10px; } -.action-buttons li .icon-document { - background-image: url("../../theme/img/icon-document.svg"); } -.action-buttons li .icon-download { - background-image: url("../../theme/img/icon-download.svg"); } -.action-buttons li .icon-github { - background-image: url("../../theme/img/icon-github.svg"); } -.action-buttons li .icon-email { - background-image: url("../../theme/img/icon-email.svg"); } -.action-buttons li .icon-twitter { - background-image: url("../../theme/img/icon-twitter.svg"); } -.action-buttons li .icon-irc { - background-image: url("../../theme/img/icon-hash.svg"); } -.action-buttons li .icon-post { - background-image: url("../../theme/img/icon-mail.svg"); } - -.site-footer { - width: 100%; - clear: left; - background: #333333; - padding: 32px 0; - /** - * For IE 6/7 only - * Include this rule to trigger hasLayout and contain floats. - */ } - .site-footer:before, .site-footer:after { - content: " "; - /* 1 */ - display: table; - /* 2 */ } - .site-footer:after { - clear: both; } - .site-footer { - *zoom: 1; } - .site-footer .column { - /* Use for multi-column grids where all columns are equal width, it gives them equal spacing */ - float: left; - padding-left: 1.5%; - padding-right: 1.5%; - width: 50%; } - .site-footer .column:nth-child(odd), .site-footer .column:first-child { - padding-left: 0; } - .site-footer .column:nth-child(even), .site-footer .column:last-child { - padding-right: 0; } - @media (min-width: 30em) { - .site-footer .column { - /* Use for grids where the columns are different widths */ - float: left; - padding-left: 3%; - width: 25%; } - .site-footer .column:first-child { - padding-left: 0; } } - @media (min-width: 56.88889em) { - .site-footer .column { - /* Use for grids where the columns are different widths */ - float: left; - padding-left: 3%; - width: 20%; } - .site-footer .column:first-child { - padding-left: 0; } } - .site-footer .column:last-child h3 { - margin-top: 1em; } - @media (min-width: 30em) { - .site-footer .column:last-child h3 { - margin-top: 0; } } - .site-footer .central { - float: right; } - @media (min-width: 30em) { - .site-footer .central { - /* Use for grids where the columns are different widths */ - float: left; - padding-left: 3%; - width: 50%; } - .site-footer .central ul { - -webkit-column-count: 1; - -moz-column-count: 1; - -o-column-count: 1; - column-count: 1; } - .site-footer .central:first-child { - padding-left: 0; } } - @media (min-width: 40em) { - .site-footer .central { - /* Use for grids where the columns are different widths */ - float: left; - padding-left: 3%; - width: 50%; } - .site-footer .central ul { - -webkit-column-count: 2; - -moz-column-count: 2; - -o-column-count: 2; - column-count: 2; } - .site-footer .central:first-child { - padding-left: 0; } } - @media (min-width: 56.88889em) { - .site-footer .central { - /* Use for grids where the columns are different widths */ - float: left; - padding-left: 3%; - width: 60%; } - .site-footer .central ul { - -webkit-column-count: 3; - -moz-column-count: 3; - -o-column-count: 3; - column-count: 3; } - .site-footer .central:first-child { - padding-left: 0; } } - .site-footer h3 { - font-size: 1em; - font-weight: normal; - margin-bottom: 0; - color: #888; } - .site-footer ul { - margin: 0; } - .site-footer a { - color: #eeeeee; } - -.primary-nav { - margin: 0; - text-align: center; } - .primary-nav li { - display: inline-block; - padding: 0 64px; } - @media (min-width: 30em) { - .primary-nav li { - display: inline; } } - .primary-nav a { - display: inline-block; - padding: 10.66667px 0; - color: #333333; } - -.btn, .btn--green, .btn--blue { - display: inline-block; - vertical-align: middle; - white-space: nowrap; - font-family: inherit; - font-size: 100%; - cursor: pointer; - border: none; - margin: 0; - padding-top: 0; - padding-bottom: 0; - line-height: 3; - padding-right: 1em; - padding-left: 1em; - border-radius: 3px; - transition-duration: 0.2s; } - .btn:hover, .btn--green:hover, .btn--blue:hover, .btn:active, .btn--green:active, .btn--blue:active { - text-decoration: none; - transition-duration: 0.2s; } - -.btn--green { - background: #61b252; } - .btn--green:hover { - background: #53a044; } - .btn--green:active { - background: #388924; - box-shadow: inset 0px 0px 6px #255b18; } - -.btn--blue { - background: #54b1e4; } - .btn--blue:hover { - background: #2b8cdb; } - .btn--blue:active { - background: #207cba; - box-shadow: inset 0px 0px 6px #15527c; } - -.bg-default { - background: #f3f1eb; } - -.spacer-top { - margin-top: 48px; } - -.spacer-bottom { - margin-bottom: 48px; } - -.section-header { - background: #333333; - padding: 16px 0; - float: left; - width: 100%; } - .section-header p { - color: #e4e3dd; - font-weight: normal; - margin: 0; - display: block; } - -.breadcrumb { - padding: 8px 0; } - .breadcrumb li { - display: inline; - font-size: 0.75em; } - .breadcrumb li:after { - content: '/'; - margin: 0 0.33em; - color: #e4e3dd; } - .breadcrumb li a { - color: #787774; } - -/** - * Owl Additions - */ -.owl-carousel .owl__gap { - float: left; - padding-right: 100px; } - @media (min-width: 520px) { - .owl-carousel .owl__gap { - padding-top: 100px; } } -.owl-carousel h3 { - margin-bottom: 0; } -.owl-carousel p { - margin-top: 0; } - -.owl-buttons { - float: right; - position: relative; - top: -70px; } - @media (min-width: 520px) { - .owl-buttons { - right: -20px; - top: -130px; } } - .owl-buttons .owl-next, - .owl-buttons .owl-prev { - display: block; - background-color: #e4e3dd; - float: left; - background-position: center center; - background-size: 16px; - background-repeat: no-repeat; - height: 48px; - width: 48px; - margin-right: 2px; } - .owl-buttons .owl-next:hover, - .owl-buttons .owl-prev:hover { - background-color: #cfcec8; } - .owl-buttons .owl-prev { - background-image: url("../../theme/img/icon-arrow-left.svg"); - border-radius: 3px 0 0 3px; } - .owl-buttons .owl-next { - background-image: url("../../theme/img/icon-arrow-right.svg"); - border-radius: 0 3px 3px 0; } |