aboutsummaryrefslogtreecommitdiffstats
path: root/assets/css
diff options
context:
space:
mode:
Diffstat (limited to 'assets/css')
-rw-r--r--assets/css/alaveteli-org.css416
-rw-r--r--assets/css/global.css34
2 files changed, 426 insertions, 24 deletions
diff --git a/assets/css/alaveteli-org.css b/assets/css/alaveteli-org.css
new file mode 100644
index 000000000..960be06dc
--- /dev/null
+++ b/assets/css/alaveteli-org.css
@@ -0,0 +1,416 @@
+.image-replacement {
+ text-indent: -1000%;
+ white-space: nowrap;
+ overflow: hidden; }
+
+.container {
+ max-width: 63.333333333em;
+ padding: 0 1em;
+ margin: 0 auto;
+ position: relative; }
+
+.unstyled-list, .unstyled, .site-nav ul {
+ margin-left: 0;
+ padding-left: 0;
+ list-style: none outside none; }
+
+.inline-list {
+ margin-left: -0.5em;
+ margin-bottom: 0; }
+ .inline-list li {
+ display: inline-block;
+ margin-left: 0.5em; }
+
+.text--center {
+ text-align: center; }
+
+/* Alaveteli's purple */
+.hero, .what-is-alaveteli, .features, .get-started, .about__intro {
+ padding: 2em 0; }
+ @media (min-width: 40em) {
+ .hero, .what-is-alaveteli, .features, .get-started, .about__intro {
+ padding: 3.5em 0; } }
+
+.hero, .get-started {
+ background-color: #333333;
+ color: #fff; }
+ .hero .button, .get-started .button {
+ color: #fff;
+ border-color: rgba(255, 255, 255, 0.3);
+ width: 100%;
+ margin-bottom: 1em; }
+ @media (min-width: 30em) {
+ .hero .button, .get-started .button {
+ width: auto;
+ margin-bottom: 0; } }
+ .hero .button:hover, .get-started .button:hover, .hero .button:active, .get-started .button:active, .hero .button:focus, .get-started .button:focus {
+ background-color: rgba(0, 0, 0, 0.1);
+ border-color: rgba(0, 0, 0, 0.1); }
+
+.what-is-alaveteli__grid-unit, .features__grid-unit, .get-started__grid-unit {
+ display: inline-block;
+ vertical-align: top; }
+
+.grid-row {
+ /**
+ * For IE 6/7 only
+ * Include this rule to trigger hasLayout and contain floats.
+ */ }
+ .grid-row:before, .grid-row:after {
+ content: " ";
+ /* 1 */
+ display: table;
+ /* 2 */ }
+ .grid-row:after {
+ clear: both; }
+ .grid-row {
+ *zoom: 1; }
+
+h1, h2, h4, h5, h6 {
+ font-weight: 700; }
+
+h3 {
+ font-weight: 600; }
+
+.button {
+ display: inline-block;
+ padding: 0.4em 2.4em;
+ border: 1px solid #e4e3dd;
+ vertical-align: middle;
+ border-radius: 7px;
+ text-align: center; }
+ .button:hover, .button:active, .button:focus {
+ background-color: #3a3a3a;
+ border-color: rgba(255, 255, 255, 0.2);
+ text-decoration: none; }
+
+@media (min-width: 47.5em) {
+ .nav-position {
+ position: absolute;
+ top: 0.6em;
+ left: 180px; } }
+@media (min-width: 56.88889em) {
+ .nav-position {
+ left: 240px;
+ top: 0.5em; } }
+
+.site-nav ul {
+ margin-top: 0;
+ margin-bottom: 0; }
+@media (min-width: 47.5em) {
+ .site-nav li {
+ display: inline-block; } }
+.site-nav a {
+ color: #fff;
+ margin-right: 0.33em;
+ display: block;
+ padding: 0.33em;
+ border-bottom: 1px solid rgba(255, 255, 255, 0.1); }
+ @media (min-width: 47.5em) {
+ .site-nav a {
+ display: inline-block;
+ border-bottom: none; } }
+ @media (min-width: 56.88889em) {
+ .site-nav a {
+ font-size: 1.125em;
+ margin-right: 0.66em; } }
+
+/*! responsive-nav.js 1.0.32 by @viljamis */
+.js .nav-collapse {
+ clip: rect(0 0 0 0);
+ max-height: 0;
+ position: absolute;
+ display: block;
+ overflow: hidden;
+ zoom: 1; }
+
+.nav-collapse.opened {
+ max-height: 9999px; }
+
+.disable-pointer-events {
+ pointer-events: none !important; }
+
+.nav-toggle {
+ -webkit-tap-highlight-color: transparent;
+ -webkit-touch-callout: none;
+ -webkit-user-select: none;
+ -moz-user-select: none;
+ -ms-user-select: none;
+ -o-user-select: none;
+ user-select: none;
+ position: absolute;
+ top: 0.1em;
+ right: 5em;
+ display: inline-block;
+ padding: 0.3em 0.75em;
+ border: 1px solid rgba(255, 255, 255, 0.1);
+ border-radius: 5px;
+ color: #fff;
+ font-size: 0.875em; }
+ @media (min-width: 30em) {
+ .nav-toggle {
+ right: 10em; } }
+
+@media screen and (min-width: 47.5em) {
+ .js .nav-collapse {
+ position: relative; }
+
+ .js .nav-collapse.closed {
+ max-height: none; }
+
+ .nav-toggle {
+ display: none; } }
+.hero {
+ background-color: #974495; }
+ .hero h1 {
+ display: inline-block;
+ font-weight: 600;
+ width: auto;
+ border-bottom: 1px solid rgba(255, 255, 255, 0.2);
+ padding-bottom: 0.5em;
+ margin-bottom: 0.25em;
+ text-shadow: 0px 2px 1px rgba(0, 0, 0, 0.3); }
+ @media (min-width: 56.88889em) {
+ .hero h1 {
+ font-size: 4em; } }
+ .hero span {
+ opacity: 0.7;
+ display: block; }
+ .hero p {
+ font-size: 1.125em;
+ max-width: 25em; }
+
+.action-buttons {
+ margin-top: 2em; }
+ .action-buttons .button {
+ font-weight: 600;
+ margin-right: 1em; }
+
+.what-is-alaveteli {
+ border-bottom: 1px solid #e4e3dd;
+ position: relative; }
+
+@media (min-width: 56.88889em) {
+ .what-is-alaveteli__items-grid {
+ width: 66.666%; } }
+
+@media (min-width: 30em) {
+ .what-is-alaveteli__grid-unit {
+ width: 46%;
+ margin-right: 4%; } }
+
+.what-is-alaveteli__item {
+ padding-left: 3.625em;
+ background-position: top left;
+ background-size: 50px 50px;
+ background-repeat: no-repeat; }
+
+.what-is-alaveteli__item--foi {
+ background-image: url("../img/scales.svg"); }
+
+.what-is-alaveteli__item--help {
+ background-image: url("../img/pointer.svg"); }
+
+.what-is-alaveteli__item--published {
+ background-image: url("../img/binoculars.svg"); }
+
+.what-is-alaveteli__item--open {
+ background-image: url("../img/open.svg"); }
+
+@media (min-width: 56.88889em) {
+ .what-is-alaveteli__international-reach-position {
+ width: 33.3333%;
+ position: absolute;
+ top: -13em;
+ right: 0; } }
+
+.what-is-alaveteli__international-reach {
+ background-color: #f3f1eb;
+ background-image: url("../img/worldmap.svg");
+ background-position: center 1.5em;
+ background-repeat: no-repeat;
+ background-size: 280px 158px;
+ padding: 10em 1.25em 1em; }
+ @media (min-width: 30em) {
+ .what-is-alaveteli__international-reach {
+ background-size: 360px 204px;
+ padding: 11.5em 2em 1em; } }
+ @media (min-width: 40em) {
+ .what-is-alaveteli__international-reach {
+ background-size: 360px 204px;
+ padding: 1em 2em 1em 22em;
+ background-position: left center; } }
+ @media (min-width: 56.88889em) {
+ .what-is-alaveteli__international-reach {
+ background-size: 360px 204px;
+ padding: 12.5em 2em 1em;
+ background-position: center 1.5em; } }
+ .what-is-alaveteli__international-reach .message {
+ font-size: 1.4em; }
+ .what-is-alaveteli__international-reach strong {
+ color: #a94ca6; }
+ .what-is-alaveteli__international-reach a {
+ color: #787774;
+ border-bottom: 1px dotted #e4e3dd; }
+ .what-is-alaveteli__international-reach a:hover, .what-is-alaveteli__international-reach a:active, .what-is-alaveteli__international-reach a:focus {
+ text-decoration: none;
+ border-color: #2b8cdb;
+ color: #2b8cdb; }
+
+@media (min-width: 40em) {
+ .features__grid-unit {
+ width: 48.5%; }
+ .features__grid-unit:nth-child(n) {
+ margin-right: 3%; }
+ .features__grid-unit:nth-child(2n) {
+ margin-right: 0; } }
+@media (min-width: 56.88889em) {
+ .features__grid-unit {
+ width: 22.75%; }
+ .features__grid-unit:nth-child(n) {
+ margin-right: 3%; }
+ .features__grid-unit:nth-child(4n) {
+ margin-right: 0; } }
+
+@media (min-width: 40em) {
+ .features__grid-unit--wide {
+ width: 48.5%; }
+ .features__grid-unit--wide:nth-child(n) {
+ margin-right: 3%; }
+ .features__grid-unit--wide:last-child {
+ margin-right: 0; } }
+
+.features__item {
+ margin-top: 1em;
+ margin-bottom: 1em; }
+
+.features__item--primary {
+ background-position: center top;
+ background-repeat: no-repeat;
+ padding-top: 11.5em; }
+ @media (min-width: 56.88889em) {
+ .features__item--primary {
+ background-position: left center;
+ padding: 1em 0; }
+ .features__item--primary h3, .features__item--primary p {
+ padding-left: 53%; } }
+ .features__item--primary h3 {
+ font-size: 1.4em; }
+
+.features__item--devices {
+ background-image: url("../img/devices.svg");
+ background-size: 258px 188px; }
+
+.features__item--messaging {
+ background-image: url("../img/signs.svg");
+ background-size: 200px 166px; }
+ @media (min-width: 56.88889em) {
+ .features__item--messaging {
+ background-position: 3em center; } }
+
+@media (min-width: 30em) {
+ .get-started__grid-unit {
+ width: 48.5%;
+ margin-right: 3%; }
+ .get-started__grid-unit:last-child {
+ margin-right: 0; } }
+@media (min-width: 56.88889em) {
+ .get-started__grid-unit {
+ width: 23.5%;
+ margin-right: 3%; }
+ .get-started__grid-unit:last-child {
+ margin-right: 0; } }
+
+.get-started__grid-unit--wide {
+ width: 100%;
+ margin-right: 0; }
+ @media (min-width: 56.88889em) {
+ .get-started__grid-unit--wide {
+ width: 47%;
+ margin-right: 3%; } }
+
+.get-started__item--primary p {
+ margin-top: 0;
+ font-size: 1.25em;
+ margin-bottom: 1.9em; }
+
+@media (min-width: 56.88889em) {
+ .push-top {
+ margin-top: 2.4em; } }
+
+/* AlaveteliCon 2012 bios*/
+.delegate-bio {
+ clear: left;
+ padding-bottom: 1em;
+ border-top: 1px solid #e4e3dd;
+ padding-top: 1.2em; }
+
+.about__intro {
+ background-color: #974495;
+ margin-bottom: 4em; }
+ .about__intro h1 {
+ font-weight: 600;
+ color: #fff;
+ text-shadow: 0px 2px 1px rgba(0, 0, 0, 0.3);
+ margin-bottom: 0.25em; }
+ @media (min-width: 56.88889em) {
+ .about__intro h1 {
+ font-size: 4em; } }
+ .about__intro a {
+ color: #fff;
+ border-bottom: 1px dotted rgba(255, 255, 255, 0.3); }
+ .about__intro a:hover, .about__intro a:active, .about__intro a:focus {
+ border-color: rgba(255, 255, 255, 0.6);
+ background-color: #863c83;
+ text-decoration: none; }
+ .about__intro p {
+ color: #fff; }
+ @media (min-width: 40em) {
+ .about__intro p {
+ font-size: 1.25em; } }
+
+@media (min-width: 40em) {
+ .about__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%;
+ padding: 0 3%; }
+ .about__column:nth-child(odd), .about__column:first-child {
+ padding-left: 0; }
+ .about__column:nth-child(even), .about__column:last-child {
+ padding-right: 0; } }
+
+.content-in-columns {
+ margin-bottom: 1.5em;
+ border-top: 3px dashed #f3f1eb;
+ padding-top: 1.5em; }
+ .content-in-columns:first-of-type {
+ border-top: none;
+ padding-top: 0; }
+
+.stamp-graphic {
+ position: absolute;
+ width: 24%;
+ right: 2em;
+ -webkit-transform: rotate(9deg);
+ -moz-transform: rotate(9deg);
+ -o-transform: rotate(9deg);
+ transform: rotate(9deg); }
+ @media (min-width: 45.4375em) {
+ .stamp-graphic {
+ top: 20em; } }
+ @media (min-width: 50.6875em) {
+ .stamp-graphic {
+ top: 19em; } }
+ @media (min-width: 66.875em) {
+ .stamp-graphic {
+ top: 9em; } }
+
+@media (min-width: 50.6875em) {
+ .about__intro p {
+ max-width: 27em; } }
+@media (min-width: 66.875em) {
+ .about__intro p {
+ max-width: 34em; } }
diff --git a/assets/css/global.css b/assets/css/global.css
index b0b7c2ce1..df477f358 100644
--- a/assets/css/global.css
+++ b/assets/css/global.css
@@ -699,7 +699,7 @@ table {
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
- -webkit-tap-highlight-color: transparent; }
+ -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
/* mouse grab icon */
.grabbing {
@@ -861,34 +861,26 @@ ul {
background-image: url("../../theme/img/mysociety-logo.png");
width: 125px;
height: 39px; } }
- @media (min-width: 30em) and (-webkit-min-device-pixel-ratio: 1.5), (min-width: 30em) and (min-resolution: 144dpi) {
- .ms-header__logo {
- background-image: url("../../theme/img/mysociety-logo@2.png"); } }
+ @media (min-width: 30em) and (-webkit-min-device-pixel-ratio: 1.5), (min-width: 30em) and (min-resolution: 144dpi) {
+ .ms-header__logo {
+ background-image: url("../../theme/img/mysociety-logo@2.png"); } }
.site-title {
- height: 45px;
- width: 240px;
+ height: 60px;
+ width: 140px;
max-width: 100%;
display: block;
background-position: top left;
background-repeat: no-repeat;
- background-image: url("../img/alaveteli-logo.svg"); }
+ background-image: url("../img/alaveteli-logo.svg");
+ background-size: 140px 60px; }
.site-header {
border-top: 0.375em solid #424242;
padding: 1em 0;
background-position: center;
- background-color: #93278f; }
+ background-color: #a94ca6; }
-@media (min-width: 56.88889em) {
- body.home .site-title {
- margin: 0.5em auto;
- height: 60px;
- width: 320px;
- background-size: 320px 60px; }
-
- body.home .site-header {
- padding: 3.75em 0; } }
.main-content-column {
padding-left: 0 !Important; }
@media (min-width: 56.88889em) {
@@ -901,15 +893,9 @@ ul {
padding-left: 0; } }
.main-content-column-full-width {
- /* 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%;
+ padding: 0;
width: 100%; }
- .main-content-column-full-width:nth-child(odd), .main-content-column-full-width:first-child {
- padding-left: 0; }
- .main-content-column-full-width:nth-child(even), .main-content-column-full-width:last-child {
- padding-right: 0; }
.main-content {
background: #fff;
generated by cgit v1.2.3 (git 2.25.1) at 2025-09-27 20:05:50 +0000