https://wiki.extremist.software/api.php?action=feedcontributions&feedformat=atom&user=Raqlol Noisebridge - User contributions [en] 2026-04-03T19:46:03Z User contributions MediaWiki 1.39.13 https://wiki.extremist.software/index.php?title=MediaWiki:Common.css&diff=67901 MediaWiki:Common.css 2018-08-27T04:00:36Z <p>Raqlol: </p> <hr /> <div>/** CSS placed here will be applied to all skins */<br /> <br /> body { background: #d9d9d9; }<br /> <br /> #footer {<br /> border-top: 1px solid #aaa;<br /> border-bottom: 1px solid #aaa;<br /> }<br /> <br /> .cf:before,<br /> .cf:after {<br /> content: &quot; &quot;;<br /> display: table;<br /> }<br /> <br /> .cf:after {<br /> clear: both;<br /> }<br /> <br /> .cf {<br /> *zoom: 1;<br /> }<br /> <br /> #p-logo a {<br /> background-image: url('https://noisebridge.net/images/d/d0/Nb-logo-131.png') !important;<br /> }<br /> <br /> /* americancensorship.org css banner */<br /> div#p-logo { z-index: 0 }<br /> span.americancensorshipdotorg a.external {<br /> width: 140px; height: 40px;<br /> top:20px; left:-150px;<br /> -webkit-transform: rotate(-30deg);<br /> transform: rotate(-30deg);<br /> position: absolute; z-index:10;<br /> vertical-align: middle; text-align: center;<br /> background-color: black;<br /> background-image: url(https://www.noisebridge.net/images/f/f3/Stop-censorship-small.png);<br /> background-position: center center;<br /> background-repeat: no-repeat;<br /> border:2px solid black<br /> }<br /> span.americancensorshipdotorg a.external:hover { border:2px solid white }<br /> span.americancensorshipdotorg a span { display:none }<br /> <br /> /* Moving search box to upper-left */<br /> #p-search {<br /> margin: 0;<br /> position: absolute;<br /> right: 1em;<br /> top: 1.25em;<br /> width: auto;<br /> }<br /> <br /> #p-search h5 {<br /> display: none;<br /> }<br /> <br /> #p-search .pBody {<br /> background: none;<br /> border: none;<br /> padding: 0;<br /> }<br /> <br /> /* Homepage */<br /> /* visually hide first heading - makes it look less article-like */<br /> .page-Noisebridge.action-view .firstHeading {<br /> border: 0;<br /> clip: rect(0 0 0 0);<br /> height: 1px;<br /> margin: -1px;<br /> overflow: hidden;<br /> padding: 0;<br /> position: absolute;<br /> width: 1px;<br /> }<br /> <br /> .page-Noisebridge.action-view {<br /> background: #A4A7AE;<br /> }<br /> <br /> /* hide sidebar on main page */<br /> .page-Noisebridge.action-view #content {<br /> background-image: url('https://noisebridge.net/images/9/98/Lifebg.gif');<br /> background-attachment: fixed;<br /> /*background-size: contain;*/<br /> margin-left: 0;<br /> }<br /> <br /> .page-Noisebridge.action-view #mw-page-base {<br /> background: transparent;<br /> height: 2.8em;<br /> }<br /> <br /> .page-Noisebridge.action-view #mw-panel .portal {<br /> display: none;<br /> }<br /> <br /> .page-Noisebridge.action-view #p-logo, .page-Noisebridge.action-view #p-logo a {<br /> height: 2.4em;<br /> width: 2.4em;<br /> }<br /> <br /> .page-Noisebridge.action-view #p-logo {<br /> top: .2em;<br /> left: .2em;<br /> }<br /> <br /> .page-Noisebridge.action-view #p-logo a {<br /> background-size: contain;<br /> }<br /> <br /> .page-Noisebridge.action-view #p-personal {<br /> top: 0;<br /> }<br /> <br /> .page-Noisebridge.action-view #p-views {<br /> padding-left: 0;<br /> }<br /> <br /> .page-Noisebridge.action-view #left-navigation,<br /> .page-Noisebridge.action-view #right-navigation {<br /> margin-top: .3em;<br /> }<br /> <br /> .page-Noisebridge.action-view #left-navigation {<br /> margin-left: 3.5em;<br /> }<br /> <br /> .page-Noisebridge.action-view #right-navigation {<br /> float: left;<br /> }<br /> <br /> .page-Noisebridge.action-view div.vectorTabs,<br /> .page-Noisebridge.action-view div.vectorTabs span,<br /> .page-Noisebridge.action-view div.vectorTabs ul,<br /> .page-Noisebridge.action-view div.vectorTabs ul li,<br /> .page-Noisebridge.action-view div#mw-head div.vectorMenu h3 {<br /> background: none;<br /> }<br /> <br /> .page-Noisebridge.action-view div.vectorTabs span a,<br /> .page-Noisebridge.action-view div.vectorMenu h3 span {<br /> line-height: 18px;<br /> padding-top: .7em;<br /> }<br /> <br /> .page-Noisebridge.action-view div.vectorMenu h3 a {<br /> background-position: 0% 40%;<br /> }<br /> <br /> .page-Noisebridge.action-view #ca-unwatch.icon a,<br /> .page-Noisebridge.action-view #ca-watch.icon a {<br /> background-position-y: 40%;<br /> }<br /> <br /> .page-Noisebridge.action-view #p-search form,<br /> .page-Noisebridge.action-view #simpleSearch {<br /> margin-top: 0;<br /> }<br /> <br /> .page-Noisebridge.action-view div#mw-panel {<br /> top: 0;<br /> }<br /> <br /> /* FWD - color scheme: http://colorschemedesigner.com/#3L61TqVmBjFJD */<br /> @font-face {<br /> font-family: 'Source Sans Pro';<br /> font-style: normal;<br /> font-weight: 300;<br /> src: local('Source Sans Pro Light'), local('SourceSansPro-Light'), url(https://themes.googleusercontent.com/static/fonts/sourcesanspro/v7/toadOcfmlt9b38dHJxOBGMVNtom4QlEDNJaqqqzqdSs.woff) format('woff'), url(https://themes.googleusercontent.com/static/fonts/sourcesanspro/v7/toadOcfmlt9b38dHJxOBGBlTL9oEQvYTI0YAW1-Ysv0.eot) format('embedded-opentype'), url(https://themes.googleusercontent.com/static/fonts/sourcesanspro/v7/toadOcfmlt9b38dHJxOBGMw1o1eFRj7wYC6JbISqOjY.ttf) format('truetype');<br /> }<br /> @font-face {<br /> font-family: 'Source Sans Pro';<br /> font-style: normal;<br /> font-weight: 400;<br /> src: local('Source Sans Pro'), local('SourceSansPro-Regular'), url(https://themes.googleusercontent.com/static/fonts/sourcesanspro/v7/ODelI1aHBYDBqgeIAH2zlNHq-FFgoDNV3GTKpHwuvtI.woff) format('woff'), url(https://themes.googleusercontent.com/static/fonts/sourcesanspro/v7/ODelI1aHBYDBqgeIAH2zlN0tugusXa58UbOrParLRF0.eot) format('embedded-opentype'), url(https://themes.googleusercontent.com/static/fonts/sourcesanspro/v7/ODelI1aHBYDBqgeIAH2zlNzbP97U9sKh0jjxbPbfOKg.ttf) format('truetype');<br /> }<br /> @font-face {<br /> font-family: 'Source Sans Pro';<br /> font-style: normal;<br /> font-weight: 700;<br /> src: local('Source Sans Pro Bold'), local('SourceSansPro-Bold'), url(https://themes.googleusercontent.com/static/fonts/sourcesanspro/v7/toadOcfmlt9b38dHJxOBGIqjGYJUyOXcBwUQbRaNH6c.woff) format('woff'), url(https://themes.googleusercontent.com/static/fonts/sourcesanspro/v7/toadOcfmlt9b38dHJxOBGFV89XnfCtb1fhQGOlhyqi8.eot) format('embedded-opentype'), url(https://themes.googleusercontent.com/static/fonts/sourcesanspro/v7/toadOcfmlt9b38dHJxOBGLsbIrGiHa6JIepkyt5c0A0.ttf) format('truetype');<br /> }<br /> <br /> .page-Front-end_Web_Development.action-view {<br /> background: #000;<br /> }<br /> <br /> .page-Front-end_Web_Development.action-view #bodyContent a.external {<br /> background: none;<br /> padding-right: 0;<br /> }<br /> <br /> .page-Front-end_Web_Development.action-view #p-cactions {<br /> margin-top: 1px;<br /> }<br /> .page-Front-end_Web_Development.action-view #p-cactions li, .page-Front-end_Web_Development.action-view #p-cactions li.selected {<br /> background: #362763;<br /> border-color: transparent;<br /> padding-bottom: .35em;<br /> }<br /> .page-Front-end_Web_Development.action-view #p-cactions li.selected {<br /> border-color: #aaa;<br /> }<br /> .page-Front-end_Web_Development.action-view #p-cactions li a, .page-Front-end_Web_Development.action-view #p-cactions li.selected a {<br /> background: none;<br /> color: #8C73DB;<br /> }<br /> .page-Front-end_Web_Development.action-view #p-cactions .new a {<br /> color: #ba0000;<br /> }<br /> .page-Front-end_Web_Development.action-view #p-cactions li a:hover, .page-Front-end_Web_Development.action-view #p-personal li a:hover {<br /> background: none;<br /> color: #fff;<br /> }<br /> .page-Front-end_Web_Development.action-view .portlet h5 {<br /> color: #7292DB;<br /> }<br /> .page-Front-end_Web_Development.action-view .generated-sidebar .pBody, .page-Front-end_Web_Development.action-view #p-tb .pBody, .page-Front-end_Web_Development.action-view div#footer {<br /> background: #1b223c;<br /> border-color: transparent;<br /> color: #7292DB;<br /> }<br /> .page-Front-end_Web_Development.action-view #p-personal li a, .page-Front-end_Web_Development.action-view .generated-sidebar .pBody a, .page-Front-end_Web_Development.action-view #p-tb .pBody a, .page-Front-end_Web_Development.action-view div#footer a {<br /> color: #A2B3DB;<br /> }<br /> .page-Front-end_Web_Development.action-view .pBody {<br /> bottom: 1px;<br /> position: relative;<br /> z-index: 3;<br /> }<br /> .page-Front-end_Web_Development.action-view div#content {<br /> background-clip: content-box;<br /> border-color: transparent;<br /> padding: 0;<br /> }<br /> .page-Front-end_Web_Development.action-view div#content * {<br /> box-sizing: border-box;<br /> }<br /> .page-Front-end_Web_Development.action-view #contentSub {<br /> margin: 0;<br /> }<br /> .page-Front-end_Web_Development.action-view #mw-content-text {<br /> font-family: &quot;Source Sans Pro&quot;, &quot;Helvetica Neue&quot;, Helvetica, sans-serif;<br /> }<br /> .page-Front-end_Web_Development.action-view #mw-content-text img {<br /> display: none !important; /* ;) */<br /> }<br /> .page-Front-end_Web_Development.action-view h1, .page-Front-end_Web_Development.action-view h2 {<br /> border-bottom: 0;<br /> }<br /> .page-Front-end_Web_Development.action-view h2 {<br /> color: inherit;<br /> font-weight: bold;<br /> text-transform: uppercase;<br /> }<br /> .page-Front-end_Web_Development.action-view code {<br /> background-color: rgba(255,255,255,.1);<br /> }<br /> .page-Front-end_Web_Development.action-view .firstHeading {<br /> display: none;<br /> }<br /> .page-Front-end_Web_Development.action-view .thank-you p {<br /> text-align: left;<br /> }<br /> .page-Front-end_Web_Development.action-view .hero, .page-Front-end_Web_Development.action-view .keep-informed {<br /> background: #1b223c url('/images/4/4f/Fwd-hero.jpg');<br /> background-attachment: fixed;<br /> background-size: auto 100%;<br /> }<br /> .page-Front-end_Web_Development.action-view .hero {<br /> padding-bottom: 40px;<br /> }<br /> .page-Front-end_Web_Development.action-view .hero__hgroup {<br /> padding: 40px;<br /> text-shadow: 0 0 40px rgba(0,0,0,.75);<br /> }<br /> .page-Front-end_Web_Development.action-view .hero__hgroup h1, .page-Front-end_Web_Development.action-view .keep-informed {<br /> color: #A2B3DB;<br /> }<br /> .page-Front-end_Web_Development.action-view .hero__hgroup h1 {<br /> font-size: 75px;<br /> font-weight: 300;<br /> line-height: 1em;<br /> overflow: visible;<br /> margin-bottom: 0;<br /> }<br /> .page-Front-end_Web_Development.action-view .hero__hgroup h2, .page-Front-end_Web_Development.action-view .keep-informed a {<br /> color: #7292DB;<br /> }<br /> .page-Front-end_Web_Development.action-view .hero__hgroup h2 {<br /> font-size: 36px;<br /> font-weight: 400;<br /> line-height: 1.4em;<br /> text-transform: none;<br /> }<br /> .page-Front-end_Web_Development.action-view .hero__hgroup h2 a {<br /> display: block;<br /> }<br /> .page-Front-end_Web_Development.action-view .section {<br /> padding: 2em 0;<br /> text-align: center;<br /> }<br /> .page-Front-end_Web_Development.action-view .details {<br /> display: -webkit-box;<br /> display: -ms-flexbox;<br /> display: flex;<br /> -ms-flex-wrap: wrap;<br /> flex-wrap: wrap;<br /> -webkit-box-pack: center;<br /> -ms-flex-pack: center;<br /> justify-content: center;<br /> margin: 0 auto;<br /> max-width: 1200px;<br /> }<br /> .page-Front-end_Web_Development.action-view .details__detail {<br /> text-align: left;<br /> max-width: 600px;<br /> width: 50%;<br /> }<br /> .page-Front-end_Web_Development.action-view .details__detail h2 {<br /> padding-top: 0;<br /> }<br /> .page-Front-end_Web_Development.action-view .details__detail--what, .page-Front-end_Web_Development.action-view .details__detail--where {<br /> background: #362769;<br /> color: #B1A3DB;<br /> }<br /> .page-Front-end_Web_Development.action-view .details__detail--what a, .page-Front-end_Web_Development.action-view .details__detail--where a {<br /> color: #8C73DB;<br /> }<br /> .page-Front-end_Web_Development.action-view .details__detail--who, .page-Front-end_Web_Development.action-view .details__detail--when {<br /> background: #1A5B5B;<br /> color: #99D7D7;<br /> }<br /> .page-Front-end_Web_Development.action-view .details__detail--who a, .page-Front-end_Web_Development.action-view .details__detail--when a {<br /> color: #64D7D7;<br /> }<br /> .page-Front-end_Web_Development.action-view .section h2, .page-Front-end_Web_Development.action-view .classes h2 {<br /> font-size: 2em;<br /> }<br /> .page-Front-end_Web_Development.action-view .section h2 {<br /> margin-bottom: 1em;<br /> }<br /> .page-Front-end_Web_Development.action-view .section p, .page-Front-end_Web_Development.action-view .section ul, .page-Front-end_Web_Development.action-view .classes p {<br /> font-size: 16px;<br /> }<br /> .page-Front-end_Web_Development.action-view .section ol {<br /> font-size: 20px;<br /> }<br /> .page-Front-end_Web_Development.action-view .container {<br /> margin: 0 auto;<br /> max-width: 600px;<br /> padding: 0 20px;<br /> }<br /> .page-Front-end_Web_Development.action-view .new-series__calendar {<br /> background: #fff;<br /> border: 4px solid #000;<br /> box-shadow: 5px 10px rgba(0,0,0,.5);<br /> font-family: &quot;Helvetica Neue&quot;, Helvetica, sans-serif;<br /> height: 200px;<br /> margin: 2em auto;<br /> position: relative;<br /> text-align: center;<br /> width: 200px;<br /> }<br /> .page-Front-end_Web_Development.action-view .new-series__calendar:after {<br /> content: '';<br /> display: block;<br /> position: absolute;<br /> bottom: 0;<br /> right: 0;<br /> border-width: 15px;<br /> border-color: #ddd #eee #eee #ddd;<br /> border-style: solid;<br /> }<br /> .page-Front-end_Web_Development.action-view .new-series__calendar--no-months .new-series__calendar__date {<br /> font-size: 150px;<br /> }<br /> .page-Front-end_Web_Development.action-view .new-series__calendar__month, .page-Front-end_Web_Development.action-view .new-series__calendar__date {<br /> display: block;<br /> }<br /> .page-Front-end_Web_Development.action-view .new-series__calendar__month {<br /> background: #ff3333;<br /> color: #fff;<br /> font-size: 24px;<br /> line-height: 1.4em;<br /> text-transform: uppercase;<br /> }<br /> .page-Front-end_Web_Development.action-view .new-series__calendar__date {<br /> color: #000;<br /> font-size: 115px;<br /> font-weight: 300;<br /> line-height: 1em;<br /> }<br /> .page-Front-end_Web_Development.action-view .new-series__calendar__months {<br /> color: #000;<br /> display: block;<br /> font-size: 30px;<br /> line-height: 30px;<br /> }<br /> .page-Front-end_Web_Development.action-view .new-series, .page-Front-end_Web_Development.action-view .get-set-up {<br /> background: #36207C url('/images/8/85/Fwd-purple-bg.png') repeat-y 77px 0;<br /> background-attachment: fixed;<br /> background-size: contain;<br /> webkit-background-size: contain;<br /> color: #B1A3DB;<br /> }<br /> .page-Front-end_Web_Development.action-view .get-set-up ol {<br /> text-align: left;<br /> }<br /> .page-Front-end_Web_Development.action-view .get-set-up ol &gt; li {<br /> margin-bottom: .5em;<br /> }<br /> .page-Front-end_Web_Development.action-view .thank-you, .page-Front-end_Web_Development.action-view .new-series--new {<br /> background: #EBC16D;<br /> color: inherit;<br /> }<br /> .page-Front-end_Web_Development.action-view .new-series a, .page-Front-end_Web_Development.action-view .new-series #bodyContent a.external, .page-Front-end_Web_Development.action-view .get-set-up a, .page-Front-end_Web_Development.action-view #bodyContent .get-set-up a.external {<br /> color: #8C73DB;<br /> }<br /> .page-Front-end_Web_Development.action-view .new-series--new a {<br /> background: none;<br /> color: #8D6310;<br /> padding-right: 0;<br /> }<br /> .page-Front-end_Web_Development.action-view .new-series--new + .keep-informed {<br /> <br /> }<br /> .page-Front-end_Web_Development.action-view .keep-informed__buttons {<br /> list-style: none;<br /> margin: 1em auto;<br /> text-align: center;<br /> }<br /> .page-Front-end_Web_Development.action-view .keep-informed__buttons li {<br /> margin: 1em 0;<br /> }<br /> .page-Front-end_Web_Development.action-view .keep-informed__buttons a {<br /> color: #99D7D7 !important;<br /> background: #116C6C !important;<br /> border-radius: 5px;<br /> display: inline-block;<br /> font-size: 24px;<br /> font-weight: bold;<br /> padding: 10px !important;<br /> }<br /> .page-Front-end_Web_Development.action-view .keep-informed__buttons a:hover {<br /> background: #1A5B5B !important;<br /> text-decoration: none;<br /> }<br /> .page-Front-end_Web_Development.action-view .keep-informed__buttons a:active {<br /> background: #095555 !important;<br /> }<br /> .page-Front-end_Web_Development.action-view .classes {<br /> display: table-row;<br /> }<br /> .page-Front-end_Web_Development.action-view .classes__class {<br /> display: table-cell;<br /> padding: 2em;<br /> width: 50%;<br /> }<br /> .page-Front-end_Web_Development.action-view .classes__class--lecture {<br /> background: #A2B3DB;<br /> }<br /> .page-Front-end_Web_Development.action-view #bodyContent .classes__class--lecture a {<br /> color: #10285F;<br /> }<br /> .page-Front-end_Web_Development.action-view .classes__class--lab {<br /> background: #99D7D7;<br /> }<br /> .page-Front-end_Web_Development.action-view #bodyContent .classes__class--lab a {<br /> color: #095555;<br /> }<br /> .page-Front-end_Web_Development.action-view .classes__current {<br /> background: #fff;<br /> background: rgba(255,255,255,.8);<br /> border-radius: 10px;<br /> margin: 1em 0;<br /> padding: 1em 1em .5em;<br /> }<br /> .page-Front-end_Web_Development.action-view .classes__current h4 {<br /> padding-top: 0;<br /> }<br /> .page-Front-end_Web_Development.action-view .classes__current p {<br /> font-size: 13px;<br /> }<br /> .page-Front-end_Web_Development.action-view .web-development__link {<br /> font-size: 1.5em;<br /> }<br /> .page-Front-end_Web_Development.action-view .catlinks {<br /> margin: 1em;<br /> }<br /> @media only screen and (max-width: 980px) {<br /> .page-Front-end_Web_Development.action-view .hero {<br /> padding-bottom: 0;<br /> }<br /> .page-Front-end_Web_Development.action-view .details {<br /> display: block;<br /> }<br /> .page-Front-end_Web_Development.action-view .details__detail {<br /> max-width: none;<br /> width: auto;<br /> }<br /> .page-Front-end_Web_Development.action-view .details__detail--when {<br /> background: #362769;<br /> color: #B1A3DB;<br /> }<br /> .page-Front-end_Web_Development.action-view .details__detail--when a {<br /> color: #8C73DB;<br /> }<br /> .page-Front-end_Web_Development.action-view .details__detail--where {<br /> background: #1A5B5B;<br /> color: #99D7D7;<br /> }<br /> .page-Front-end_Web_Development.action-view .details__detail--where a {<br /> color: #64D7D7;<br /> }<br /> }<br /> /* end FWD */<br /> <br /> .recurring-events li {<br /> margin-bottom: .5em;<br /> }<br /> <br /> .recurring {<br /> background: limegreen;<br /> border-radius: 2px;<br /> color: #fff;<br /> font-size: .92em;<br /> padding: 0 .2em;<br /> }<br /> <br /> .recurring--numbered {<br /> background: yellow;<br /> color: #000;<br /> }<br /> <br /> .recurring--exception {<br /> background: black;<br /> }<br /> <br /> .front-page-box, .front-page-box__container {<br /> width: 960px;<br /> }<br /> <br /> .front-page-box__container {<br /> display: table;<br /> }<br /> <br /> .front-page-box {<br /> background-color: #fafafa;<br /> border: solid 1px #990000;<br /> box-sizing: border-box;<br /> padding: 5px 10px 5px 10px;<br /> }<br /> <br /> .front-page-box h2 {<br /> padding-top: .4em;<br /> }<br /> <br /> .front-page-box--single, .front-page-box__container {<br /> margin: 6px auto 6px auto;<br /> }<br /> <br /> .front-page-box--two, .front-page-box--three {<br /> padding-bottom: 3px;<br /> }<br /> <br /> .front-page-box--two, .front-page-box--three, .front-page-box__spacer {<br /> display: table-cell;<br /> }<br /> <br /> .front-page-box--two:last-child, .front-page-box--three:last-child {<br /> margin-right: 0;<br /> }<br /> <br /> .front-page-box--two {<br /> width: 473px;<br /> }<br /> <br /> .front-page-box--three {<br /> width: 311px;<br /> }<br /> <br /> .front-page-box--goto-2169, .front-page-box--get-involved, .front-page-box--help-out {<br /> background-position: center top;<br /> background-repeat: no-repeat;<br /> background-size: contain;<br /> padding-top: 36px;<br /> position: relative;<br /> }<br /> <br /> .front-page-box--goto-2169 {<br /> background-image: url('/images/f/fe/Wikibanner-goto-2169.png');<br /> }<br /> <br /> .front-page-box--get-involved {<br /> background-image: url('/images/7/7b/Wikibanner-get-involved.png');<br /> }<br /> <br /> .front-page-box--help-out {<br /> background-color: #eeffee;<br /> background-image: url('/images/3/3d/Wikibanner-help-out.png');<br /> }<br /> <br /> .front-page-box__spacer {<br /> width: 13px;<br /> }<br /> <br /> .front-page-box__heading {<br /> border: 0;<br /> height: 30px;<br /> left: 0;<br /> margin: 0;<br /> overflow: hidden;<br /> padding: 0;<br /> position: absolute;<br /> text-indent: 100%;<br /> top: 0;<br /> white-space: nowrap;<br /> width: 100%;<br /> }<br /> <br /> .front-page-box__heading a {<br /> bottom: 0;<br /> left: 0;<br /> position: absolute;<br /> right: 0;<br /> top: 0;<br /> }<br /> <br /> @media only screen and (max-width: 1150px) {<br /> .front-page-box, .front-page-box__container {<br /> width: 800px;<br /> }<br /> <br /> .front-page-box--two {<br /> width: 393px;<br /> }<br /> <br /> .front-page-box--three {<br /> width: 258px;<br /> }<br /> }<br /> /* new home page 2018 */<br /> /* global */<br /> body.page-NewFrontpage2018 .mw-body .mw-body-content h1, body.page-NewFrontpage2018 .mw-body .mw-body-content h2 {color: white; width: 100%; text-align: center; border: 0; font-family: sans-serif; font-size: 50px; font-weight: bold; margin-top: 0;}<br /> body.page-NewFrontpage2018 img{height: auto; width: 100%;}<br /> body.page-NewFrontpage2018 .main {background: black; padding: 40px;}<br /> body.page-NewFrontpage2018 .mw-editsection {display: none;}<br /> body.page-NewFrontpage2018 .mw-editsection {margin: 0;padding: 0;}<br /> <br /> /* nav */<br /> body.page-NewFrontpage2018 .header { background-color: black; width: 100%; display: flex; justify-content: space-between; align-items: center;}<br /> body.page-NewFrontpage2018 .header-logo {height: 60px; width: 60px; margin: 10px;}<br /> body.page-NewFrontpage2018 .header-navigation { margin: 10px;}<br /> body.page-NewFrontpage2018 .header-navigation a {color: white; margin: 0 10px; text-decoration: none;}<br /> body.page-NewFrontpage2018 .header-navigation .plainlinks a.external {color: #666;}<br /> <br /> /* banner */<br /> body.page-NewFrontpage2018 .hero { background: url(https://noisebridge.net/images/9/98/Lifebg.gif); min-height: 250px; color: white; font-weight: bold; padding: 40px; display: flex; flex-direction: column; justify-content: center;}<br /> body.page-NewFrontpage2018 .full-image p {margin: 0;}<br /> /* announcements*/<br /> body.page-NewFrontpage2018 .announcements {padding: 20px; background: #1e2d42; color: white; font-size: 20px; font-weight: bold;}<br /> /* hiding stuff */<br /> body.page-NewFrontpage2018 #content {margin-left: 0;}<br /> body.page-NewFrontpage2018 #mw-panel {display: none;}<br /> /* body.page-NewFrontpage2018 #mw-page-base, body.page-NewFrontpage2018 #mw-head, body.page-NewFrontpage2018 #mw-panel {display:none;} */<br /> /* body.page-NewFrontpage2018 .mw-body {padding: 0; margin: 0; border: 0;}*/</div> Raqlol https://wiki.extremist.software/index.php?title=MediaWiki:Common.css&diff=67900 MediaWiki:Common.css 2018-08-27T03:59:47Z <p>Raqlol: hiding side nav</p> <hr /> <div>/** CSS placed here will be applied to all skins */<br /> <br /> body { background: #d9d9d9; }<br /> <br /> #footer {<br /> border-top: 1px solid #aaa;<br /> border-bottom: 1px solid #aaa;<br /> }<br /> <br /> .cf:before,<br /> .cf:after {<br /> content: &quot; &quot;;<br /> display: table;<br /> }<br /> <br /> .cf:after {<br /> clear: both;<br /> }<br /> <br /> .cf {<br /> *zoom: 1;<br /> }<br /> <br /> #p-logo a {<br /> background-image: url('https://noisebridge.net/images/d/d0/Nb-logo-131.png') !important;<br /> }<br /> <br /> /* americancensorship.org css banner */<br /> div#p-logo { z-index: 0 }<br /> span.americancensorshipdotorg a.external {<br /> width: 140px; height: 40px;<br /> top:20px; left:-150px;<br /> -webkit-transform: rotate(-30deg);<br /> transform: rotate(-30deg);<br /> position: absolute; z-index:10;<br /> vertical-align: middle; text-align: center;<br /> background-color: black;<br /> background-image: url(https://www.noisebridge.net/images/f/f3/Stop-censorship-small.png);<br /> background-position: center center;<br /> background-repeat: no-repeat;<br /> border:2px solid black<br /> }<br /> span.americancensorshipdotorg a.external:hover { border:2px solid white }<br /> span.americancensorshipdotorg a span { display:none }<br /> <br /> /* Moving search box to upper-left */<br /> #p-search {<br /> margin: 0;<br /> position: absolute;<br /> right: 1em;<br /> top: 1.25em;<br /> width: auto;<br /> }<br /> <br /> #p-search h5 {<br /> display: none;<br /> }<br /> <br /> #p-search .pBody {<br /> background: none;<br /> border: none;<br /> padding: 0;<br /> }<br /> <br /> /* Homepage */<br /> /* visually hide first heading - makes it look less article-like */<br /> .page-Noisebridge.action-view .firstHeading {<br /> border: 0;<br /> clip: rect(0 0 0 0);<br /> height: 1px;<br /> margin: -1px;<br /> overflow: hidden;<br /> padding: 0;<br /> position: absolute;<br /> width: 1px;<br /> }<br /> <br /> .page-Noisebridge.action-view {<br /> background: #A4A7AE;<br /> }<br /> <br /> /* hide sidebar on main page */<br /> .page-Noisebridge.action-view #content {<br /> background-image: url('https://noisebridge.net/images/9/98/Lifebg.gif');<br /> background-attachment: fixed;<br /> /*background-size: contain;*/<br /> margin-left: 0;<br /> }<br /> <br /> .page-Noisebridge.action-view #mw-page-base {<br /> background: transparent;<br /> height: 2.8em;<br /> }<br /> <br /> .page-Noisebridge.action-view #mw-panel .portal {<br /> display: none;<br /> }<br /> <br /> .page-Noisebridge.action-view #p-logo, .page-Noisebridge.action-view #p-logo a {<br /> height: 2.4em;<br /> width: 2.4em;<br /> }<br /> <br /> .page-Noisebridge.action-view #p-logo {<br /> top: .2em;<br /> left: .2em;<br /> }<br /> <br /> .page-Noisebridge.action-view #p-logo a {<br /> background-size: contain;<br /> }<br /> <br /> .page-Noisebridge.action-view #p-personal {<br /> top: 0;<br /> }<br /> <br /> .page-Noisebridge.action-view #p-views {<br /> padding-left: 0;<br /> }<br /> <br /> .page-Noisebridge.action-view #left-navigation,<br /> .page-Noisebridge.action-view #right-navigation {<br /> margin-top: .3em;<br /> }<br /> <br /> .page-Noisebridge.action-view #left-navigation {<br /> margin-left: 3.5em;<br /> }<br /> <br /> .page-Noisebridge.action-view #right-navigation {<br /> float: left;<br /> }<br /> <br /> .page-Noisebridge.action-view div.vectorTabs,<br /> .page-Noisebridge.action-view div.vectorTabs span,<br /> .page-Noisebridge.action-view div.vectorTabs ul,<br /> .page-Noisebridge.action-view div.vectorTabs ul li,<br /> .page-Noisebridge.action-view div#mw-head div.vectorMenu h3 {<br /> background: none;<br /> }<br /> <br /> .page-Noisebridge.action-view div.vectorTabs span a,<br /> .page-Noisebridge.action-view div.vectorMenu h3 span {<br /> line-height: 18px;<br /> padding-top: .7em;<br /> }<br /> <br /> .page-Noisebridge.action-view div.vectorMenu h3 a {<br /> background-position: 0% 40%;<br /> }<br /> <br /> .page-Noisebridge.action-view #ca-unwatch.icon a,<br /> .page-Noisebridge.action-view #ca-watch.icon a {<br /> background-position-y: 40%;<br /> }<br /> <br /> .page-Noisebridge.action-view #p-search form,<br /> .page-Noisebridge.action-view #simpleSearch {<br /> margin-top: 0;<br /> }<br /> <br /> .page-Noisebridge.action-view div#mw-panel {<br /> top: 0;<br /> }<br /> <br /> /* FWD - color scheme: http://colorschemedesigner.com/#3L61TqVmBjFJD */<br /> @font-face {<br /> font-family: 'Source Sans Pro';<br /> font-style: normal;<br /> font-weight: 300;<br /> src: local('Source Sans Pro Light'), local('SourceSansPro-Light'), url(https://themes.googleusercontent.com/static/fonts/sourcesanspro/v7/toadOcfmlt9b38dHJxOBGMVNtom4QlEDNJaqqqzqdSs.woff) format('woff'), url(https://themes.googleusercontent.com/static/fonts/sourcesanspro/v7/toadOcfmlt9b38dHJxOBGBlTL9oEQvYTI0YAW1-Ysv0.eot) format('embedded-opentype'), url(https://themes.googleusercontent.com/static/fonts/sourcesanspro/v7/toadOcfmlt9b38dHJxOBGMw1o1eFRj7wYC6JbISqOjY.ttf) format('truetype');<br /> }<br /> @font-face {<br /> font-family: 'Source Sans Pro';<br /> font-style: normal;<br /> font-weight: 400;<br /> src: local('Source Sans Pro'), local('SourceSansPro-Regular'), url(https://themes.googleusercontent.com/static/fonts/sourcesanspro/v7/ODelI1aHBYDBqgeIAH2zlNHq-FFgoDNV3GTKpHwuvtI.woff) format('woff'), url(https://themes.googleusercontent.com/static/fonts/sourcesanspro/v7/ODelI1aHBYDBqgeIAH2zlN0tugusXa58UbOrParLRF0.eot) format('embedded-opentype'), url(https://themes.googleusercontent.com/static/fonts/sourcesanspro/v7/ODelI1aHBYDBqgeIAH2zlNzbP97U9sKh0jjxbPbfOKg.ttf) format('truetype');<br /> }<br /> @font-face {<br /> font-family: 'Source Sans Pro';<br /> font-style: normal;<br /> font-weight: 700;<br /> src: local('Source Sans Pro Bold'), local('SourceSansPro-Bold'), url(https://themes.googleusercontent.com/static/fonts/sourcesanspro/v7/toadOcfmlt9b38dHJxOBGIqjGYJUyOXcBwUQbRaNH6c.woff) format('woff'), url(https://themes.googleusercontent.com/static/fonts/sourcesanspro/v7/toadOcfmlt9b38dHJxOBGFV89XnfCtb1fhQGOlhyqi8.eot) format('embedded-opentype'), url(https://themes.googleusercontent.com/static/fonts/sourcesanspro/v7/toadOcfmlt9b38dHJxOBGLsbIrGiHa6JIepkyt5c0A0.ttf) format('truetype');<br /> }<br /> <br /> .page-Front-end_Web_Development.action-view {<br /> background: #000;<br /> }<br /> <br /> .page-Front-end_Web_Development.action-view #bodyContent a.external {<br /> background: none;<br /> padding-right: 0;<br /> }<br /> <br /> .page-Front-end_Web_Development.action-view #p-cactions {<br /> margin-top: 1px;<br /> }<br /> .page-Front-end_Web_Development.action-view #p-cactions li, .page-Front-end_Web_Development.action-view #p-cactions li.selected {<br /> background: #362763;<br /> border-color: transparent;<br /> padding-bottom: .35em;<br /> }<br /> .page-Front-end_Web_Development.action-view #p-cactions li.selected {<br /> border-color: #aaa;<br /> }<br /> .page-Front-end_Web_Development.action-view #p-cactions li a, .page-Front-end_Web_Development.action-view #p-cactions li.selected a {<br /> background: none;<br /> color: #8C73DB;<br /> }<br /> .page-Front-end_Web_Development.action-view #p-cactions .new a {<br /> color: #ba0000;<br /> }<br /> .page-Front-end_Web_Development.action-view #p-cactions li a:hover, .page-Front-end_Web_Development.action-view #p-personal li a:hover {<br /> background: none;<br /> color: #fff;<br /> }<br /> .page-Front-end_Web_Development.action-view .portlet h5 {<br /> color: #7292DB;<br /> }<br /> .page-Front-end_Web_Development.action-view .generated-sidebar .pBody, .page-Front-end_Web_Development.action-view #p-tb .pBody, .page-Front-end_Web_Development.action-view div#footer {<br /> background: #1b223c;<br /> border-color: transparent;<br /> color: #7292DB;<br /> }<br /> .page-Front-end_Web_Development.action-view #p-personal li a, .page-Front-end_Web_Development.action-view .generated-sidebar .pBody a, .page-Front-end_Web_Development.action-view #p-tb .pBody a, .page-Front-end_Web_Development.action-view div#footer a {<br /> color: #A2B3DB;<br /> }<br /> .page-Front-end_Web_Development.action-view .pBody {<br /> bottom: 1px;<br /> position: relative;<br /> z-index: 3;<br /> }<br /> .page-Front-end_Web_Development.action-view div#content {<br /> background-clip: content-box;<br /> border-color: transparent;<br /> padding: 0;<br /> }<br /> .page-Front-end_Web_Development.action-view div#content * {<br /> box-sizing: border-box;<br /> }<br /> .page-Front-end_Web_Development.action-view #contentSub {<br /> margin: 0;<br /> }<br /> .page-Front-end_Web_Development.action-view #mw-content-text {<br /> font-family: &quot;Source Sans Pro&quot;, &quot;Helvetica Neue&quot;, Helvetica, sans-serif;<br /> }<br /> .page-Front-end_Web_Development.action-view #mw-content-text img {<br /> display: none !important; /* ;) */<br /> }<br /> .page-Front-end_Web_Development.action-view h1, .page-Front-end_Web_Development.action-view h2 {<br /> border-bottom: 0;<br /> }<br /> .page-Front-end_Web_Development.action-view h2 {<br /> color: inherit;<br /> font-weight: bold;<br /> text-transform: uppercase;<br /> }<br /> .page-Front-end_Web_Development.action-view code {<br /> background-color: rgba(255,255,255,.1);<br /> }<br /> .page-Front-end_Web_Development.action-view .firstHeading {<br /> display: none;<br /> }<br /> .page-Front-end_Web_Development.action-view .thank-you p {<br /> text-align: left;<br /> }<br /> .page-Front-end_Web_Development.action-view .hero, .page-Front-end_Web_Development.action-view .keep-informed {<br /> background: #1b223c url('/images/4/4f/Fwd-hero.jpg');<br /> background-attachment: fixed;<br /> background-size: auto 100%;<br /> }<br /> .page-Front-end_Web_Development.action-view .hero {<br /> padding-bottom: 40px;<br /> }<br /> .page-Front-end_Web_Development.action-view .hero__hgroup {<br /> padding: 40px;<br /> text-shadow: 0 0 40px rgba(0,0,0,.75);<br /> }<br /> .page-Front-end_Web_Development.action-view .hero__hgroup h1, .page-Front-end_Web_Development.action-view .keep-informed {<br /> color: #A2B3DB;<br /> }<br /> .page-Front-end_Web_Development.action-view .hero__hgroup h1 {<br /> font-size: 75px;<br /> font-weight: 300;<br /> line-height: 1em;<br /> overflow: visible;<br /> margin-bottom: 0;<br /> }<br /> .page-Front-end_Web_Development.action-view .hero__hgroup h2, .page-Front-end_Web_Development.action-view .keep-informed a {<br /> color: #7292DB;<br /> }<br /> .page-Front-end_Web_Development.action-view .hero__hgroup h2 {<br /> font-size: 36px;<br /> font-weight: 400;<br /> line-height: 1.4em;<br /> text-transform: none;<br /> }<br /> .page-Front-end_Web_Development.action-view .hero__hgroup h2 a {<br /> display: block;<br /> }<br /> .page-Front-end_Web_Development.action-view .section {<br /> padding: 2em 0;<br /> text-align: center;<br /> }<br /> .page-Front-end_Web_Development.action-view .details {<br /> display: -webkit-box;<br /> display: -ms-flexbox;<br /> display: flex;<br /> -ms-flex-wrap: wrap;<br /> flex-wrap: wrap;<br /> -webkit-box-pack: center;<br /> -ms-flex-pack: center;<br /> justify-content: center;<br /> margin: 0 auto;<br /> max-width: 1200px;<br /> }<br /> .page-Front-end_Web_Development.action-view .details__detail {<br /> text-align: left;<br /> max-width: 600px;<br /> width: 50%;<br /> }<br /> .page-Front-end_Web_Development.action-view .details__detail h2 {<br /> padding-top: 0;<br /> }<br /> .page-Front-end_Web_Development.action-view .details__detail--what, .page-Front-end_Web_Development.action-view .details__detail--where {<br /> background: #362769;<br /> color: #B1A3DB;<br /> }<br /> .page-Front-end_Web_Development.action-view .details__detail--what a, .page-Front-end_Web_Development.action-view .details__detail--where a {<br /> color: #8C73DB;<br /> }<br /> .page-Front-end_Web_Development.action-view .details__detail--who, .page-Front-end_Web_Development.action-view .details__detail--when {<br /> background: #1A5B5B;<br /> color: #99D7D7;<br /> }<br /> .page-Front-end_Web_Development.action-view .details__detail--who a, .page-Front-end_Web_Development.action-view .details__detail--when a {<br /> color: #64D7D7;<br /> }<br /> .page-Front-end_Web_Development.action-view .section h2, .page-Front-end_Web_Development.action-view .classes h2 {<br /> font-size: 2em;<br /> }<br /> .page-Front-end_Web_Development.action-view .section h2 {<br /> margin-bottom: 1em;<br /> }<br /> .page-Front-end_Web_Development.action-view .section p, .page-Front-end_Web_Development.action-view .section ul, .page-Front-end_Web_Development.action-view .classes p {<br /> font-size: 16px;<br /> }<br /> .page-Front-end_Web_Development.action-view .section ol {<br /> font-size: 20px;<br /> }<br /> .page-Front-end_Web_Development.action-view .container {<br /> margin: 0 auto;<br /> max-width: 600px;<br /> padding: 0 20px;<br /> }<br /> .page-Front-end_Web_Development.action-view .new-series__calendar {<br /> background: #fff;<br /> border: 4px solid #000;<br /> box-shadow: 5px 10px rgba(0,0,0,.5);<br /> font-family: &quot;Helvetica Neue&quot;, Helvetica, sans-serif;<br /> height: 200px;<br /> margin: 2em auto;<br /> position: relative;<br /> text-align: center;<br /> width: 200px;<br /> }<br /> .page-Front-end_Web_Development.action-view .new-series__calendar:after {<br /> content: '';<br /> display: block;<br /> position: absolute;<br /> bottom: 0;<br /> right: 0;<br /> border-width: 15px;<br /> border-color: #ddd #eee #eee #ddd;<br /> border-style: solid;<br /> }<br /> .page-Front-end_Web_Development.action-view .new-series__calendar--no-months .new-series__calendar__date {<br /> font-size: 150px;<br /> }<br /> .page-Front-end_Web_Development.action-view .new-series__calendar__month, .page-Front-end_Web_Development.action-view .new-series__calendar__date {<br /> display: block;<br /> }<br /> .page-Front-end_Web_Development.action-view .new-series__calendar__month {<br /> background: #ff3333;<br /> color: #fff;<br /> font-size: 24px;<br /> line-height: 1.4em;<br /> text-transform: uppercase;<br /> }<br /> .page-Front-end_Web_Development.action-view .new-series__calendar__date {<br /> color: #000;<br /> font-size: 115px;<br /> font-weight: 300;<br /> line-height: 1em;<br /> }<br /> .page-Front-end_Web_Development.action-view .new-series__calendar__months {<br /> color: #000;<br /> display: block;<br /> font-size: 30px;<br /> line-height: 30px;<br /> }<br /> .page-Front-end_Web_Development.action-view .new-series, .page-Front-end_Web_Development.action-view .get-set-up {<br /> background: #36207C url('/images/8/85/Fwd-purple-bg.png') repeat-y 77px 0;<br /> background-attachment: fixed;<br /> background-size: contain;<br /> webkit-background-size: contain;<br /> color: #B1A3DB;<br /> }<br /> .page-Front-end_Web_Development.action-view .get-set-up ol {<br /> text-align: left;<br /> }<br /> .page-Front-end_Web_Development.action-view .get-set-up ol &gt; li {<br /> margin-bottom: .5em;<br /> }<br /> .page-Front-end_Web_Development.action-view .thank-you, .page-Front-end_Web_Development.action-view .new-series--new {<br /> background: #EBC16D;<br /> color: inherit;<br /> }<br /> .page-Front-end_Web_Development.action-view .new-series a, .page-Front-end_Web_Development.action-view .new-series #bodyContent a.external, .page-Front-end_Web_Development.action-view .get-set-up a, .page-Front-end_Web_Development.action-view #bodyContent .get-set-up a.external {<br /> color: #8C73DB;<br /> }<br /> .page-Front-end_Web_Development.action-view .new-series--new a {<br /> background: none;<br /> color: #8D6310;<br /> padding-right: 0;<br /> }<br /> .page-Front-end_Web_Development.action-view .new-series--new + .keep-informed {<br /> <br /> }<br /> .page-Front-end_Web_Development.action-view .keep-informed__buttons {<br /> list-style: none;<br /> margin: 1em auto;<br /> text-align: center;<br /> }<br /> .page-Front-end_Web_Development.action-view .keep-informed__buttons li {<br /> margin: 1em 0;<br /> }<br /> .page-Front-end_Web_Development.action-view .keep-informed__buttons a {<br /> color: #99D7D7 !important;<br /> background: #116C6C !important;<br /> border-radius: 5px;<br /> display: inline-block;<br /> font-size: 24px;<br /> font-weight: bold;<br /> padding: 10px !important;<br /> }<br /> .page-Front-end_Web_Development.action-view .keep-informed__buttons a:hover {<br /> background: #1A5B5B !important;<br /> text-decoration: none;<br /> }<br /> .page-Front-end_Web_Development.action-view .keep-informed__buttons a:active {<br /> background: #095555 !important;<br /> }<br /> .page-Front-end_Web_Development.action-view .classes {<br /> display: table-row;<br /> }<br /> .page-Front-end_Web_Development.action-view .classes__class {<br /> display: table-cell;<br /> padding: 2em;<br /> width: 50%;<br /> }<br /> .page-Front-end_Web_Development.action-view .classes__class--lecture {<br /> background: #A2B3DB;<br /> }<br /> .page-Front-end_Web_Development.action-view #bodyContent .classes__class--lecture a {<br /> color: #10285F;<br /> }<br /> .page-Front-end_Web_Development.action-view .classes__class--lab {<br /> background: #99D7D7;<br /> }<br /> .page-Front-end_Web_Development.action-view #bodyContent .classes__class--lab a {<br /> color: #095555;<br /> }<br /> .page-Front-end_Web_Development.action-view .classes__current {<br /> background: #fff;<br /> background: rgba(255,255,255,.8);<br /> border-radius: 10px;<br /> margin: 1em 0;<br /> padding: 1em 1em .5em;<br /> }<br /> .page-Front-end_Web_Development.action-view .classes__current h4 {<br /> padding-top: 0;<br /> }<br /> .page-Front-end_Web_Development.action-view .classes__current p {<br /> font-size: 13px;<br /> }<br /> .page-Front-end_Web_Development.action-view .web-development__link {<br /> font-size: 1.5em;<br /> }<br /> .page-Front-end_Web_Development.action-view .catlinks {<br /> margin: 1em;<br /> }<br /> @media only screen and (max-width: 980px) {<br /> .page-Front-end_Web_Development.action-view .hero {<br /> padding-bottom: 0;<br /> }<br /> .page-Front-end_Web_Development.action-view .details {<br /> display: block;<br /> }<br /> .page-Front-end_Web_Development.action-view .details__detail {<br /> max-width: none;<br /> width: auto;<br /> }<br /> .page-Front-end_Web_Development.action-view .details__detail--when {<br /> background: #362769;<br /> color: #B1A3DB;<br /> }<br /> .page-Front-end_Web_Development.action-view .details__detail--when a {<br /> color: #8C73DB;<br /> }<br /> .page-Front-end_Web_Development.action-view .details__detail--where {<br /> background: #1A5B5B;<br /> color: #99D7D7;<br /> }<br /> .page-Front-end_Web_Development.action-view .details__detail--where a {<br /> color: #64D7D7;<br /> }<br /> }<br /> /* end FWD */<br /> <br /> .recurring-events li {<br /> margin-bottom: .5em;<br /> }<br /> <br /> .recurring {<br /> background: limegreen;<br /> border-radius: 2px;<br /> color: #fff;<br /> font-size: .92em;<br /> padding: 0 .2em;<br /> }<br /> <br /> .recurring--numbered {<br /> background: yellow;<br /> color: #000;<br /> }<br /> <br /> .recurring--exception {<br /> background: black;<br /> }<br /> <br /> .front-page-box, .front-page-box__container {<br /> width: 960px;<br /> }<br /> <br /> .front-page-box__container {<br /> display: table;<br /> }<br /> <br /> .front-page-box {<br /> background-color: #fafafa;<br /> border: solid 1px #990000;<br /> box-sizing: border-box;<br /> padding: 5px 10px 5px 10px;<br /> }<br /> <br /> .front-page-box h2 {<br /> padding-top: .4em;<br /> }<br /> <br /> .front-page-box--single, .front-page-box__container {<br /> margin: 6px auto 6px auto;<br /> }<br /> <br /> .front-page-box--two, .front-page-box--three {<br /> padding-bottom: 3px;<br /> }<br /> <br /> .front-page-box--two, .front-page-box--three, .front-page-box__spacer {<br /> display: table-cell;<br /> }<br /> <br /> .front-page-box--two:last-child, .front-page-box--three:last-child {<br /> margin-right: 0;<br /> }<br /> <br /> .front-page-box--two {<br /> width: 473px;<br /> }<br /> <br /> .front-page-box--three {<br /> width: 311px;<br /> }<br /> <br /> .front-page-box--goto-2169, .front-page-box--get-involved, .front-page-box--help-out {<br /> background-position: center top;<br /> background-repeat: no-repeat;<br /> background-size: contain;<br /> padding-top: 36px;<br /> position: relative;<br /> }<br /> <br /> .front-page-box--goto-2169 {<br /> background-image: url('/images/f/fe/Wikibanner-goto-2169.png');<br /> }<br /> <br /> .front-page-box--get-involved {<br /> background-image: url('/images/7/7b/Wikibanner-get-involved.png');<br /> }<br /> <br /> .front-page-box--help-out {<br /> background-color: #eeffee;<br /> background-image: url('/images/3/3d/Wikibanner-help-out.png');<br /> }<br /> <br /> .front-page-box__spacer {<br /> width: 13px;<br /> }<br /> <br /> .front-page-box__heading {<br /> border: 0;<br /> height: 30px;<br /> left: 0;<br /> margin: 0;<br /> overflow: hidden;<br /> padding: 0;<br /> position: absolute;<br /> text-indent: 100%;<br /> top: 0;<br /> white-space: nowrap;<br /> width: 100%;<br /> }<br /> <br /> .front-page-box__heading a {<br /> bottom: 0;<br /> left: 0;<br /> position: absolute;<br /> right: 0;<br /> top: 0;<br /> }<br /> <br /> @media only screen and (max-width: 1150px) {<br /> .front-page-box, .front-page-box__container {<br /> width: 800px;<br /> }<br /> <br /> .front-page-box--two {<br /> width: 393px;<br /> }<br /> <br /> .front-page-box--three {<br /> width: 258px;<br /> }<br /> }<br /> /* new home page 2018 */<br /> /* global */<br /> body.page-NewFrontpage2018 .mw-body .mw-body-content h1, body.page-NewFrontpage2018 .mw-body .mw-body-content h2 {color: white; width: 100%; text-align: center; border: 0; font-family: sans-serif; font-size: 50px; font-weight: bold; margin-top: 0;}<br /> body.page-NewFrontpage2018 img{height: auto; width: 100%;}<br /> body.page-NewFrontpage2018 .main {background: black; padding: 40px;}<br /> body.page-NewFrontpage2018 .mw-editsection {display: none;}<br /> body.page-NewFrontpage2018 .mw-editsection {margin: 0;padding: 0;}<br /> <br /> /* nav */<br /> body.page-NewFrontpage2018 .header { background-color: black; width: 100%; display: flex; justify-content: space-between; align-items: center;}<br /> body.page-NewFrontpage2018 .header-logo {height: 60px; width: 60px; margin: 10px;}<br /> body.page-NewFrontpage2018 .header-navigation { margin: 10px;}<br /> body.page-NewFrontpage2018 .header-navigation a {color: white; margin: 0 10px; text-decoration: none;}<br /> body.page-NewFrontpage2018 .header-navigation .plainlinks a.external {color: #666;}<br /> <br /> /* banner */<br /> body.page-NewFrontpage2018 .hero { background: url(https://noisebridge.net/images/9/98/Lifebg.gif); min-height: 250px; color: white; font-weight: bold; padding: 40px; display: flex; flex-direction: column; justify-content: center;}<br /> body.page-NewFrontpage2018 .full-image p {margin: 0;}<br /> /* announcements*/<br /> body.page-NewFrontpage2018 .announcements {padding: 20px; background: #1e2d42; color: white; font-size: 20px; font-weight: bold;}<br /> /* hiding stuff */<br /> body.page-NewFrontpage2018 #content {margin-left: 0;}<br /> body.page-NewFrontpage2018 body.page-NewFrontpage2018 #mw-panel {display: none;}<br /> /* body.page-NewFrontpage2018 #mw-page-base, body.page-NewFrontpage2018 #mw-head, body.page-NewFrontpage2018 #mw-panel {display:none;} */<br /> /* body.page-NewFrontpage2018 .mw-body {padding: 0; margin: 0; border: 0;}*/</div> Raqlol https://wiki.extremist.software/index.php?title=MediaWiki:Common.css&diff=67897 MediaWiki:Common.css 2018-08-27T03:21:20Z <p>Raqlol: announcement styles</p> <hr /> <div>/** CSS placed here will be applied to all skins */<br /> <br /> body { background: #d9d9d9; }<br /> <br /> #footer {<br /> border-top: 1px solid #aaa;<br /> border-bottom: 1px solid #aaa;<br /> }<br /> <br /> .cf:before,<br /> .cf:after {<br /> content: &quot; &quot;;<br /> display: table;<br /> }<br /> <br /> .cf:after {<br /> clear: both;<br /> }<br /> <br /> .cf {<br /> *zoom: 1;<br /> }<br /> <br /> #p-logo a {<br /> background-image: url('https://noisebridge.net/images/d/d0/Nb-logo-131.png') !important;<br /> }<br /> <br /> /* americancensorship.org css banner */<br /> div#p-logo { z-index: 0 }<br /> span.americancensorshipdotorg a.external {<br /> width: 140px; height: 40px;<br /> top:20px; left:-150px;<br /> -webkit-transform: rotate(-30deg);<br /> transform: rotate(-30deg);<br /> position: absolute; z-index:10;<br /> vertical-align: middle; text-align: center;<br /> background-color: black;<br /> background-image: url(https://www.noisebridge.net/images/f/f3/Stop-censorship-small.png);<br /> background-position: center center;<br /> background-repeat: no-repeat;<br /> border:2px solid black<br /> }<br /> span.americancensorshipdotorg a.external:hover { border:2px solid white }<br /> span.americancensorshipdotorg a span { display:none }<br /> <br /> /* Moving search box to upper-left */<br /> #p-search {<br /> margin: 0;<br /> position: absolute;<br /> right: 1em;<br /> top: 1.25em;<br /> width: auto;<br /> }<br /> <br /> #p-search h5 {<br /> display: none;<br /> }<br /> <br /> #p-search .pBody {<br /> background: none;<br /> border: none;<br /> padding: 0;<br /> }<br /> <br /> /* Homepage */<br /> /* visually hide first heading - makes it look less article-like */<br /> .page-Noisebridge.action-view .firstHeading {<br /> border: 0;<br /> clip: rect(0 0 0 0);<br /> height: 1px;<br /> margin: -1px;<br /> overflow: hidden;<br /> padding: 0;<br /> position: absolute;<br /> width: 1px;<br /> }<br /> <br /> .page-Noisebridge.action-view {<br /> background: #A4A7AE;<br /> }<br /> <br /> /* hide sidebar on main page */<br /> .page-Noisebridge.action-view #content {<br /> background-image: url('https://noisebridge.net/images/9/98/Lifebg.gif');<br /> background-attachment: fixed;<br /> /*background-size: contain;*/<br /> margin-left: 0;<br /> }<br /> <br /> .page-Noisebridge.action-view #mw-page-base {<br /> background: transparent;<br /> height: 2.8em;<br /> }<br /> <br /> .page-Noisebridge.action-view #mw-panel .portal {<br /> display: none;<br /> }<br /> <br /> .page-Noisebridge.action-view #p-logo, .page-Noisebridge.action-view #p-logo a {<br /> height: 2.4em;<br /> width: 2.4em;<br /> }<br /> <br /> .page-Noisebridge.action-view #p-logo {<br /> top: .2em;<br /> left: .2em;<br /> }<br /> <br /> .page-Noisebridge.action-view #p-logo a {<br /> background-size: contain;<br /> }<br /> <br /> .page-Noisebridge.action-view #p-personal {<br /> top: 0;<br /> }<br /> <br /> .page-Noisebridge.action-view #p-views {<br /> padding-left: 0;<br /> }<br /> <br /> .page-Noisebridge.action-view #left-navigation,<br /> .page-Noisebridge.action-view #right-navigation {<br /> margin-top: .3em;<br /> }<br /> <br /> .page-Noisebridge.action-view #left-navigation {<br /> margin-left: 3.5em;<br /> }<br /> <br /> .page-Noisebridge.action-view #right-navigation {<br /> float: left;<br /> }<br /> <br /> .page-Noisebridge.action-view div.vectorTabs,<br /> .page-Noisebridge.action-view div.vectorTabs span,<br /> .page-Noisebridge.action-view div.vectorTabs ul,<br /> .page-Noisebridge.action-view div.vectorTabs ul li,<br /> .page-Noisebridge.action-view div#mw-head div.vectorMenu h3 {<br /> background: none;<br /> }<br /> <br /> .page-Noisebridge.action-view div.vectorTabs span a,<br /> .page-Noisebridge.action-view div.vectorMenu h3 span {<br /> line-height: 18px;<br /> padding-top: .7em;<br /> }<br /> <br /> .page-Noisebridge.action-view div.vectorMenu h3 a {<br /> background-position: 0% 40%;<br /> }<br /> <br /> .page-Noisebridge.action-view #ca-unwatch.icon a,<br /> .page-Noisebridge.action-view #ca-watch.icon a {<br /> background-position-y: 40%;<br /> }<br /> <br /> .page-Noisebridge.action-view #p-search form,<br /> .page-Noisebridge.action-view #simpleSearch {<br /> margin-top: 0;<br /> }<br /> <br /> .page-Noisebridge.action-view div#mw-panel {<br /> top: 0;<br /> }<br /> <br /> /* FWD - color scheme: http://colorschemedesigner.com/#3L61TqVmBjFJD */<br /> @font-face {<br /> font-family: 'Source Sans Pro';<br /> font-style: normal;<br /> font-weight: 300;<br /> src: local('Source Sans Pro Light'), local('SourceSansPro-Light'), url(https://themes.googleusercontent.com/static/fonts/sourcesanspro/v7/toadOcfmlt9b38dHJxOBGMVNtom4QlEDNJaqqqzqdSs.woff) format('woff'), url(https://themes.googleusercontent.com/static/fonts/sourcesanspro/v7/toadOcfmlt9b38dHJxOBGBlTL9oEQvYTI0YAW1-Ysv0.eot) format('embedded-opentype'), url(https://themes.googleusercontent.com/static/fonts/sourcesanspro/v7/toadOcfmlt9b38dHJxOBGMw1o1eFRj7wYC6JbISqOjY.ttf) format('truetype');<br /> }<br /> @font-face {<br /> font-family: 'Source Sans Pro';<br /> font-style: normal;<br /> font-weight: 400;<br /> src: local('Source Sans Pro'), local('SourceSansPro-Regular'), url(https://themes.googleusercontent.com/static/fonts/sourcesanspro/v7/ODelI1aHBYDBqgeIAH2zlNHq-FFgoDNV3GTKpHwuvtI.woff) format('woff'), url(https://themes.googleusercontent.com/static/fonts/sourcesanspro/v7/ODelI1aHBYDBqgeIAH2zlN0tugusXa58UbOrParLRF0.eot) format('embedded-opentype'), url(https://themes.googleusercontent.com/static/fonts/sourcesanspro/v7/ODelI1aHBYDBqgeIAH2zlNzbP97U9sKh0jjxbPbfOKg.ttf) format('truetype');<br /> }<br /> @font-face {<br /> font-family: 'Source Sans Pro';<br /> font-style: normal;<br /> font-weight: 700;<br /> src: local('Source Sans Pro Bold'), local('SourceSansPro-Bold'), url(https://themes.googleusercontent.com/static/fonts/sourcesanspro/v7/toadOcfmlt9b38dHJxOBGIqjGYJUyOXcBwUQbRaNH6c.woff) format('woff'), url(https://themes.googleusercontent.com/static/fonts/sourcesanspro/v7/toadOcfmlt9b38dHJxOBGFV89XnfCtb1fhQGOlhyqi8.eot) format('embedded-opentype'), url(https://themes.googleusercontent.com/static/fonts/sourcesanspro/v7/toadOcfmlt9b38dHJxOBGLsbIrGiHa6JIepkyt5c0A0.ttf) format('truetype');<br /> }<br /> <br /> .page-Front-end_Web_Development.action-view {<br /> background: #000;<br /> }<br /> <br /> .page-Front-end_Web_Development.action-view #bodyContent a.external {<br /> background: none;<br /> padding-right: 0;<br /> }<br /> <br /> .page-Front-end_Web_Development.action-view #p-cactions {<br /> margin-top: 1px;<br /> }<br /> .page-Front-end_Web_Development.action-view #p-cactions li, .page-Front-end_Web_Development.action-view #p-cactions li.selected {<br /> background: #362763;<br /> border-color: transparent;<br /> padding-bottom: .35em;<br /> }<br /> .page-Front-end_Web_Development.action-view #p-cactions li.selected {<br /> border-color: #aaa;<br /> }<br /> .page-Front-end_Web_Development.action-view #p-cactions li a, .page-Front-end_Web_Development.action-view #p-cactions li.selected a {<br /> background: none;<br /> color: #8C73DB;<br /> }<br /> .page-Front-end_Web_Development.action-view #p-cactions .new a {<br /> color: #ba0000;<br /> }<br /> .page-Front-end_Web_Development.action-view #p-cactions li a:hover, .page-Front-end_Web_Development.action-view #p-personal li a:hover {<br /> background: none;<br /> color: #fff;<br /> }<br /> .page-Front-end_Web_Development.action-view .portlet h5 {<br /> color: #7292DB;<br /> }<br /> .page-Front-end_Web_Development.action-view .generated-sidebar .pBody, .page-Front-end_Web_Development.action-view #p-tb .pBody, .page-Front-end_Web_Development.action-view div#footer {<br /> background: #1b223c;<br /> border-color: transparent;<br /> color: #7292DB;<br /> }<br /> .page-Front-end_Web_Development.action-view #p-personal li a, .page-Front-end_Web_Development.action-view .generated-sidebar .pBody a, .page-Front-end_Web_Development.action-view #p-tb .pBody a, .page-Front-end_Web_Development.action-view div#footer a {<br /> color: #A2B3DB;<br /> }<br /> .page-Front-end_Web_Development.action-view .pBody {<br /> bottom: 1px;<br /> position: relative;<br /> z-index: 3;<br /> }<br /> .page-Front-end_Web_Development.action-view div#content {<br /> background-clip: content-box;<br /> border-color: transparent;<br /> padding: 0;<br /> }<br /> .page-Front-end_Web_Development.action-view div#content * {<br /> box-sizing: border-box;<br /> }<br /> .page-Front-end_Web_Development.action-view #contentSub {<br /> margin: 0;<br /> }<br /> .page-Front-end_Web_Development.action-view #mw-content-text {<br /> font-family: &quot;Source Sans Pro&quot;, &quot;Helvetica Neue&quot;, Helvetica, sans-serif;<br /> }<br /> .page-Front-end_Web_Development.action-view #mw-content-text img {<br /> display: none !important; /* ;) */<br /> }<br /> .page-Front-end_Web_Development.action-view h1, .page-Front-end_Web_Development.action-view h2 {<br /> border-bottom: 0;<br /> }<br /> .page-Front-end_Web_Development.action-view h2 {<br /> color: inherit;<br /> font-weight: bold;<br /> text-transform: uppercase;<br /> }<br /> .page-Front-end_Web_Development.action-view code {<br /> background-color: rgba(255,255,255,.1);<br /> }<br /> .page-Front-end_Web_Development.action-view .firstHeading {<br /> display: none;<br /> }<br /> .page-Front-end_Web_Development.action-view .thank-you p {<br /> text-align: left;<br /> }<br /> .page-Front-end_Web_Development.action-view .hero, .page-Front-end_Web_Development.action-view .keep-informed {<br /> background: #1b223c url('/images/4/4f/Fwd-hero.jpg');<br /> background-attachment: fixed;<br /> background-size: auto 100%;<br /> }<br /> .page-Front-end_Web_Development.action-view .hero {<br /> padding-bottom: 40px;<br /> }<br /> .page-Front-end_Web_Development.action-view .hero__hgroup {<br /> padding: 40px;<br /> text-shadow: 0 0 40px rgba(0,0,0,.75);<br /> }<br /> .page-Front-end_Web_Development.action-view .hero__hgroup h1, .page-Front-end_Web_Development.action-view .keep-informed {<br /> color: #A2B3DB;<br /> }<br /> .page-Front-end_Web_Development.action-view .hero__hgroup h1 {<br /> font-size: 75px;<br /> font-weight: 300;<br /> line-height: 1em;<br /> overflow: visible;<br /> margin-bottom: 0;<br /> }<br /> .page-Front-end_Web_Development.action-view .hero__hgroup h2, .page-Front-end_Web_Development.action-view .keep-informed a {<br /> color: #7292DB;<br /> }<br /> .page-Front-end_Web_Development.action-view .hero__hgroup h2 {<br /> font-size: 36px;<br /> font-weight: 400;<br /> line-height: 1.4em;<br /> text-transform: none;<br /> }<br /> .page-Front-end_Web_Development.action-view .hero__hgroup h2 a {<br /> display: block;<br /> }<br /> .page-Front-end_Web_Development.action-view .section {<br /> padding: 2em 0;<br /> text-align: center;<br /> }<br /> .page-Front-end_Web_Development.action-view .details {<br /> display: -webkit-box;<br /> display: -ms-flexbox;<br /> display: flex;<br /> -ms-flex-wrap: wrap;<br /> flex-wrap: wrap;<br /> -webkit-box-pack: center;<br /> -ms-flex-pack: center;<br /> justify-content: center;<br /> margin: 0 auto;<br /> max-width: 1200px;<br /> }<br /> .page-Front-end_Web_Development.action-view .details__detail {<br /> text-align: left;<br /> max-width: 600px;<br /> width: 50%;<br /> }<br /> .page-Front-end_Web_Development.action-view .details__detail h2 {<br /> padding-top: 0;<br /> }<br /> .page-Front-end_Web_Development.action-view .details__detail--what, .page-Front-end_Web_Development.action-view .details__detail--where {<br /> background: #362769;<br /> color: #B1A3DB;<br /> }<br /> .page-Front-end_Web_Development.action-view .details__detail--what a, .page-Front-end_Web_Development.action-view .details__detail--where a {<br /> color: #8C73DB;<br /> }<br /> .page-Front-end_Web_Development.action-view .details__detail--who, .page-Front-end_Web_Development.action-view .details__detail--when {<br /> background: #1A5B5B;<br /> color: #99D7D7;<br /> }<br /> .page-Front-end_Web_Development.action-view .details__detail--who a, .page-Front-end_Web_Development.action-view .details__detail--when a {<br /> color: #64D7D7;<br /> }<br /> .page-Front-end_Web_Development.action-view .section h2, .page-Front-end_Web_Development.action-view .classes h2 {<br /> font-size: 2em;<br /> }<br /> .page-Front-end_Web_Development.action-view .section h2 {<br /> margin-bottom: 1em;<br /> }<br /> .page-Front-end_Web_Development.action-view .section p, .page-Front-end_Web_Development.action-view .section ul, .page-Front-end_Web_Development.action-view .classes p {<br /> font-size: 16px;<br /> }<br /> .page-Front-end_Web_Development.action-view .section ol {<br /> font-size: 20px;<br /> }<br /> .page-Front-end_Web_Development.action-view .container {<br /> margin: 0 auto;<br /> max-width: 600px;<br /> padding: 0 20px;<br /> }<br /> .page-Front-end_Web_Development.action-view .new-series__calendar {<br /> background: #fff;<br /> border: 4px solid #000;<br /> box-shadow: 5px 10px rgba(0,0,0,.5);<br /> font-family: &quot;Helvetica Neue&quot;, Helvetica, sans-serif;<br /> height: 200px;<br /> margin: 2em auto;<br /> position: relative;<br /> text-align: center;<br /> width: 200px;<br /> }<br /> .page-Front-end_Web_Development.action-view .new-series__calendar:after {<br /> content: '';<br /> display: block;<br /> position: absolute;<br /> bottom: 0;<br /> right: 0;<br /> border-width: 15px;<br /> border-color: #ddd #eee #eee #ddd;<br /> border-style: solid;<br /> }<br /> .page-Front-end_Web_Development.action-view .new-series__calendar--no-months .new-series__calendar__date {<br /> font-size: 150px;<br /> }<br /> .page-Front-end_Web_Development.action-view .new-series__calendar__month, .page-Front-end_Web_Development.action-view .new-series__calendar__date {<br /> display: block;<br /> }<br /> .page-Front-end_Web_Development.action-view .new-series__calendar__month {<br /> background: #ff3333;<br /> color: #fff;<br /> font-size: 24px;<br /> line-height: 1.4em;<br /> text-transform: uppercase;<br /> }<br /> .page-Front-end_Web_Development.action-view .new-series__calendar__date {<br /> color: #000;<br /> font-size: 115px;<br /> font-weight: 300;<br /> line-height: 1em;<br /> }<br /> .page-Front-end_Web_Development.action-view .new-series__calendar__months {<br /> color: #000;<br /> display: block;<br /> font-size: 30px;<br /> line-height: 30px;<br /> }<br /> .page-Front-end_Web_Development.action-view .new-series, .page-Front-end_Web_Development.action-view .get-set-up {<br /> background: #36207C url('/images/8/85/Fwd-purple-bg.png') repeat-y 77px 0;<br /> background-attachment: fixed;<br /> background-size: contain;<br /> webkit-background-size: contain;<br /> color: #B1A3DB;<br /> }<br /> .page-Front-end_Web_Development.action-view .get-set-up ol {<br /> text-align: left;<br /> }<br /> .page-Front-end_Web_Development.action-view .get-set-up ol &gt; li {<br /> margin-bottom: .5em;<br /> }<br /> .page-Front-end_Web_Development.action-view .thank-you, .page-Front-end_Web_Development.action-view .new-series--new {<br /> background: #EBC16D;<br /> color: inherit;<br /> }<br /> .page-Front-end_Web_Development.action-view .new-series a, .page-Front-end_Web_Development.action-view .new-series #bodyContent a.external, .page-Front-end_Web_Development.action-view .get-set-up a, .page-Front-end_Web_Development.action-view #bodyContent .get-set-up a.external {<br /> color: #8C73DB;<br /> }<br /> .page-Front-end_Web_Development.action-view .new-series--new a {<br /> background: none;<br /> color: #8D6310;<br /> padding-right: 0;<br /> }<br /> .page-Front-end_Web_Development.action-view .new-series--new + .keep-informed {<br /> <br /> }<br /> .page-Front-end_Web_Development.action-view .keep-informed__buttons {<br /> list-style: none;<br /> margin: 1em auto;<br /> text-align: center;<br /> }<br /> .page-Front-end_Web_Development.action-view .keep-informed__buttons li {<br /> margin: 1em 0;<br /> }<br /> .page-Front-end_Web_Development.action-view .keep-informed__buttons a {<br /> color: #99D7D7 !important;<br /> background: #116C6C !important;<br /> border-radius: 5px;<br /> display: inline-block;<br /> font-size: 24px;<br /> font-weight: bold;<br /> padding: 10px !important;<br /> }<br /> .page-Front-end_Web_Development.action-view .keep-informed__buttons a:hover {<br /> background: #1A5B5B !important;<br /> text-decoration: none;<br /> }<br /> .page-Front-end_Web_Development.action-view .keep-informed__buttons a:active {<br /> background: #095555 !important;<br /> }<br /> .page-Front-end_Web_Development.action-view .classes {<br /> display: table-row;<br /> }<br /> .page-Front-end_Web_Development.action-view .classes__class {<br /> display: table-cell;<br /> padding: 2em;<br /> width: 50%;<br /> }<br /> .page-Front-end_Web_Development.action-view .classes__class--lecture {<br /> background: #A2B3DB;<br /> }<br /> .page-Front-end_Web_Development.action-view #bodyContent .classes__class--lecture a {<br /> color: #10285F;<br /> }<br /> .page-Front-end_Web_Development.action-view .classes__class--lab {<br /> background: #99D7D7;<br /> }<br /> .page-Front-end_Web_Development.action-view #bodyContent .classes__class--lab a {<br /> color: #095555;<br /> }<br /> .page-Front-end_Web_Development.action-view .classes__current {<br /> background: #fff;<br /> background: rgba(255,255,255,.8);<br /> border-radius: 10px;<br /> margin: 1em 0;<br /> padding: 1em 1em .5em;<br /> }<br /> .page-Front-end_Web_Development.action-view .classes__current h4 {<br /> padding-top: 0;<br /> }<br /> .page-Front-end_Web_Development.action-view .classes__current p {<br /> font-size: 13px;<br /> }<br /> .page-Front-end_Web_Development.action-view .web-development__link {<br /> font-size: 1.5em;<br /> }<br /> .page-Front-end_Web_Development.action-view .catlinks {<br /> margin: 1em;<br /> }<br /> @media only screen and (max-width: 980px) {<br /> .page-Front-end_Web_Development.action-view .hero {<br /> padding-bottom: 0;<br /> }<br /> .page-Front-end_Web_Development.action-view .details {<br /> display: block;<br /> }<br /> .page-Front-end_Web_Development.action-view .details__detail {<br /> max-width: none;<br /> width: auto;<br /> }<br /> .page-Front-end_Web_Development.action-view .details__detail--when {<br /> background: #362769;<br /> color: #B1A3DB;<br /> }<br /> .page-Front-end_Web_Development.action-view .details__detail--when a {<br /> color: #8C73DB;<br /> }<br /> .page-Front-end_Web_Development.action-view .details__detail--where {<br /> background: #1A5B5B;<br /> color: #99D7D7;<br /> }<br /> .page-Front-end_Web_Development.action-view .details__detail--where a {<br /> color: #64D7D7;<br /> }<br /> }<br /> /* end FWD */<br /> <br /> .recurring-events li {<br /> margin-bottom: .5em;<br /> }<br /> <br /> .recurring {<br /> background: limegreen;<br /> border-radius: 2px;<br /> color: #fff;<br /> font-size: .92em;<br /> padding: 0 .2em;<br /> }<br /> <br /> .recurring--numbered {<br /> background: yellow;<br /> color: #000;<br /> }<br /> <br /> .recurring--exception {<br /> background: black;<br /> }<br /> <br /> .front-page-box, .front-page-box__container {<br /> width: 960px;<br /> }<br /> <br /> .front-page-box__container {<br /> display: table;<br /> }<br /> <br /> .front-page-box {<br /> background-color: #fafafa;<br /> border: solid 1px #990000;<br /> box-sizing: border-box;<br /> padding: 5px 10px 5px 10px;<br /> }<br /> <br /> .front-page-box h2 {<br /> padding-top: .4em;<br /> }<br /> <br /> .front-page-box--single, .front-page-box__container {<br /> margin: 6px auto 6px auto;<br /> }<br /> <br /> .front-page-box--two, .front-page-box--three {<br /> padding-bottom: 3px;<br /> }<br /> <br /> .front-page-box--two, .front-page-box--three, .front-page-box__spacer {<br /> display: table-cell;<br /> }<br /> <br /> .front-page-box--two:last-child, .front-page-box--three:last-child {<br /> margin-right: 0;<br /> }<br /> <br /> .front-page-box--two {<br /> width: 473px;<br /> }<br /> <br /> .front-page-box--three {<br /> width: 311px;<br /> }<br /> <br /> .front-page-box--goto-2169, .front-page-box--get-involved, .front-page-box--help-out {<br /> background-position: center top;<br /> background-repeat: no-repeat;<br /> background-size: contain;<br /> padding-top: 36px;<br /> position: relative;<br /> }<br /> <br /> .front-page-box--goto-2169 {<br /> background-image: url('/images/f/fe/Wikibanner-goto-2169.png');<br /> }<br /> <br /> .front-page-box--get-involved {<br /> background-image: url('/images/7/7b/Wikibanner-get-involved.png');<br /> }<br /> <br /> .front-page-box--help-out {<br /> background-color: #eeffee;<br /> background-image: url('/images/3/3d/Wikibanner-help-out.png');<br /> }<br /> <br /> .front-page-box__spacer {<br /> width: 13px;<br /> }<br /> <br /> .front-page-box__heading {<br /> border: 0;<br /> height: 30px;<br /> left: 0;<br /> margin: 0;<br /> overflow: hidden;<br /> padding: 0;<br /> position: absolute;<br /> text-indent: 100%;<br /> top: 0;<br /> white-space: nowrap;<br /> width: 100%;<br /> }<br /> <br /> .front-page-box__heading a {<br /> bottom: 0;<br /> left: 0;<br /> position: absolute;<br /> right: 0;<br /> top: 0;<br /> }<br /> <br /> @media only screen and (max-width: 1150px) {<br /> .front-page-box, .front-page-box__container {<br /> width: 800px;<br /> }<br /> <br /> .front-page-box--two {<br /> width: 393px;<br /> }<br /> <br /> .front-page-box--three {<br /> width: 258px;<br /> }<br /> }<br /> /* new home page 2018 */<br /> /* global */<br /> body.page-NewFrontpage2018 .mw-body .mw-body-content h1, body.page-NewFrontpage2018 .mw-body .mw-body-content h2 {color: white; width: 100%; text-align: center; border: 0; font-family: sans-serif; font-size: 50px; font-weight: bold; margin-top: 0;}<br /> body.page-NewFrontpage2018 img{height: auto; width: 100%;}<br /> body.page-NewFrontpage2018 .main {background: black; padding: 40px;}<br /> body.page-NewFrontpage2018 .mw-editsection {display: none;}<br /> body.page-NewFrontpage2018 .mw-editsection {margin: 0;padding: 0;}<br /> <br /> /* nav */<br /> body.page-NewFrontpage2018 .header { background-color: black; width: 100%; display: flex; justify-content: space-between; align-items: center;}<br /> body.page-NewFrontpage2018 .header-logo {height: 60px; width: 60px; margin: 10px;}<br /> body.page-NewFrontpage2018 .header-navigation { margin: 10px;}<br /> body.page-NewFrontpage2018 .header-navigation a {color: white; margin: 0 10px; text-decoration: none;}<br /> body.page-NewFrontpage2018 .header-navigation .plainlinks a.external {color: #666;}<br /> <br /> /* banner */<br /> body.page-NewFrontpage2018 .hero { background: url(https://noisebridge.net/images/9/98/Lifebg.gif); min-height: 250px; color: white; font-weight: bold; padding: 40px; display: flex; flex-direction: column; justify-content: center;}<br /> body.page-NewFrontpage2018 .full-image p {margin: 0;}<br /> /* announcements*/<br /> body.page-NewFrontpage2018 .announcements {padding: 20px; background: #1e2d42; color: white; font-size: 20px; font-weight: bold;}<br /> /* hiding stuff */<br /> /* body.page-NewFrontpage2018 #mw-page-base, body.page-NewFrontpage2018 #mw-head, body.page-NewFrontpage2018 #mw-panel {display:none;} */<br /> /* body.page-NewFrontpage2018 .mw-body {padding: 0; margin: 0; border: 0;}*/</div> Raqlol https://wiki.extremist.software/index.php?title=NewFrontpage2018&diff=67896 NewFrontpage2018 2018-08-27T03:04:57Z <p>Raqlol: adding announcement section</p> <hr /> <div>__NOTOC__<br /> <br /> This page is for hacking on the frontpage of Noisebridge. This is currently being used to collaboratively organize and design parts of the frontpage, and to prototype it before putting it up.<br /> <br /> == Sample Header ==<br /> &lt;!-- nav --&gt;<br /> &lt;div class=&quot;header&quot;&gt;<br /> &lt;div class=&quot;header-logo&quot;&gt;<br /> [[File:Nb-logo-131.png|left]]<br /> &lt;/div&gt;<br /> &lt;div class=&quot;header-navigation plainlinks&quot; style=&quot;font-size: 3vh;&quot;&gt;<br /> [[About]] [[Events]] [[Connect]] [//donate.noisebridge.net Donate] [[Login]]<br /> &lt;/div&gt;<br /> &lt;/div&gt;<br /> &lt;!-- end nav --&gt;<br /> <br /> &lt;!-- banner --&gt;<br /> &lt;div class=&quot;hero&quot;&gt;<br /> =NOISEBRIDGE=<br /> ==WORK, LEARN, &amp; PLAY==<br /> &lt;/div&gt;<br /> &lt;div class=&quot;full-image&quot;&gt;<br /> [[File:Header_Banner.jpg]]<br /> &lt;/div&gt;<br /> &lt;!-- end banner --&gt;<br /> <br /> &lt;!-- main content--&gt;<br /> &lt;div class=&quot;announcements&quot;&gt;<br /> Our landlord has agreed to renew our lease for another year. During that time, we are raising funds so we can move. Please spread the word, and sign up for a $10, $30, $60, or $80 monthly donation.<br /> &lt;/div&gt;<br /> &lt;div class=&quot;main&quot;&gt;<br /> <br /> Eg. Fundraising situation, major donor announcements, big things people have done at the space, etc.<br /> <br /> This could be a rotating banner of things<br /> <br /> == Blurb ==<br /> <br /> [[File:IMG_0896.JPG|thumb|right]]<br /> <br /> <br /> Noisebridge an anarchist hackerspace in San Francisco, and one of the oldest hackerspaces in the US. We grew out of conversations between attendees of Chaos Communication Congress 2007 (24c3), and wee originally modeled on c-base in Berlin and Metalab in Vienna. We aim to provide a space for people to hack, create, learn, and explore in a safe, welcoming, and accessible environment.<br /> <br /> You don't have to be a member or pay anything to participate in Noisebridge, we're free and open. You just have to follow the one rule: Be Excellent to Each Other!<br /> <br /> We run on the principles of Do-ocracy and Consensus.<br /> <br /> [[Participation|Join]]<br /> <br /> [[Posters]]<br /> <br /> [[Resources]]<br /> <br /> [[Manual]]<br /> <br /> [[Safety]]<br /> <br /> [[Hosting an Event|Hosting Events]]<br /> <br /> == Info Section ==<br /> <br /> === Find Noisebridge ===<br /> <br /> 2169 Mission St<br /> <br /> 3rd Floor<br /> <br /> San Francisco, CA 94110<br /> <br /> Google maps link: https://goo.gl/maps/TLj2BChMKMP2<br /> <br /> [[Getting_Here]]<br /> <br /> === Explore ===<br /> <br /> * Read about [[Do-ocracy]], [[Consensus]], and [[TheOneRule]]<br /> <br /> * Attend some [[Events]]<br /> <br /> * Come hang out during [[OpenHours]]<br /> <br /> === Help Us Grow ===<br /> <br /> * [[Donate]]<br /> <br /> * Restock [[Supplies]]<br /> <br /> * Do [[Cleaning]]<br /> <br /> == Connect ==<br /> <br /> &lt;!-- This is for more &quot;official&quot; ways of getting in touch with Noisebridge, as well as a map --&gt;<br /> <br /> * Press<br /> * Mail<br /> * People<br /> * Legal<br /> <br /> PIC map<br /> <br /> == Social Media, etc. ==<br /> <br /> Twitter: [https://twitter.com/noisebridge @noisebridge]<br /> <br /> Facebook: [https://www.facebook.com/noisebridge/ noisebridge]<br /> <br /> IRC: irc://chat.freenode.net/#noisebridge<br /> <br /> Slack: https://noisebridge.slack.com/<br /> <br /> Mailing Lists: [[Mailinglist]]<br /> <br /> == [[:Category:Events|Events and Classes]] ==<br /> &lt;!--<br /> ***Note*** the Upcoming Events Calendar is not written here. Instead, it is written on Category:Events and mirrored here. This consolidates the 2 pages. :-)<br /> Write your event on https://www.noisebridge.net/wiki/Category:Events`<br /> --&gt;<br /> &lt;span style=&quot;color:red&quot;&gt;''You'' '''don't''' ''need to be a member to participate in a class or workshop at Noisebridge!'''''&lt;/span&gt;<br /> {{:Category:Events}}<br /> &lt;/div&gt;<br /> <br /> &lt;/div&gt;<br /> &lt;!-- end main --&gt;<br /> == Footer ==<br /> <br /> * [[Manual|Noisebridge Manual]]<br /> * [[Oral_histories|History]]<br /> * [[The Neighborhood]]<br /> * [[Hackerspace Infos]]<br /> * [[Press Kit]]<br /> * [[501c3|501c3 Nonprofit Info]]<br /> <br /> Also Random links</div> Raqlol https://wiki.extremist.software/index.php?title=NewFrontpage2018&diff=67895 NewFrontpage2018 2018-08-27T02:59:55Z <p>Raqlol: </p> <hr /> <div>__NOTOC__<br /> <br /> This page is for hacking on the frontpage of Noisebridge. This is currently being used to collaboratively organize and design parts of the frontpage, and to prototype it before putting it up.<br /> <br /> == Sample Header ==<br /> &lt;!-- nav --&gt;<br /> &lt;div class=&quot;header&quot;&gt;<br /> &lt;div class=&quot;header-logo&quot;&gt;<br /> [[File:Nb-logo-131.png|left]]<br /> &lt;/div&gt;<br /> &lt;div class=&quot;header-navigation plainlinks&quot; style=&quot;font-size: 3vh;&quot;&gt;<br /> [[About]] [[Events]] [[Connect]] [//donate.noisebridge.net Donate] [[Login]]<br /> &lt;/div&gt;<br /> &lt;/div&gt;<br /> &lt;!-- end nav --&gt;<br /> <br /> &lt;!-- banner --&gt;<br /> &lt;div class=&quot;hero&quot;&gt;<br /> =NOISEBRIDGE=<br /> ==WORK, LEARN, &amp; PLAY==<br /> &lt;/div&gt;<br /> &lt;div class=&quot;full-image&quot;&gt;<br /> [[File:Header_Banner.jpg]]<br /> &lt;/div&gt;<br /> &lt;!-- end banner --&gt;<br /> <br /> &lt;!-- main content--&gt;<br /> &lt;div class=&quot;main&quot;&gt;<br /> = Important Announcements =<br /> <br /> Eg. Fundraising situation, major donor announcements, big things people have done at the space, etc.<br /> <br /> This could be a rotating banner of things<br /> <br /> == Blurb ==<br /> <br /> [[File:IMG_0896.JPG|thumb|right]]<br /> <br /> <br /> Noisebridge an anarchist hackerspace in San Francisco, and one of the oldest hackerspaces in the US. We grew out of conversations between attendees of Chaos Communication Congress 2007 (24c3), and wee originally modeled on c-base in Berlin and Metalab in Vienna. We aim to provide a space for people to hack, create, learn, and explore in a safe, welcoming, and accessible environment.<br /> <br /> You don't have to be a member or pay anything to participate in Noisebridge, we're free and open. You just have to follow the one rule: Be Excellent to Each Other!<br /> <br /> We run on the principles of Do-ocracy and Consensus.<br /> <br /> [[Participation|Join]]<br /> <br /> [[Posters]]<br /> <br /> [[Resources]]<br /> <br /> [[Manual]]<br /> <br /> [[Safety]]<br /> <br /> [[Hosting an Event|Hosting Events]]<br /> <br /> == Info Section ==<br /> <br /> === Find Noisebridge ===<br /> <br /> 2169 Mission St<br /> <br /> 3rd Floor<br /> <br /> San Francisco, CA 94110<br /> <br /> Google maps link: https://goo.gl/maps/TLj2BChMKMP2<br /> <br /> [[Getting_Here]]<br /> <br /> === Explore ===<br /> <br /> * Read about [[Do-ocracy]], [[Consensus]], and [[TheOneRule]]<br /> <br /> * Attend some [[Events]]<br /> <br /> * Come hang out during [[OpenHours]]<br /> <br /> === Help Us Grow ===<br /> <br /> * [[Donate]]<br /> <br /> * Restock [[Supplies]]<br /> <br /> * Do [[Cleaning]]<br /> <br /> == Connect ==<br /> <br /> &lt;!-- This is for more &quot;official&quot; ways of getting in touch with Noisebridge, as well as a map --&gt;<br /> <br /> * Press<br /> * Mail<br /> * People<br /> * Legal<br /> <br /> PIC map<br /> <br /> == Social Media, etc. ==<br /> <br /> Twitter: [https://twitter.com/noisebridge @noisebridge]<br /> <br /> Facebook: [https://www.facebook.com/noisebridge/ noisebridge]<br /> <br /> IRC: irc://chat.freenode.net/#noisebridge<br /> <br /> Slack: https://noisebridge.slack.com/<br /> <br /> Mailing Lists: [[Mailinglist]]<br /> <br /> == [[:Category:Events|Events and Classes]] ==<br /> &lt;!--<br /> ***Note*** the Upcoming Events Calendar is not written here. Instead, it is written on Category:Events and mirrored here. This consolidates the 2 pages. :-)<br /> Write your event on https://www.noisebridge.net/wiki/Category:Events`<br /> --&gt;<br /> &lt;span style=&quot;color:red&quot;&gt;''You'' '''don't''' ''need to be a member to participate in a class or workshop at Noisebridge!'''''&lt;/span&gt;<br /> {{:Category:Events}}<br /> &lt;/div&gt;<br /> <br /> &lt;/div&gt;<br /> &lt;!-- end main --&gt;<br /> == Footer ==<br /> <br /> * [[Manual|Noisebridge Manual]]<br /> * [[Oral_histories|History]]<br /> * [[The Neighborhood]]<br /> * [[Hackerspace Infos]]<br /> * [[Press Kit]]<br /> * [[501c3|501c3 Nonprofit Info]]<br /> <br /> Also Random links</div> Raqlol https://wiki.extremist.software/index.php?title=MediaWiki:Common.css&diff=67894 MediaWiki:Common.css 2018-08-27T02:56:50Z <p>Raqlol: </p> <hr /> <div>/** CSS placed here will be applied to all skins */<br /> <br /> body { background: #d9d9d9; }<br /> <br /> #footer {<br /> border-top: 1px solid #aaa;<br /> border-bottom: 1px solid #aaa;<br /> }<br /> <br /> .cf:before,<br /> .cf:after {<br /> content: &quot; &quot;;<br /> display: table;<br /> }<br /> <br /> .cf:after {<br /> clear: both;<br /> }<br /> <br /> .cf {<br /> *zoom: 1;<br /> }<br /> <br /> #p-logo a {<br /> background-image: url('https://noisebridge.net/images/d/d0/Nb-logo-131.png') !important;<br /> }<br /> <br /> /* americancensorship.org css banner */<br /> div#p-logo { z-index: 0 }<br /> span.americancensorshipdotorg a.external {<br /> width: 140px; height: 40px;<br /> top:20px; left:-150px;<br /> -webkit-transform: rotate(-30deg);<br /> transform: rotate(-30deg);<br /> position: absolute; z-index:10;<br /> vertical-align: middle; text-align: center;<br /> background-color: black;<br /> background-image: url(https://www.noisebridge.net/images/f/f3/Stop-censorship-small.png);<br /> background-position: center center;<br /> background-repeat: no-repeat;<br /> border:2px solid black<br /> }<br /> span.americancensorshipdotorg a.external:hover { border:2px solid white }<br /> span.americancensorshipdotorg a span { display:none }<br /> <br /> /* Moving search box to upper-left */<br /> #p-search {<br /> margin: 0;<br /> position: absolute;<br /> right: 1em;<br /> top: 1.25em;<br /> width: auto;<br /> }<br /> <br /> #p-search h5 {<br /> display: none;<br /> }<br /> <br /> #p-search .pBody {<br /> background: none;<br /> border: none;<br /> padding: 0;<br /> }<br /> <br /> /* Homepage */<br /> /* visually hide first heading - makes it look less article-like */<br /> .page-Noisebridge.action-view .firstHeading {<br /> border: 0;<br /> clip: rect(0 0 0 0);<br /> height: 1px;<br /> margin: -1px;<br /> overflow: hidden;<br /> padding: 0;<br /> position: absolute;<br /> width: 1px;<br /> }<br /> <br /> .page-Noisebridge.action-view {<br /> background: #A4A7AE;<br /> }<br /> <br /> /* hide sidebar on main page */<br /> .page-Noisebridge.action-view #content {<br /> background-image: url('https://noisebridge.net/images/9/98/Lifebg.gif');<br /> background-attachment: fixed;<br /> /*background-size: contain;*/<br /> margin-left: 0;<br /> }<br /> <br /> .page-Noisebridge.action-view #mw-page-base {<br /> background: transparent;<br /> height: 2.8em;<br /> }<br /> <br /> .page-Noisebridge.action-view #mw-panel .portal {<br /> display: none;<br /> }<br /> <br /> .page-Noisebridge.action-view #p-logo, .page-Noisebridge.action-view #p-logo a {<br /> height: 2.4em;<br /> width: 2.4em;<br /> }<br /> <br /> .page-Noisebridge.action-view #p-logo {<br /> top: .2em;<br /> left: .2em;<br /> }<br /> <br /> .page-Noisebridge.action-view #p-logo a {<br /> background-size: contain;<br /> }<br /> <br /> .page-Noisebridge.action-view #p-personal {<br /> top: 0;<br /> }<br /> <br /> .page-Noisebridge.action-view #p-views {<br /> padding-left: 0;<br /> }<br /> <br /> .page-Noisebridge.action-view #left-navigation,<br /> .page-Noisebridge.action-view #right-navigation {<br /> margin-top: .3em;<br /> }<br /> <br /> .page-Noisebridge.action-view #left-navigation {<br /> margin-left: 3.5em;<br /> }<br /> <br /> .page-Noisebridge.action-view #right-navigation {<br /> float: left;<br /> }<br /> <br /> .page-Noisebridge.action-view div.vectorTabs,<br /> .page-Noisebridge.action-view div.vectorTabs span,<br /> .page-Noisebridge.action-view div.vectorTabs ul,<br /> .page-Noisebridge.action-view div.vectorTabs ul li,<br /> .page-Noisebridge.action-view div#mw-head div.vectorMenu h3 {<br /> background: none;<br /> }<br /> <br /> .page-Noisebridge.action-view div.vectorTabs span a,<br /> .page-Noisebridge.action-view div.vectorMenu h3 span {<br /> line-height: 18px;<br /> padding-top: .7em;<br /> }<br /> <br /> .page-Noisebridge.action-view div.vectorMenu h3 a {<br /> background-position: 0% 40%;<br /> }<br /> <br /> .page-Noisebridge.action-view #ca-unwatch.icon a,<br /> .page-Noisebridge.action-view #ca-watch.icon a {<br /> background-position-y: 40%;<br /> }<br /> <br /> .page-Noisebridge.action-view #p-search form,<br /> .page-Noisebridge.action-view #simpleSearch {<br /> margin-top: 0;<br /> }<br /> <br /> .page-Noisebridge.action-view div#mw-panel {<br /> top: 0;<br /> }<br /> <br /> /* FWD - color scheme: http://colorschemedesigner.com/#3L61TqVmBjFJD */<br /> @font-face {<br /> font-family: 'Source Sans Pro';<br /> font-style: normal;<br /> font-weight: 300;<br /> src: local('Source Sans Pro Light'), local('SourceSansPro-Light'), url(https://themes.googleusercontent.com/static/fonts/sourcesanspro/v7/toadOcfmlt9b38dHJxOBGMVNtom4QlEDNJaqqqzqdSs.woff) format('woff'), url(https://themes.googleusercontent.com/static/fonts/sourcesanspro/v7/toadOcfmlt9b38dHJxOBGBlTL9oEQvYTI0YAW1-Ysv0.eot) format('embedded-opentype'), url(https://themes.googleusercontent.com/static/fonts/sourcesanspro/v7/toadOcfmlt9b38dHJxOBGMw1o1eFRj7wYC6JbISqOjY.ttf) format('truetype');<br /> }<br /> @font-face {<br /> font-family: 'Source Sans Pro';<br /> font-style: normal;<br /> font-weight: 400;<br /> src: local('Source Sans Pro'), local('SourceSansPro-Regular'), url(https://themes.googleusercontent.com/static/fonts/sourcesanspro/v7/ODelI1aHBYDBqgeIAH2zlNHq-FFgoDNV3GTKpHwuvtI.woff) format('woff'), url(https://themes.googleusercontent.com/static/fonts/sourcesanspro/v7/ODelI1aHBYDBqgeIAH2zlN0tugusXa58UbOrParLRF0.eot) format('embedded-opentype'), url(https://themes.googleusercontent.com/static/fonts/sourcesanspro/v7/ODelI1aHBYDBqgeIAH2zlNzbP97U9sKh0jjxbPbfOKg.ttf) format('truetype');<br /> }<br /> @font-face {<br /> font-family: 'Source Sans Pro';<br /> font-style: normal;<br /> font-weight: 700;<br /> src: local('Source Sans Pro Bold'), local('SourceSansPro-Bold'), url(https://themes.googleusercontent.com/static/fonts/sourcesanspro/v7/toadOcfmlt9b38dHJxOBGIqjGYJUyOXcBwUQbRaNH6c.woff) format('woff'), url(https://themes.googleusercontent.com/static/fonts/sourcesanspro/v7/toadOcfmlt9b38dHJxOBGFV89XnfCtb1fhQGOlhyqi8.eot) format('embedded-opentype'), url(https://themes.googleusercontent.com/static/fonts/sourcesanspro/v7/toadOcfmlt9b38dHJxOBGLsbIrGiHa6JIepkyt5c0A0.ttf) format('truetype');<br /> }<br /> <br /> .page-Front-end_Web_Development.action-view {<br /> background: #000;<br /> }<br /> <br /> .page-Front-end_Web_Development.action-view #bodyContent a.external {<br /> background: none;<br /> padding-right: 0;<br /> }<br /> <br /> .page-Front-end_Web_Development.action-view #p-cactions {<br /> margin-top: 1px;<br /> }<br /> .page-Front-end_Web_Development.action-view #p-cactions li, .page-Front-end_Web_Development.action-view #p-cactions li.selected {<br /> background: #362763;<br /> border-color: transparent;<br /> padding-bottom: .35em;<br /> }<br /> .page-Front-end_Web_Development.action-view #p-cactions li.selected {<br /> border-color: #aaa;<br /> }<br /> .page-Front-end_Web_Development.action-view #p-cactions li a, .page-Front-end_Web_Development.action-view #p-cactions li.selected a {<br /> background: none;<br /> color: #8C73DB;<br /> }<br /> .page-Front-end_Web_Development.action-view #p-cactions .new a {<br /> color: #ba0000;<br /> }<br /> .page-Front-end_Web_Development.action-view #p-cactions li a:hover, .page-Front-end_Web_Development.action-view #p-personal li a:hover {<br /> background: none;<br /> color: #fff;<br /> }<br /> .page-Front-end_Web_Development.action-view .portlet h5 {<br /> color: #7292DB;<br /> }<br /> .page-Front-end_Web_Development.action-view .generated-sidebar .pBody, .page-Front-end_Web_Development.action-view #p-tb .pBody, .page-Front-end_Web_Development.action-view div#footer {<br /> background: #1b223c;<br /> border-color: transparent;<br /> color: #7292DB;<br /> }<br /> .page-Front-end_Web_Development.action-view #p-personal li a, .page-Front-end_Web_Development.action-view .generated-sidebar .pBody a, .page-Front-end_Web_Development.action-view #p-tb .pBody a, .page-Front-end_Web_Development.action-view div#footer a {<br /> color: #A2B3DB;<br /> }<br /> .page-Front-end_Web_Development.action-view .pBody {<br /> bottom: 1px;<br /> position: relative;<br /> z-index: 3;<br /> }<br /> .page-Front-end_Web_Development.action-view div#content {<br /> background-clip: content-box;<br /> border-color: transparent;<br /> padding: 0;<br /> }<br /> .page-Front-end_Web_Development.action-view div#content * {<br /> box-sizing: border-box;<br /> }<br /> .page-Front-end_Web_Development.action-view #contentSub {<br /> margin: 0;<br /> }<br /> .page-Front-end_Web_Development.action-view #mw-content-text {<br /> font-family: &quot;Source Sans Pro&quot;, &quot;Helvetica Neue&quot;, Helvetica, sans-serif;<br /> }<br /> .page-Front-end_Web_Development.action-view #mw-content-text img {<br /> display: none !important; /* ;) */<br /> }<br /> .page-Front-end_Web_Development.action-view h1, .page-Front-end_Web_Development.action-view h2 {<br /> border-bottom: 0;<br /> }<br /> .page-Front-end_Web_Development.action-view h2 {<br /> color: inherit;<br /> font-weight: bold;<br /> text-transform: uppercase;<br /> }<br /> .page-Front-end_Web_Development.action-view code {<br /> background-color: rgba(255,255,255,.1);<br /> }<br /> .page-Front-end_Web_Development.action-view .firstHeading {<br /> display: none;<br /> }<br /> .page-Front-end_Web_Development.action-view .thank-you p {<br /> text-align: left;<br /> }<br /> .page-Front-end_Web_Development.action-view .hero, .page-Front-end_Web_Development.action-view .keep-informed {<br /> background: #1b223c url('/images/4/4f/Fwd-hero.jpg');<br /> background-attachment: fixed;<br /> background-size: auto 100%;<br /> }<br /> .page-Front-end_Web_Development.action-view .hero {<br /> padding-bottom: 40px;<br /> }<br /> .page-Front-end_Web_Development.action-view .hero__hgroup {<br /> padding: 40px;<br /> text-shadow: 0 0 40px rgba(0,0,0,.75);<br /> }<br /> .page-Front-end_Web_Development.action-view .hero__hgroup h1, .page-Front-end_Web_Development.action-view .keep-informed {<br /> color: #A2B3DB;<br /> }<br /> .page-Front-end_Web_Development.action-view .hero__hgroup h1 {<br /> font-size: 75px;<br /> font-weight: 300;<br /> line-height: 1em;<br /> overflow: visible;<br /> margin-bottom: 0;<br /> }<br /> .page-Front-end_Web_Development.action-view .hero__hgroup h2, .page-Front-end_Web_Development.action-view .keep-informed a {<br /> color: #7292DB;<br /> }<br /> .page-Front-end_Web_Development.action-view .hero__hgroup h2 {<br /> font-size: 36px;<br /> font-weight: 400;<br /> line-height: 1.4em;<br /> text-transform: none;<br /> }<br /> .page-Front-end_Web_Development.action-view .hero__hgroup h2 a {<br /> display: block;<br /> }<br /> .page-Front-end_Web_Development.action-view .section {<br /> padding: 2em 0;<br /> text-align: center;<br /> }<br /> .page-Front-end_Web_Development.action-view .details {<br /> display: -webkit-box;<br /> display: -ms-flexbox;<br /> display: flex;<br /> -ms-flex-wrap: wrap;<br /> flex-wrap: wrap;<br /> -webkit-box-pack: center;<br /> -ms-flex-pack: center;<br /> justify-content: center;<br /> margin: 0 auto;<br /> max-width: 1200px;<br /> }<br /> .page-Front-end_Web_Development.action-view .details__detail {<br /> text-align: left;<br /> max-width: 600px;<br /> width: 50%;<br /> }<br /> .page-Front-end_Web_Development.action-view .details__detail h2 {<br /> padding-top: 0;<br /> }<br /> .page-Front-end_Web_Development.action-view .details__detail--what, .page-Front-end_Web_Development.action-view .details__detail--where {<br /> background: #362769;<br /> color: #B1A3DB;<br /> }<br /> .page-Front-end_Web_Development.action-view .details__detail--what a, .page-Front-end_Web_Development.action-view .details__detail--where a {<br /> color: #8C73DB;<br /> }<br /> .page-Front-end_Web_Development.action-view .details__detail--who, .page-Front-end_Web_Development.action-view .details__detail--when {<br /> background: #1A5B5B;<br /> color: #99D7D7;<br /> }<br /> .page-Front-end_Web_Development.action-view .details__detail--who a, .page-Front-end_Web_Development.action-view .details__detail--when a {<br /> color: #64D7D7;<br /> }<br /> .page-Front-end_Web_Development.action-view .section h2, .page-Front-end_Web_Development.action-view .classes h2 {<br /> font-size: 2em;<br /> }<br /> .page-Front-end_Web_Development.action-view .section h2 {<br /> margin-bottom: 1em;<br /> }<br /> .page-Front-end_Web_Development.action-view .section p, .page-Front-end_Web_Development.action-view .section ul, .page-Front-end_Web_Development.action-view .classes p {<br /> font-size: 16px;<br /> }<br /> .page-Front-end_Web_Development.action-view .section ol {<br /> font-size: 20px;<br /> }<br /> .page-Front-end_Web_Development.action-view .container {<br /> margin: 0 auto;<br /> max-width: 600px;<br /> padding: 0 20px;<br /> }<br /> .page-Front-end_Web_Development.action-view .new-series__calendar {<br /> background: #fff;<br /> border: 4px solid #000;<br /> box-shadow: 5px 10px rgba(0,0,0,.5);<br /> font-family: &quot;Helvetica Neue&quot;, Helvetica, sans-serif;<br /> height: 200px;<br /> margin: 2em auto;<br /> position: relative;<br /> text-align: center;<br /> width: 200px;<br /> }<br /> .page-Front-end_Web_Development.action-view .new-series__calendar:after {<br /> content: '';<br /> display: block;<br /> position: absolute;<br /> bottom: 0;<br /> right: 0;<br /> border-width: 15px;<br /> border-color: #ddd #eee #eee #ddd;<br /> border-style: solid;<br /> }<br /> .page-Front-end_Web_Development.action-view .new-series__calendar--no-months .new-series__calendar__date {<br /> font-size: 150px;<br /> }<br /> .page-Front-end_Web_Development.action-view .new-series__calendar__month, .page-Front-end_Web_Development.action-view .new-series__calendar__date {<br /> display: block;<br /> }<br /> .page-Front-end_Web_Development.action-view .new-series__calendar__month {<br /> background: #ff3333;<br /> color: #fff;<br /> font-size: 24px;<br /> line-height: 1.4em;<br /> text-transform: uppercase;<br /> }<br /> .page-Front-end_Web_Development.action-view .new-series__calendar__date {<br /> color: #000;<br /> font-size: 115px;<br /> font-weight: 300;<br /> line-height: 1em;<br /> }<br /> .page-Front-end_Web_Development.action-view .new-series__calendar__months {<br /> color: #000;<br /> display: block;<br /> font-size: 30px;<br /> line-height: 30px;<br /> }<br /> .page-Front-end_Web_Development.action-view .new-series, .page-Front-end_Web_Development.action-view .get-set-up {<br /> background: #36207C url('/images/8/85/Fwd-purple-bg.png') repeat-y 77px 0;<br /> background-attachment: fixed;<br /> background-size: contain;<br /> webkit-background-size: contain;<br /> color: #B1A3DB;<br /> }<br /> .page-Front-end_Web_Development.action-view .get-set-up ol {<br /> text-align: left;<br /> }<br /> .page-Front-end_Web_Development.action-view .get-set-up ol &gt; li {<br /> margin-bottom: .5em;<br /> }<br /> .page-Front-end_Web_Development.action-view .thank-you, .page-Front-end_Web_Development.action-view .new-series--new {<br /> background: #EBC16D;<br /> color: inherit;<br /> }<br /> .page-Front-end_Web_Development.action-view .new-series a, .page-Front-end_Web_Development.action-view .new-series #bodyContent a.external, .page-Front-end_Web_Development.action-view .get-set-up a, .page-Front-end_Web_Development.action-view #bodyContent .get-set-up a.external {<br /> color: #8C73DB;<br /> }<br /> .page-Front-end_Web_Development.action-view .new-series--new a {<br /> background: none;<br /> color: #8D6310;<br /> padding-right: 0;<br /> }<br /> .page-Front-end_Web_Development.action-view .new-series--new + .keep-informed {<br /> <br /> }<br /> .page-Front-end_Web_Development.action-view .keep-informed__buttons {<br /> list-style: none;<br /> margin: 1em auto;<br /> text-align: center;<br /> }<br /> .page-Front-end_Web_Development.action-view .keep-informed__buttons li {<br /> margin: 1em 0;<br /> }<br /> .page-Front-end_Web_Development.action-view .keep-informed__buttons a {<br /> color: #99D7D7 !important;<br /> background: #116C6C !important;<br /> border-radius: 5px;<br /> display: inline-block;<br /> font-size: 24px;<br /> font-weight: bold;<br /> padding: 10px !important;<br /> }<br /> .page-Front-end_Web_Development.action-view .keep-informed__buttons a:hover {<br /> background: #1A5B5B !important;<br /> text-decoration: none;<br /> }<br /> .page-Front-end_Web_Development.action-view .keep-informed__buttons a:active {<br /> background: #095555 !important;<br /> }<br /> .page-Front-end_Web_Development.action-view .classes {<br /> display: table-row;<br /> }<br /> .page-Front-end_Web_Development.action-view .classes__class {<br /> display: table-cell;<br /> padding: 2em;<br /> width: 50%;<br /> }<br /> .page-Front-end_Web_Development.action-view .classes__class--lecture {<br /> background: #A2B3DB;<br /> }<br /> .page-Front-end_Web_Development.action-view #bodyContent .classes__class--lecture a {<br /> color: #10285F;<br /> }<br /> .page-Front-end_Web_Development.action-view .classes__class--lab {<br /> background: #99D7D7;<br /> }<br /> .page-Front-end_Web_Development.action-view #bodyContent .classes__class--lab a {<br /> color: #095555;<br /> }<br /> .page-Front-end_Web_Development.action-view .classes__current {<br /> background: #fff;<br /> background: rgba(255,255,255,.8);<br /> border-radius: 10px;<br /> margin: 1em 0;<br /> padding: 1em 1em .5em;<br /> }<br /> .page-Front-end_Web_Development.action-view .classes__current h4 {<br /> padding-top: 0;<br /> }<br /> .page-Front-end_Web_Development.action-view .classes__current p {<br /> font-size: 13px;<br /> }<br /> .page-Front-end_Web_Development.action-view .web-development__link {<br /> font-size: 1.5em;<br /> }<br /> .page-Front-end_Web_Development.action-view .catlinks {<br /> margin: 1em;<br /> }<br /> @media only screen and (max-width: 980px) {<br /> .page-Front-end_Web_Development.action-view .hero {<br /> padding-bottom: 0;<br /> }<br /> .page-Front-end_Web_Development.action-view .details {<br /> display: block;<br /> }<br /> .page-Front-end_Web_Development.action-view .details__detail {<br /> max-width: none;<br /> width: auto;<br /> }<br /> .page-Front-end_Web_Development.action-view .details__detail--when {<br /> background: #362769;<br /> color: #B1A3DB;<br /> }<br /> .page-Front-end_Web_Development.action-view .details__detail--when a {<br /> color: #8C73DB;<br /> }<br /> .page-Front-end_Web_Development.action-view .details__detail--where {<br /> background: #1A5B5B;<br /> color: #99D7D7;<br /> }<br /> .page-Front-end_Web_Development.action-view .details__detail--where a {<br /> color: #64D7D7;<br /> }<br /> }<br /> /* end FWD */<br /> <br /> .recurring-events li {<br /> margin-bottom: .5em;<br /> }<br /> <br /> .recurring {<br /> background: limegreen;<br /> border-radius: 2px;<br /> color: #fff;<br /> font-size: .92em;<br /> padding: 0 .2em;<br /> }<br /> <br /> .recurring--numbered {<br /> background: yellow;<br /> color: #000;<br /> }<br /> <br /> .recurring--exception {<br /> background: black;<br /> }<br /> <br /> .front-page-box, .front-page-box__container {<br /> width: 960px;<br /> }<br /> <br /> .front-page-box__container {<br /> display: table;<br /> }<br /> <br /> .front-page-box {<br /> background-color: #fafafa;<br /> border: solid 1px #990000;<br /> box-sizing: border-box;<br /> padding: 5px 10px 5px 10px;<br /> }<br /> <br /> .front-page-box h2 {<br /> padding-top: .4em;<br /> }<br /> <br /> .front-page-box--single, .front-page-box__container {<br /> margin: 6px auto 6px auto;<br /> }<br /> <br /> .front-page-box--two, .front-page-box--three {<br /> padding-bottom: 3px;<br /> }<br /> <br /> .front-page-box--two, .front-page-box--three, .front-page-box__spacer {<br /> display: table-cell;<br /> }<br /> <br /> .front-page-box--two:last-child, .front-page-box--three:last-child {<br /> margin-right: 0;<br /> }<br /> <br /> .front-page-box--two {<br /> width: 473px;<br /> }<br /> <br /> .front-page-box--three {<br /> width: 311px;<br /> }<br /> <br /> .front-page-box--goto-2169, .front-page-box--get-involved, .front-page-box--help-out {<br /> background-position: center top;<br /> background-repeat: no-repeat;<br /> background-size: contain;<br /> padding-top: 36px;<br /> position: relative;<br /> }<br /> <br /> .front-page-box--goto-2169 {<br /> background-image: url('/images/f/fe/Wikibanner-goto-2169.png');<br /> }<br /> <br /> .front-page-box--get-involved {<br /> background-image: url('/images/7/7b/Wikibanner-get-involved.png');<br /> }<br /> <br /> .front-page-box--help-out {<br /> background-color: #eeffee;<br /> background-image: url('/images/3/3d/Wikibanner-help-out.png');<br /> }<br /> <br /> .front-page-box__spacer {<br /> width: 13px;<br /> }<br /> <br /> .front-page-box__heading {<br /> border: 0;<br /> height: 30px;<br /> left: 0;<br /> margin: 0;<br /> overflow: hidden;<br /> padding: 0;<br /> position: absolute;<br /> text-indent: 100%;<br /> top: 0;<br /> white-space: nowrap;<br /> width: 100%;<br /> }<br /> <br /> .front-page-box__heading a {<br /> bottom: 0;<br /> left: 0;<br /> position: absolute;<br /> right: 0;<br /> top: 0;<br /> }<br /> <br /> @media only screen and (max-width: 1150px) {<br /> .front-page-box, .front-page-box__container {<br /> width: 800px;<br /> }<br /> <br /> .front-page-box--two {<br /> width: 393px;<br /> }<br /> <br /> .front-page-box--three {<br /> width: 258px;<br /> }<br /> }<br /> /* new home page 2018 */<br /> /* nav */<br /> body.page-NewFrontpage2018 .header { background-color: black; width: 100%; display: flex; justify-content: space-between; align-items: center;}<br /> body.page-NewFrontpage2018 .header-logo {height: 60px; width: 60px; margin: 10px;}<br /> body.page-NewFrontpage2018 .header-navigation { margin: 10px;}<br /> body.page-NewFrontpage2018 .header-navigation a {color: white; margin: 0 10px; text-decoration: none;}<br /> body.page-NewFrontpage2018 .header-navigation .plainlinks a.external {color: #666;}<br /> <br /> /* banner */<br /> body.page-NewFrontpage2018 .hero { background: url(https://noisebridge.net/images/9/98/Lifebg.gif); min-height: 250px; color: white; font-weight: bold; padding: 40px; display: flex; flex-direction: column; justify-content: center;}<br /> body.page-NewFrontpage2018 .full-image p {margin: 0;}<br /> /* global */<br /> body.page-NewFrontpage2018 .mw-body .mw-body-content h1, body.page-NewFrontpage2018 .mw-body .mw-body-content h2 {color: white; width: 100%; text-align: center; border: 0; font-family: sans-serif; font-size: 50px; font-weight: bold;}<br /> body.page-NewFrontpage2018 img{height: auto; width: 100%;}<br /> body.page-NewFrontpage2018 .mw-content-text {background: black;}<br /> body.page-NewFrontpage2018 .mw-editsection {display: none;}<br /> <br /> /* hiding stuff */<br /> /* body.page-NewFrontpage2018 #mw-page-base, body.page-NewFrontpage2018 #mw-head, body.page-NewFrontpage2018 #mw-panel {display:none;} */<br /> /* body.page-NewFrontpage2018 .mw-body {padding: 0; margin: 0; border: 0;}*/</div> Raqlol https://wiki.extremist.software/index.php?title=NewFrontpage2018&diff=67893 NewFrontpage2018 2018-08-27T02:50:15Z <p>Raqlol: </p> <hr /> <div>__NOTOC__<br /> <br /> This page is for hacking on the frontpage of Noisebridge. This is currently being used to collaboratively organize and design parts of the frontpage, and to prototype it before putting it up.<br /> <br /> == Sample Header ==<br /> &lt;!-- nav --&gt;<br /> <br /> &lt;div class=&quot;header&quot;&gt;<br /> &lt;div class=&quot;header-logo&quot;&gt;<br /> [[File:Nb-logo-131.png|left]]<br /> &lt;/div&gt;<br /> &lt;div class=&quot;header-navigation plainlinks&quot; style=&quot;font-size: 3vh;&quot;&gt;<br /> [[About]] [[Events]] [[Connect]] [//donate.noisebridge.net Donate] [[Login]]<br /> &lt;/div&gt;<br /> &lt;/div&gt;<br /> &lt;!-- end banner --&gt;<br /> &lt;div style=&quot;clear: both;&quot;&gt;&lt;/div&gt;<br /> &lt;!-- banner --&gt;<br /> &lt;div class=&quot;hero&quot;&gt;<br /> =NOISEBRIDGE=<br /> ==WORK, LEARN, &amp; PLAY==<br /> &lt;/div&gt;<br /> &lt;div class=&quot;full-image&quot;&gt;<br /> [[File:Header_Banner.jpg]]<br /> &lt;/div&gt;<br /> &lt;!-- banner --&gt;<br /> == Important Announcements ==<br /> <br /> Eg. Fundraising situation, major donor announcements, big things people have done at the space, etc.<br /> <br /> This could be a rotating banner of things<br /> <br /> == Blurb ==<br /> <br /> [[File:IMG_0896.JPG|thumb|right]]<br /> <br /> <br /> Noisebridge an anarchist hackerspace in San Francisco, and one of the oldest hackerspaces in the US. We grew out of conversations between attendees of Chaos Communication Congress 2007 (24c3), and wee originally modeled on c-base in Berlin and Metalab in Vienna. We aim to provide a space for people to hack, create, learn, and explore in a safe, welcoming, and accessible environment.<br /> <br /> You don't have to be a member or pay anything to participate in Noisebridge, we're free and open. You just have to follow the one rule: Be Excellent to Each Other!<br /> <br /> We run on the principles of Do-ocracy and Consensus.<br /> <br /> [[Participation|Join]]<br /> <br /> [[Posters]]<br /> <br /> [[Resources]]<br /> <br /> [[Manual]]<br /> <br /> [[Safety]]<br /> <br /> [[Hosting an Event|Hosting Events]]<br /> <br /> == Info Section ==<br /> <br /> === Find Noisebridge ===<br /> <br /> 2169 Mission St<br /> <br /> 3rd Floor<br /> <br /> San Francisco, CA 94110<br /> <br /> Google maps link: https://goo.gl/maps/TLj2BChMKMP2<br /> <br /> [[Getting_Here]]<br /> <br /> === Explore ===<br /> <br /> * Read about [[Do-ocracy]], [[Consensus]], and [[TheOneRule]]<br /> <br /> * Attend some [[Events]]<br /> <br /> * Come hang out during [[OpenHours]]<br /> <br /> === Help Us Grow ===<br /> <br /> * [[Donate]]<br /> <br /> * Restock [[Supplies]]<br /> <br /> * Do [[Cleaning]]<br /> <br /> == Connect ==<br /> <br /> &lt;!-- This is for more &quot;official&quot; ways of getting in touch with Noisebridge, as well as a map --&gt;<br /> <br /> * Press<br /> * Mail<br /> * People<br /> * Legal<br /> <br /> PIC map<br /> <br /> == Social Media, etc. ==<br /> <br /> Twitter: [https://twitter.com/noisebridge @noisebridge]<br /> <br /> Facebook: [https://www.facebook.com/noisebridge/ noisebridge]<br /> <br /> IRC: irc://chat.freenode.net/#noisebridge<br /> <br /> Slack: https://noisebridge.slack.com/<br /> <br /> Mailing Lists: [[Mailinglist]]<br /> <br /> == [[:Category:Events|Events and Classes]] ==<br /> &lt;!--<br /> ***Note*** the Upcoming Events Calendar is not written here. Instead, it is written on Category:Events and mirrored here. This consolidates the 2 pages. :-)<br /> Write your event on https://www.noisebridge.net/wiki/Category:Events`<br /> --&gt;<br /> &lt;span style=&quot;color:red&quot;&gt;''You'' '''don't''' ''need to be a member to participate in a class or workshop at Noisebridge!'''''&lt;/span&gt;<br /> {{:Category:Events}}<br /> &lt;/div&gt;<br /> <br /> <br /> == Footer ==<br /> <br /> * [[Manual|Noisebridge Manual]]<br /> * [[Oral_histories|History]]<br /> * [[The Neighborhood]]<br /> * [[Hackerspace Infos]]<br /> * [[Press Kit]]<br /> * [[501c3|501c3 Nonprofit Info]]<br /> <br /> Also Random links</div> Raqlol https://wiki.extremist.software/index.php?title=NewFrontpage2018&diff=67892 NewFrontpage2018 2018-08-27T02:49:52Z <p>Raqlol: adding image to hero</p> <hr /> <div>__NOTOC__<br /> <br /> This page is for hacking on the frontpage of Noisebridge. This is currently being used to collaboratively organize and design parts of the frontpage, and to prototype it before putting it up.<br /> <br /> == Sample Header ==<br /> &lt;!-- nav --&gt;<br /> <br /> &lt;div class=&quot;header&quot;&gt;<br /> &lt;div class=&quot;header-logo&quot;&gt;<br /> [[File:Nb-logo-131.png|left]]<br /> &lt;/div&gt;<br /> &lt;div class=&quot;header-navigation plainlinks&quot; style=&quot;font-size: 3vh;&quot;&gt;<br /> [[About]] [[Events]] [[Connect]] [//donate.noisebridge.net Donate] [[Login]]<br /> &lt;/div&gt;<br /> &lt;/div&gt;<br /> &lt;!-- end banner --&gt;<br /> &lt;div style=&quot;clear: both;&quot;&gt;&lt;/div&gt;<br /> &lt;!-- banner --&gt;<br /> &lt;div class=&quot;hero&quot;&gt;<br /> =NOISEBRIDGE=<br /> ==WORK, LEARN, &amp; PLAY==<br /> &lt;/div&gt;<br /> &lt;div class=&quot;full-image&quot;&gt;<br /> [File:Header_Banner.jpg]]<br /> &lt;/div&gt;<br /> &lt;!-- banner --&gt;<br /> == Important Announcements ==<br /> <br /> Eg. Fundraising situation, major donor announcements, big things people have done at the space, etc.<br /> <br /> This could be a rotating banner of things<br /> <br /> == Blurb ==<br /> <br /> [[File:IMG_0896.JPG|thumb|right]]<br /> <br /> <br /> Noisebridge an anarchist hackerspace in San Francisco, and one of the oldest hackerspaces in the US. We grew out of conversations between attendees of Chaos Communication Congress 2007 (24c3), and wee originally modeled on c-base in Berlin and Metalab in Vienna. We aim to provide a space for people to hack, create, learn, and explore in a safe, welcoming, and accessible environment.<br /> <br /> You don't have to be a member or pay anything to participate in Noisebridge, we're free and open. You just have to follow the one rule: Be Excellent to Each Other!<br /> <br /> We run on the principles of Do-ocracy and Consensus.<br /> <br /> [[Participation|Join]]<br /> <br /> [[Posters]]<br /> <br /> [[Resources]]<br /> <br /> [[Manual]]<br /> <br /> [[Safety]]<br /> <br /> [[Hosting an Event|Hosting Events]]<br /> <br /> == Info Section ==<br /> <br /> === Find Noisebridge ===<br /> <br /> 2169 Mission St<br /> <br /> 3rd Floor<br /> <br /> San Francisco, CA 94110<br /> <br /> Google maps link: https://goo.gl/maps/TLj2BChMKMP2<br /> <br /> [[Getting_Here]]<br /> <br /> === Explore ===<br /> <br /> * Read about [[Do-ocracy]], [[Consensus]], and [[TheOneRule]]<br /> <br /> * Attend some [[Events]]<br /> <br /> * Come hang out during [[OpenHours]]<br /> <br /> === Help Us Grow ===<br /> <br /> * [[Donate]]<br /> <br /> * Restock [[Supplies]]<br /> <br /> * Do [[Cleaning]]<br /> <br /> == Connect ==<br /> <br /> &lt;!-- This is for more &quot;official&quot; ways of getting in touch with Noisebridge, as well as a map --&gt;<br /> <br /> * Press<br /> * Mail<br /> * People<br /> * Legal<br /> <br /> PIC map<br /> <br /> == Social Media, etc. ==<br /> <br /> Twitter: [https://twitter.com/noisebridge @noisebridge]<br /> <br /> Facebook: [https://www.facebook.com/noisebridge/ noisebridge]<br /> <br /> IRC: irc://chat.freenode.net/#noisebridge<br /> <br /> Slack: https://noisebridge.slack.com/<br /> <br /> Mailing Lists: [[Mailinglist]]<br /> <br /> == [[:Category:Events|Events and Classes]] ==<br /> &lt;!--<br /> ***Note*** the Upcoming Events Calendar is not written here. Instead, it is written on Category:Events and mirrored here. This consolidates the 2 pages. :-)<br /> Write your event on https://www.noisebridge.net/wiki/Category:Events`<br /> --&gt;<br /> &lt;span style=&quot;color:red&quot;&gt;''You'' '''don't''' ''need to be a member to participate in a class or workshop at Noisebridge!'''''&lt;/span&gt;<br /> {{:Category:Events}}<br /> &lt;/div&gt;<br /> <br /> <br /> == Footer ==<br /> <br /> * [[Manual|Noisebridge Manual]]<br /> * [[Oral_histories|History]]<br /> * [[The Neighborhood]]<br /> * [[Hackerspace Infos]]<br /> * [[Press Kit]]<br /> * [[501c3|501c3 Nonprofit Info]]<br /> <br /> Also Random links</div> Raqlol https://wiki.extremist.software/index.php?title=MediaWiki:Common.css&diff=67891 MediaWiki:Common.css 2018-08-27T02:48:48Z <p>Raqlol: editing for images banner</p> <hr /> <div>/** CSS placed here will be applied to all skins */<br /> <br /> body { background: #d9d9d9; }<br /> <br /> #footer {<br /> border-top: 1px solid #aaa;<br /> border-bottom: 1px solid #aaa;<br /> }<br /> <br /> .cf:before,<br /> .cf:after {<br /> content: &quot; &quot;;<br /> display: table;<br /> }<br /> <br /> .cf:after {<br /> clear: both;<br /> }<br /> <br /> .cf {<br /> *zoom: 1;<br /> }<br /> <br /> #p-logo a {<br /> background-image: url('https://noisebridge.net/images/d/d0/Nb-logo-131.png') !important;<br /> }<br /> <br /> /* americancensorship.org css banner */<br /> div#p-logo { z-index: 0 }<br /> span.americancensorshipdotorg a.external {<br /> width: 140px; height: 40px;<br /> top:20px; left:-150px;<br /> -webkit-transform: rotate(-30deg);<br /> transform: rotate(-30deg);<br /> position: absolute; z-index:10;<br /> vertical-align: middle; text-align: center;<br /> background-color: black;<br /> background-image: url(https://www.noisebridge.net/images/f/f3/Stop-censorship-small.png);<br /> background-position: center center;<br /> background-repeat: no-repeat;<br /> border:2px solid black<br /> }<br /> span.americancensorshipdotorg a.external:hover { border:2px solid white }<br /> span.americancensorshipdotorg a span { display:none }<br /> <br /> /* Moving search box to upper-left */<br /> #p-search {<br /> margin: 0;<br /> position: absolute;<br /> right: 1em;<br /> top: 1.25em;<br /> width: auto;<br /> }<br /> <br /> #p-search h5 {<br /> display: none;<br /> }<br /> <br /> #p-search .pBody {<br /> background: none;<br /> border: none;<br /> padding: 0;<br /> }<br /> <br /> /* Homepage */<br /> /* visually hide first heading - makes it look less article-like */<br /> .page-Noisebridge.action-view .firstHeading {<br /> border: 0;<br /> clip: rect(0 0 0 0);<br /> height: 1px;<br /> margin: -1px;<br /> overflow: hidden;<br /> padding: 0;<br /> position: absolute;<br /> width: 1px;<br /> }<br /> <br /> .page-Noisebridge.action-view {<br /> background: #A4A7AE;<br /> }<br /> <br /> /* hide sidebar on main page */<br /> .page-Noisebridge.action-view #content {<br /> background-image: url('https://noisebridge.net/images/9/98/Lifebg.gif');<br /> background-attachment: fixed;<br /> /*background-size: contain;*/<br /> margin-left: 0;<br /> }<br /> <br /> .page-Noisebridge.action-view #mw-page-base {<br /> background: transparent;<br /> height: 2.8em;<br /> }<br /> <br /> .page-Noisebridge.action-view #mw-panel .portal {<br /> display: none;<br /> }<br /> <br /> .page-Noisebridge.action-view #p-logo, .page-Noisebridge.action-view #p-logo a {<br /> height: 2.4em;<br /> width: 2.4em;<br /> }<br /> <br /> .page-Noisebridge.action-view #p-logo {<br /> top: .2em;<br /> left: .2em;<br /> }<br /> <br /> .page-Noisebridge.action-view #p-logo a {<br /> background-size: contain;<br /> }<br /> <br /> .page-Noisebridge.action-view #p-personal {<br /> top: 0;<br /> }<br /> <br /> .page-Noisebridge.action-view #p-views {<br /> padding-left: 0;<br /> }<br /> <br /> .page-Noisebridge.action-view #left-navigation,<br /> .page-Noisebridge.action-view #right-navigation {<br /> margin-top: .3em;<br /> }<br /> <br /> .page-Noisebridge.action-view #left-navigation {<br /> margin-left: 3.5em;<br /> }<br /> <br /> .page-Noisebridge.action-view #right-navigation {<br /> float: left;<br /> }<br /> <br /> .page-Noisebridge.action-view div.vectorTabs,<br /> .page-Noisebridge.action-view div.vectorTabs span,<br /> .page-Noisebridge.action-view div.vectorTabs ul,<br /> .page-Noisebridge.action-view div.vectorTabs ul li,<br /> .page-Noisebridge.action-view div#mw-head div.vectorMenu h3 {<br /> background: none;<br /> }<br /> <br /> .page-Noisebridge.action-view div.vectorTabs span a,<br /> .page-Noisebridge.action-view div.vectorMenu h3 span {<br /> line-height: 18px;<br /> padding-top: .7em;<br /> }<br /> <br /> .page-Noisebridge.action-view div.vectorMenu h3 a {<br /> background-position: 0% 40%;<br /> }<br /> <br /> .page-Noisebridge.action-view #ca-unwatch.icon a,<br /> .page-Noisebridge.action-view #ca-watch.icon a {<br /> background-position-y: 40%;<br /> }<br /> <br /> .page-Noisebridge.action-view #p-search form,<br /> .page-Noisebridge.action-view #simpleSearch {<br /> margin-top: 0;<br /> }<br /> <br /> .page-Noisebridge.action-view div#mw-panel {<br /> top: 0;<br /> }<br /> <br /> /* FWD - color scheme: http://colorschemedesigner.com/#3L61TqVmBjFJD */<br /> @font-face {<br /> font-family: 'Source Sans Pro';<br /> font-style: normal;<br /> font-weight: 300;<br /> src: local('Source Sans Pro Light'), local('SourceSansPro-Light'), url(https://themes.googleusercontent.com/static/fonts/sourcesanspro/v7/toadOcfmlt9b38dHJxOBGMVNtom4QlEDNJaqqqzqdSs.woff) format('woff'), url(https://themes.googleusercontent.com/static/fonts/sourcesanspro/v7/toadOcfmlt9b38dHJxOBGBlTL9oEQvYTI0YAW1-Ysv0.eot) format('embedded-opentype'), url(https://themes.googleusercontent.com/static/fonts/sourcesanspro/v7/toadOcfmlt9b38dHJxOBGMw1o1eFRj7wYC6JbISqOjY.ttf) format('truetype');<br /> }<br /> @font-face {<br /> font-family: 'Source Sans Pro';<br /> font-style: normal;<br /> font-weight: 400;<br /> src: local('Source Sans Pro'), local('SourceSansPro-Regular'), url(https://themes.googleusercontent.com/static/fonts/sourcesanspro/v7/ODelI1aHBYDBqgeIAH2zlNHq-FFgoDNV3GTKpHwuvtI.woff) format('woff'), url(https://themes.googleusercontent.com/static/fonts/sourcesanspro/v7/ODelI1aHBYDBqgeIAH2zlN0tugusXa58UbOrParLRF0.eot) format('embedded-opentype'), url(https://themes.googleusercontent.com/static/fonts/sourcesanspro/v7/ODelI1aHBYDBqgeIAH2zlNzbP97U9sKh0jjxbPbfOKg.ttf) format('truetype');<br /> }<br /> @font-face {<br /> font-family: 'Source Sans Pro';<br /> font-style: normal;<br /> font-weight: 700;<br /> src: local('Source Sans Pro Bold'), local('SourceSansPro-Bold'), url(https://themes.googleusercontent.com/static/fonts/sourcesanspro/v7/toadOcfmlt9b38dHJxOBGIqjGYJUyOXcBwUQbRaNH6c.woff) format('woff'), url(https://themes.googleusercontent.com/static/fonts/sourcesanspro/v7/toadOcfmlt9b38dHJxOBGFV89XnfCtb1fhQGOlhyqi8.eot) format('embedded-opentype'), url(https://themes.googleusercontent.com/static/fonts/sourcesanspro/v7/toadOcfmlt9b38dHJxOBGLsbIrGiHa6JIepkyt5c0A0.ttf) format('truetype');<br /> }<br /> <br /> .page-Front-end_Web_Development.action-view {<br /> background: #000;<br /> }<br /> <br /> .page-Front-end_Web_Development.action-view #bodyContent a.external {<br /> background: none;<br /> padding-right: 0;<br /> }<br /> <br /> .page-Front-end_Web_Development.action-view #p-cactions {<br /> margin-top: 1px;<br /> }<br /> .page-Front-end_Web_Development.action-view #p-cactions li, .page-Front-end_Web_Development.action-view #p-cactions li.selected {<br /> background: #362763;<br /> border-color: transparent;<br /> padding-bottom: .35em;<br /> }<br /> .page-Front-end_Web_Development.action-view #p-cactions li.selected {<br /> border-color: #aaa;<br /> }<br /> .page-Front-end_Web_Development.action-view #p-cactions li a, .page-Front-end_Web_Development.action-view #p-cactions li.selected a {<br /> background: none;<br /> color: #8C73DB;<br /> }<br /> .page-Front-end_Web_Development.action-view #p-cactions .new a {<br /> color: #ba0000;<br /> }<br /> .page-Front-end_Web_Development.action-view #p-cactions li a:hover, .page-Front-end_Web_Development.action-view #p-personal li a:hover {<br /> background: none;<br /> color: #fff;<br /> }<br /> .page-Front-end_Web_Development.action-view .portlet h5 {<br /> color: #7292DB;<br /> }<br /> .page-Front-end_Web_Development.action-view .generated-sidebar .pBody, .page-Front-end_Web_Development.action-view #p-tb .pBody, .page-Front-end_Web_Development.action-view div#footer {<br /> background: #1b223c;<br /> border-color: transparent;<br /> color: #7292DB;<br /> }<br /> .page-Front-end_Web_Development.action-view #p-personal li a, .page-Front-end_Web_Development.action-view .generated-sidebar .pBody a, .page-Front-end_Web_Development.action-view #p-tb .pBody a, .page-Front-end_Web_Development.action-view div#footer a {<br /> color: #A2B3DB;<br /> }<br /> .page-Front-end_Web_Development.action-view .pBody {<br /> bottom: 1px;<br /> position: relative;<br /> z-index: 3;<br /> }<br /> .page-Front-end_Web_Development.action-view div#content {<br /> background-clip: content-box;<br /> border-color: transparent;<br /> padding: 0;<br /> }<br /> .page-Front-end_Web_Development.action-view div#content * {<br /> box-sizing: border-box;<br /> }<br /> .page-Front-end_Web_Development.action-view #contentSub {<br /> margin: 0;<br /> }<br /> .page-Front-end_Web_Development.action-view #mw-content-text {<br /> font-family: &quot;Source Sans Pro&quot;, &quot;Helvetica Neue&quot;, Helvetica, sans-serif;<br /> }<br /> .page-Front-end_Web_Development.action-view #mw-content-text img {<br /> display: none !important; /* ;) */<br /> }<br /> .page-Front-end_Web_Development.action-view h1, .page-Front-end_Web_Development.action-view h2 {<br /> border-bottom: 0;<br /> }<br /> .page-Front-end_Web_Development.action-view h2 {<br /> color: inherit;<br /> font-weight: bold;<br /> text-transform: uppercase;<br /> }<br /> .page-Front-end_Web_Development.action-view code {<br /> background-color: rgba(255,255,255,.1);<br /> }<br /> .page-Front-end_Web_Development.action-view .firstHeading {<br /> display: none;<br /> }<br /> .page-Front-end_Web_Development.action-view .thank-you p {<br /> text-align: left;<br /> }<br /> .page-Front-end_Web_Development.action-view .hero, .page-Front-end_Web_Development.action-view .keep-informed {<br /> background: #1b223c url('/images/4/4f/Fwd-hero.jpg');<br /> background-attachment: fixed;<br /> background-size: auto 100%;<br /> }<br /> .page-Front-end_Web_Development.action-view .hero {<br /> padding-bottom: 40px;<br /> }<br /> .page-Front-end_Web_Development.action-view .hero__hgroup {<br /> padding: 40px;<br /> text-shadow: 0 0 40px rgba(0,0,0,.75);<br /> }<br /> .page-Front-end_Web_Development.action-view .hero__hgroup h1, .page-Front-end_Web_Development.action-view .keep-informed {<br /> color: #A2B3DB;<br /> }<br /> .page-Front-end_Web_Development.action-view .hero__hgroup h1 {<br /> font-size: 75px;<br /> font-weight: 300;<br /> line-height: 1em;<br /> overflow: visible;<br /> margin-bottom: 0;<br /> }<br /> .page-Front-end_Web_Development.action-view .hero__hgroup h2, .page-Front-end_Web_Development.action-view .keep-informed a {<br /> color: #7292DB;<br /> }<br /> .page-Front-end_Web_Development.action-view .hero__hgroup h2 {<br /> font-size: 36px;<br /> font-weight: 400;<br /> line-height: 1.4em;<br /> text-transform: none;<br /> }<br /> .page-Front-end_Web_Development.action-view .hero__hgroup h2 a {<br /> display: block;<br /> }<br /> .page-Front-end_Web_Development.action-view .section {<br /> padding: 2em 0;<br /> text-align: center;<br /> }<br /> .page-Front-end_Web_Development.action-view .details {<br /> display: -webkit-box;<br /> display: -ms-flexbox;<br /> display: flex;<br /> -ms-flex-wrap: wrap;<br /> flex-wrap: wrap;<br /> -webkit-box-pack: center;<br /> -ms-flex-pack: center;<br /> justify-content: center;<br /> margin: 0 auto;<br /> max-width: 1200px;<br /> }<br /> .page-Front-end_Web_Development.action-view .details__detail {<br /> text-align: left;<br /> max-width: 600px;<br /> width: 50%;<br /> }<br /> .page-Front-end_Web_Development.action-view .details__detail h2 {<br /> padding-top: 0;<br /> }<br /> .page-Front-end_Web_Development.action-view .details__detail--what, .page-Front-end_Web_Development.action-view .details__detail--where {<br /> background: #362769;<br /> color: #B1A3DB;<br /> }<br /> .page-Front-end_Web_Development.action-view .details__detail--what a, .page-Front-end_Web_Development.action-view .details__detail--where a {<br /> color: #8C73DB;<br /> }<br /> .page-Front-end_Web_Development.action-view .details__detail--who, .page-Front-end_Web_Development.action-view .details__detail--when {<br /> background: #1A5B5B;<br /> color: #99D7D7;<br /> }<br /> .page-Front-end_Web_Development.action-view .details__detail--who a, .page-Front-end_Web_Development.action-view .details__detail--when a {<br /> color: #64D7D7;<br /> }<br /> .page-Front-end_Web_Development.action-view .section h2, .page-Front-end_Web_Development.action-view .classes h2 {<br /> font-size: 2em;<br /> }<br /> .page-Front-end_Web_Development.action-view .section h2 {<br /> margin-bottom: 1em;<br /> }<br /> .page-Front-end_Web_Development.action-view .section p, .page-Front-end_Web_Development.action-view .section ul, .page-Front-end_Web_Development.action-view .classes p {<br /> font-size: 16px;<br /> }<br /> .page-Front-end_Web_Development.action-view .section ol {<br /> font-size: 20px;<br /> }<br /> .page-Front-end_Web_Development.action-view .container {<br /> margin: 0 auto;<br /> max-width: 600px;<br /> padding: 0 20px;<br /> }<br /> .page-Front-end_Web_Development.action-view .new-series__calendar {<br /> background: #fff;<br /> border: 4px solid #000;<br /> box-shadow: 5px 10px rgba(0,0,0,.5);<br /> font-family: &quot;Helvetica Neue&quot;, Helvetica, sans-serif;<br /> height: 200px;<br /> margin: 2em auto;<br /> position: relative;<br /> text-align: center;<br /> width: 200px;<br /> }<br /> .page-Front-end_Web_Development.action-view .new-series__calendar:after {<br /> content: '';<br /> display: block;<br /> position: absolute;<br /> bottom: 0;<br /> right: 0;<br /> border-width: 15px;<br /> border-color: #ddd #eee #eee #ddd;<br /> border-style: solid;<br /> }<br /> .page-Front-end_Web_Development.action-view .new-series__calendar--no-months .new-series__calendar__date {<br /> font-size: 150px;<br /> }<br /> .page-Front-end_Web_Development.action-view .new-series__calendar__month, .page-Front-end_Web_Development.action-view .new-series__calendar__date {<br /> display: block;<br /> }<br /> .page-Front-end_Web_Development.action-view .new-series__calendar__month {<br /> background: #ff3333;<br /> color: #fff;<br /> font-size: 24px;<br /> line-height: 1.4em;<br /> text-transform: uppercase;<br /> }<br /> .page-Front-end_Web_Development.action-view .new-series__calendar__date {<br /> color: #000;<br /> font-size: 115px;<br /> font-weight: 300;<br /> line-height: 1em;<br /> }<br /> .page-Front-end_Web_Development.action-view .new-series__calendar__months {<br /> color: #000;<br /> display: block;<br /> font-size: 30px;<br /> line-height: 30px;<br /> }<br /> .page-Front-end_Web_Development.action-view .new-series, .page-Front-end_Web_Development.action-view .get-set-up {<br /> background: #36207C url('/images/8/85/Fwd-purple-bg.png') repeat-y 77px 0;<br /> background-attachment: fixed;<br /> background-size: contain;<br /> webkit-background-size: contain;<br /> color: #B1A3DB;<br /> }<br /> .page-Front-end_Web_Development.action-view .get-set-up ol {<br /> text-align: left;<br /> }<br /> .page-Front-end_Web_Development.action-view .get-set-up ol &gt; li {<br /> margin-bottom: .5em;<br /> }<br /> .page-Front-end_Web_Development.action-view .thank-you, .page-Front-end_Web_Development.action-view .new-series--new {<br /> background: #EBC16D;<br /> color: inherit;<br /> }<br /> .page-Front-end_Web_Development.action-view .new-series a, .page-Front-end_Web_Development.action-view .new-series #bodyContent a.external, .page-Front-end_Web_Development.action-view .get-set-up a, .page-Front-end_Web_Development.action-view #bodyContent .get-set-up a.external {<br /> color: #8C73DB;<br /> }<br /> .page-Front-end_Web_Development.action-view .new-series--new a {<br /> background: none;<br /> color: #8D6310;<br /> padding-right: 0;<br /> }<br /> .page-Front-end_Web_Development.action-view .new-series--new + .keep-informed {<br /> <br /> }<br /> .page-Front-end_Web_Development.action-view .keep-informed__buttons {<br /> list-style: none;<br /> margin: 1em auto;<br /> text-align: center;<br /> }<br /> .page-Front-end_Web_Development.action-view .keep-informed__buttons li {<br /> margin: 1em 0;<br /> }<br /> .page-Front-end_Web_Development.action-view .keep-informed__buttons a {<br /> color: #99D7D7 !important;<br /> background: #116C6C !important;<br /> border-radius: 5px;<br /> display: inline-block;<br /> font-size: 24px;<br /> font-weight: bold;<br /> padding: 10px !important;<br /> }<br /> .page-Front-end_Web_Development.action-view .keep-informed__buttons a:hover {<br /> background: #1A5B5B !important;<br /> text-decoration: none;<br /> }<br /> .page-Front-end_Web_Development.action-view .keep-informed__buttons a:active {<br /> background: #095555 !important;<br /> }<br /> .page-Front-end_Web_Development.action-view .classes {<br /> display: table-row;<br /> }<br /> .page-Front-end_Web_Development.action-view .classes__class {<br /> display: table-cell;<br /> padding: 2em;<br /> width: 50%;<br /> }<br /> .page-Front-end_Web_Development.action-view .classes__class--lecture {<br /> background: #A2B3DB;<br /> }<br /> .page-Front-end_Web_Development.action-view #bodyContent .classes__class--lecture a {<br /> color: #10285F;<br /> }<br /> .page-Front-end_Web_Development.action-view .classes__class--lab {<br /> background: #99D7D7;<br /> }<br /> .page-Front-end_Web_Development.action-view #bodyContent .classes__class--lab a {<br /> color: #095555;<br /> }<br /> .page-Front-end_Web_Development.action-view .classes__current {<br /> background: #fff;<br /> background: rgba(255,255,255,.8);<br /> border-radius: 10px;<br /> margin: 1em 0;<br /> padding: 1em 1em .5em;<br /> }<br /> .page-Front-end_Web_Development.action-view .classes__current h4 {<br /> padding-top: 0;<br /> }<br /> .page-Front-end_Web_Development.action-view .classes__current p {<br /> font-size: 13px;<br /> }<br /> .page-Front-end_Web_Development.action-view .web-development__link {<br /> font-size: 1.5em;<br /> }<br /> .page-Front-end_Web_Development.action-view .catlinks {<br /> margin: 1em;<br /> }<br /> @media only screen and (max-width: 980px) {<br /> .page-Front-end_Web_Development.action-view .hero {<br /> padding-bottom: 0;<br /> }<br /> .page-Front-end_Web_Development.action-view .details {<br /> display: block;<br /> }<br /> .page-Front-end_Web_Development.action-view .details__detail {<br /> max-width: none;<br /> width: auto;<br /> }<br /> .page-Front-end_Web_Development.action-view .details__detail--when {<br /> background: #362769;<br /> color: #B1A3DB;<br /> }<br /> .page-Front-end_Web_Development.action-view .details__detail--when a {<br /> color: #8C73DB;<br /> }<br /> .page-Front-end_Web_Development.action-view .details__detail--where {<br /> background: #1A5B5B;<br /> color: #99D7D7;<br /> }<br /> .page-Front-end_Web_Development.action-view .details__detail--where a {<br /> color: #64D7D7;<br /> }<br /> }<br /> /* end FWD */<br /> <br /> .recurring-events li {<br /> margin-bottom: .5em;<br /> }<br /> <br /> .recurring {<br /> background: limegreen;<br /> border-radius: 2px;<br /> color: #fff;<br /> font-size: .92em;<br /> padding: 0 .2em;<br /> }<br /> <br /> .recurring--numbered {<br /> background: yellow;<br /> color: #000;<br /> }<br /> <br /> .recurring--exception {<br /> background: black;<br /> }<br /> <br /> .front-page-box, .front-page-box__container {<br /> width: 960px;<br /> }<br /> <br /> .front-page-box__container {<br /> display: table;<br /> }<br /> <br /> .front-page-box {<br /> background-color: #fafafa;<br /> border: solid 1px #990000;<br /> box-sizing: border-box;<br /> padding: 5px 10px 5px 10px;<br /> }<br /> <br /> .front-page-box h2 {<br /> padding-top: .4em;<br /> }<br /> <br /> .front-page-box--single, .front-page-box__container {<br /> margin: 6px auto 6px auto;<br /> }<br /> <br /> .front-page-box--two, .front-page-box--three {<br /> padding-bottom: 3px;<br /> }<br /> <br /> .front-page-box--two, .front-page-box--three, .front-page-box__spacer {<br /> display: table-cell;<br /> }<br /> <br /> .front-page-box--two:last-child, .front-page-box--three:last-child {<br /> margin-right: 0;<br /> }<br /> <br /> .front-page-box--two {<br /> width: 473px;<br /> }<br /> <br /> .front-page-box--three {<br /> width: 311px;<br /> }<br /> <br /> .front-page-box--goto-2169, .front-page-box--get-involved, .front-page-box--help-out {<br /> background-position: center top;<br /> background-repeat: no-repeat;<br /> background-size: contain;<br /> padding-top: 36px;<br /> position: relative;<br /> }<br /> <br /> .front-page-box--goto-2169 {<br /> background-image: url('/images/f/fe/Wikibanner-goto-2169.png');<br /> }<br /> <br /> .front-page-box--get-involved {<br /> background-image: url('/images/7/7b/Wikibanner-get-involved.png');<br /> }<br /> <br /> .front-page-box--help-out {<br /> background-color: #eeffee;<br /> background-image: url('/images/3/3d/Wikibanner-help-out.png');<br /> }<br /> <br /> .front-page-box__spacer {<br /> width: 13px;<br /> }<br /> <br /> .front-page-box__heading {<br /> border: 0;<br /> height: 30px;<br /> left: 0;<br /> margin: 0;<br /> overflow: hidden;<br /> padding: 0;<br /> position: absolute;<br /> text-indent: 100%;<br /> top: 0;<br /> white-space: nowrap;<br /> width: 100%;<br /> }<br /> <br /> .front-page-box__heading a {<br /> bottom: 0;<br /> left: 0;<br /> position: absolute;<br /> right: 0;<br /> top: 0;<br /> }<br /> <br /> @media only screen and (max-width: 1150px) {<br /> .front-page-box, .front-page-box__container {<br /> width: 800px;<br /> }<br /> <br /> .front-page-box--two {<br /> width: 393px;<br /> }<br /> <br /> .front-page-box--three {<br /> width: 258px;<br /> }<br /> }<br /> /* new home page 2018 */<br /> /* nav */<br /> body.page-NewFrontpage2018 .header { background-color: black; width: 100%; display: flex; justify-content: space-between; align-items: center;}<br /> body.page-NewFrontpage2018 .header-logo {height: 60px; width: 60px; margin: 10px;}<br /> body.page-NewFrontpage2018 .header-navigation { margin: 10px;}<br /> body.page-NewFrontpage2018 .header-navigation a {color: white; margin: 0 10px; text-decoration: none;}<br /> body.page-NewFrontpage2018 .header-navigation .plainlinks a.external {color: #666;}<br /> <br /> /* banner */<br /> body.page-NewFrontpage2018 .hero { background: url(https://noisebridge.net/images/9/98/Lifebg.gif); min-height: 400px; color: white; font-weight: bold; padding: 40px;}<br /> <br /> /* global */<br /> body.page-NewFrontpage2018 .mw-body .mw-body-content h1, body.page-NewFrontpage2018 .mw-body .mw-body-content h2 {color: white; width: 100%; text-align: center; border: 0; font-family: sans-serif;}<br /> body.page-NewFrontpage2018 img{height: auto; width: 100%;}<br /> <br /> body.page-NewFrontpage2018 .mw-editsection {display: none;}<br /> <br /> /* hiding stuff */<br /> /* body.page-NewFrontpage2018 #mw-page-base, body.page-NewFrontpage2018 #mw-head, body.page-NewFrontpage2018 #mw-panel {display:none;} */<br /> /* body.page-NewFrontpage2018 .mw-body {padding: 0; margin: 0; border: 0;}*/</div> Raqlol https://wiki.extremist.software/index.php?title=MediaWiki:Common.css&diff=67890 MediaWiki:Common.css 2018-08-27T02:37:53Z <p>Raqlol: banner edits after markup</p> <hr /> <div>/** CSS placed here will be applied to all skins */<br /> <br /> body { background: #d9d9d9; }<br /> <br /> #footer {<br /> border-top: 1px solid #aaa;<br /> border-bottom: 1px solid #aaa;<br /> }<br /> <br /> .cf:before,<br /> .cf:after {<br /> content: &quot; &quot;;<br /> display: table;<br /> }<br /> <br /> .cf:after {<br /> clear: both;<br /> }<br /> <br /> .cf {<br /> *zoom: 1;<br /> }<br /> <br /> #p-logo a {<br /> background-image: url('https://noisebridge.net/images/d/d0/Nb-logo-131.png') !important;<br /> }<br /> <br /> /* americancensorship.org css banner */<br /> div#p-logo { z-index: 0 }<br /> span.americancensorshipdotorg a.external {<br /> width: 140px; height: 40px;<br /> top:20px; left:-150px;<br /> -webkit-transform: rotate(-30deg);<br /> transform: rotate(-30deg);<br /> position: absolute; z-index:10;<br /> vertical-align: middle; text-align: center;<br /> background-color: black;<br /> background-image: url(https://www.noisebridge.net/images/f/f3/Stop-censorship-small.png);<br /> background-position: center center;<br /> background-repeat: no-repeat;<br /> border:2px solid black<br /> }<br /> span.americancensorshipdotorg a.external:hover { border:2px solid white }<br /> span.americancensorshipdotorg a span { display:none }<br /> <br /> /* Moving search box to upper-left */<br /> #p-search {<br /> margin: 0;<br /> position: absolute;<br /> right: 1em;<br /> top: 1.25em;<br /> width: auto;<br /> }<br /> <br /> #p-search h5 {<br /> display: none;<br /> }<br /> <br /> #p-search .pBody {<br /> background: none;<br /> border: none;<br /> padding: 0;<br /> }<br /> <br /> /* Homepage */<br /> /* visually hide first heading - makes it look less article-like */<br /> .page-Noisebridge.action-view .firstHeading {<br /> border: 0;<br /> clip: rect(0 0 0 0);<br /> height: 1px;<br /> margin: -1px;<br /> overflow: hidden;<br /> padding: 0;<br /> position: absolute;<br /> width: 1px;<br /> }<br /> <br /> .page-Noisebridge.action-view {<br /> background: #A4A7AE;<br /> }<br /> <br /> /* hide sidebar on main page */<br /> .page-Noisebridge.action-view #content {<br /> background-image: url('https://noisebridge.net/images/9/98/Lifebg.gif');<br /> background-attachment: fixed;<br /> /*background-size: contain;*/<br /> margin-left: 0;<br /> }<br /> <br /> .page-Noisebridge.action-view #mw-page-base {<br /> background: transparent;<br /> height: 2.8em;<br /> }<br /> <br /> .page-Noisebridge.action-view #mw-panel .portal {<br /> display: none;<br /> }<br /> <br /> .page-Noisebridge.action-view #p-logo, .page-Noisebridge.action-view #p-logo a {<br /> height: 2.4em;<br /> width: 2.4em;<br /> }<br /> <br /> .page-Noisebridge.action-view #p-logo {<br /> top: .2em;<br /> left: .2em;<br /> }<br /> <br /> .page-Noisebridge.action-view #p-logo a {<br /> background-size: contain;<br /> }<br /> <br /> .page-Noisebridge.action-view #p-personal {<br /> top: 0;<br /> }<br /> <br /> .page-Noisebridge.action-view #p-views {<br /> padding-left: 0;<br /> }<br /> <br /> .page-Noisebridge.action-view #left-navigation,<br /> .page-Noisebridge.action-view #right-navigation {<br /> margin-top: .3em;<br /> }<br /> <br /> .page-Noisebridge.action-view #left-navigation {<br /> margin-left: 3.5em;<br /> }<br /> <br /> .page-Noisebridge.action-view #right-navigation {<br /> float: left;<br /> }<br /> <br /> .page-Noisebridge.action-view div.vectorTabs,<br /> .page-Noisebridge.action-view div.vectorTabs span,<br /> .page-Noisebridge.action-view div.vectorTabs ul,<br /> .page-Noisebridge.action-view div.vectorTabs ul li,<br /> .page-Noisebridge.action-view div#mw-head div.vectorMenu h3 {<br /> background: none;<br /> }<br /> <br /> .page-Noisebridge.action-view div.vectorTabs span a,<br /> .page-Noisebridge.action-view div.vectorMenu h3 span {<br /> line-height: 18px;<br /> padding-top: .7em;<br /> }<br /> <br /> .page-Noisebridge.action-view div.vectorMenu h3 a {<br /> background-position: 0% 40%;<br /> }<br /> <br /> .page-Noisebridge.action-view #ca-unwatch.icon a,<br /> .page-Noisebridge.action-view #ca-watch.icon a {<br /> background-position-y: 40%;<br /> }<br /> <br /> .page-Noisebridge.action-view #p-search form,<br /> .page-Noisebridge.action-view #simpleSearch {<br /> margin-top: 0;<br /> }<br /> <br /> .page-Noisebridge.action-view div#mw-panel {<br /> top: 0;<br /> }<br /> <br /> /* FWD - color scheme: http://colorschemedesigner.com/#3L61TqVmBjFJD */<br /> @font-face {<br /> font-family: 'Source Sans Pro';<br /> font-style: normal;<br /> font-weight: 300;<br /> src: local('Source Sans Pro Light'), local('SourceSansPro-Light'), url(https://themes.googleusercontent.com/static/fonts/sourcesanspro/v7/toadOcfmlt9b38dHJxOBGMVNtom4QlEDNJaqqqzqdSs.woff) format('woff'), url(https://themes.googleusercontent.com/static/fonts/sourcesanspro/v7/toadOcfmlt9b38dHJxOBGBlTL9oEQvYTI0YAW1-Ysv0.eot) format('embedded-opentype'), url(https://themes.googleusercontent.com/static/fonts/sourcesanspro/v7/toadOcfmlt9b38dHJxOBGMw1o1eFRj7wYC6JbISqOjY.ttf) format('truetype');<br /> }<br /> @font-face {<br /> font-family: 'Source Sans Pro';<br /> font-style: normal;<br /> font-weight: 400;<br /> src: local('Source Sans Pro'), local('SourceSansPro-Regular'), url(https://themes.googleusercontent.com/static/fonts/sourcesanspro/v7/ODelI1aHBYDBqgeIAH2zlNHq-FFgoDNV3GTKpHwuvtI.woff) format('woff'), url(https://themes.googleusercontent.com/static/fonts/sourcesanspro/v7/ODelI1aHBYDBqgeIAH2zlN0tugusXa58UbOrParLRF0.eot) format('embedded-opentype'), url(https://themes.googleusercontent.com/static/fonts/sourcesanspro/v7/ODelI1aHBYDBqgeIAH2zlNzbP97U9sKh0jjxbPbfOKg.ttf) format('truetype');<br /> }<br /> @font-face {<br /> font-family: 'Source Sans Pro';<br /> font-style: normal;<br /> font-weight: 700;<br /> src: local('Source Sans Pro Bold'), local('SourceSansPro-Bold'), url(https://themes.googleusercontent.com/static/fonts/sourcesanspro/v7/toadOcfmlt9b38dHJxOBGIqjGYJUyOXcBwUQbRaNH6c.woff) format('woff'), url(https://themes.googleusercontent.com/static/fonts/sourcesanspro/v7/toadOcfmlt9b38dHJxOBGFV89XnfCtb1fhQGOlhyqi8.eot) format('embedded-opentype'), url(https://themes.googleusercontent.com/static/fonts/sourcesanspro/v7/toadOcfmlt9b38dHJxOBGLsbIrGiHa6JIepkyt5c0A0.ttf) format('truetype');<br /> }<br /> <br /> .page-Front-end_Web_Development.action-view {<br /> background: #000;<br /> }<br /> <br /> .page-Front-end_Web_Development.action-view #bodyContent a.external {<br /> background: none;<br /> padding-right: 0;<br /> }<br /> <br /> .page-Front-end_Web_Development.action-view #p-cactions {<br /> margin-top: 1px;<br /> }<br /> .page-Front-end_Web_Development.action-view #p-cactions li, .page-Front-end_Web_Development.action-view #p-cactions li.selected {<br /> background: #362763;<br /> border-color: transparent;<br /> padding-bottom: .35em;<br /> }<br /> .page-Front-end_Web_Development.action-view #p-cactions li.selected {<br /> border-color: #aaa;<br /> }<br /> .page-Front-end_Web_Development.action-view #p-cactions li a, .page-Front-end_Web_Development.action-view #p-cactions li.selected a {<br /> background: none;<br /> color: #8C73DB;<br /> }<br /> .page-Front-end_Web_Development.action-view #p-cactions .new a {<br /> color: #ba0000;<br /> }<br /> .page-Front-end_Web_Development.action-view #p-cactions li a:hover, .page-Front-end_Web_Development.action-view #p-personal li a:hover {<br /> background: none;<br /> color: #fff;<br /> }<br /> .page-Front-end_Web_Development.action-view .portlet h5 {<br /> color: #7292DB;<br /> }<br /> .page-Front-end_Web_Development.action-view .generated-sidebar .pBody, .page-Front-end_Web_Development.action-view #p-tb .pBody, .page-Front-end_Web_Development.action-view div#footer {<br /> background: #1b223c;<br /> border-color: transparent;<br /> color: #7292DB;<br /> }<br /> .page-Front-end_Web_Development.action-view #p-personal li a, .page-Front-end_Web_Development.action-view .generated-sidebar .pBody a, .page-Front-end_Web_Development.action-view #p-tb .pBody a, .page-Front-end_Web_Development.action-view div#footer a {<br /> color: #A2B3DB;<br /> }<br /> .page-Front-end_Web_Development.action-view .pBody {<br /> bottom: 1px;<br /> position: relative;<br /> z-index: 3;<br /> }<br /> .page-Front-end_Web_Development.action-view div#content {<br /> background-clip: content-box;<br /> border-color: transparent;<br /> padding: 0;<br /> }<br /> .page-Front-end_Web_Development.action-view div#content * {<br /> box-sizing: border-box;<br /> }<br /> .page-Front-end_Web_Development.action-view #contentSub {<br /> margin: 0;<br /> }<br /> .page-Front-end_Web_Development.action-view #mw-content-text {<br /> font-family: &quot;Source Sans Pro&quot;, &quot;Helvetica Neue&quot;, Helvetica, sans-serif;<br /> }<br /> .page-Front-end_Web_Development.action-view #mw-content-text img {<br /> display: none !important; /* ;) */<br /> }<br /> .page-Front-end_Web_Development.action-view h1, .page-Front-end_Web_Development.action-view h2 {<br /> border-bottom: 0;<br /> }<br /> .page-Front-end_Web_Development.action-view h2 {<br /> color: inherit;<br /> font-weight: bold;<br /> text-transform: uppercase;<br /> }<br /> .page-Front-end_Web_Development.action-view code {<br /> background-color: rgba(255,255,255,.1);<br /> }<br /> .page-Front-end_Web_Development.action-view .firstHeading {<br /> display: none;<br /> }<br /> .page-Front-end_Web_Development.action-view .thank-you p {<br /> text-align: left;<br /> }<br /> .page-Front-end_Web_Development.action-view .hero, .page-Front-end_Web_Development.action-view .keep-informed {<br /> background: #1b223c url('/images/4/4f/Fwd-hero.jpg');<br /> background-attachment: fixed;<br /> background-size: auto 100%;<br /> }<br /> .page-Front-end_Web_Development.action-view .hero {<br /> padding-bottom: 40px;<br /> }<br /> .page-Front-end_Web_Development.action-view .hero__hgroup {<br /> padding: 40px;<br /> text-shadow: 0 0 40px rgba(0,0,0,.75);<br /> }<br /> .page-Front-end_Web_Development.action-view .hero__hgroup h1, .page-Front-end_Web_Development.action-view .keep-informed {<br /> color: #A2B3DB;<br /> }<br /> .page-Front-end_Web_Development.action-view .hero__hgroup h1 {<br /> font-size: 75px;<br /> font-weight: 300;<br /> line-height: 1em;<br /> overflow: visible;<br /> margin-bottom: 0;<br /> }<br /> .page-Front-end_Web_Development.action-view .hero__hgroup h2, .page-Front-end_Web_Development.action-view .keep-informed a {<br /> color: #7292DB;<br /> }<br /> .page-Front-end_Web_Development.action-view .hero__hgroup h2 {<br /> font-size: 36px;<br /> font-weight: 400;<br /> line-height: 1.4em;<br /> text-transform: none;<br /> }<br /> .page-Front-end_Web_Development.action-view .hero__hgroup h2 a {<br /> display: block;<br /> }<br /> .page-Front-end_Web_Development.action-view .section {<br /> padding: 2em 0;<br /> text-align: center;<br /> }<br /> .page-Front-end_Web_Development.action-view .details {<br /> display: -webkit-box;<br /> display: -ms-flexbox;<br /> display: flex;<br /> -ms-flex-wrap: wrap;<br /> flex-wrap: wrap;<br /> -webkit-box-pack: center;<br /> -ms-flex-pack: center;<br /> justify-content: center;<br /> margin: 0 auto;<br /> max-width: 1200px;<br /> }<br /> .page-Front-end_Web_Development.action-view .details__detail {<br /> text-align: left;<br /> max-width: 600px;<br /> width: 50%;<br /> }<br /> .page-Front-end_Web_Development.action-view .details__detail h2 {<br /> padding-top: 0;<br /> }<br /> .page-Front-end_Web_Development.action-view .details__detail--what, .page-Front-end_Web_Development.action-view .details__detail--where {<br /> background: #362769;<br /> color: #B1A3DB;<br /> }<br /> .page-Front-end_Web_Development.action-view .details__detail--what a, .page-Front-end_Web_Development.action-view .details__detail--where a {<br /> color: #8C73DB;<br /> }<br /> .page-Front-end_Web_Development.action-view .details__detail--who, .page-Front-end_Web_Development.action-view .details__detail--when {<br /> background: #1A5B5B;<br /> color: #99D7D7;<br /> }<br /> .page-Front-end_Web_Development.action-view .details__detail--who a, .page-Front-end_Web_Development.action-view .details__detail--when a {<br /> color: #64D7D7;<br /> }<br /> .page-Front-end_Web_Development.action-view .section h2, .page-Front-end_Web_Development.action-view .classes h2 {<br /> font-size: 2em;<br /> }<br /> .page-Front-end_Web_Development.action-view .section h2 {<br /> margin-bottom: 1em;<br /> }<br /> .page-Front-end_Web_Development.action-view .section p, .page-Front-end_Web_Development.action-view .section ul, .page-Front-end_Web_Development.action-view .classes p {<br /> font-size: 16px;<br /> }<br /> .page-Front-end_Web_Development.action-view .section ol {<br /> font-size: 20px;<br /> }<br /> .page-Front-end_Web_Development.action-view .container {<br /> margin: 0 auto;<br /> max-width: 600px;<br /> padding: 0 20px;<br /> }<br /> .page-Front-end_Web_Development.action-view .new-series__calendar {<br /> background: #fff;<br /> border: 4px solid #000;<br /> box-shadow: 5px 10px rgba(0,0,0,.5);<br /> font-family: &quot;Helvetica Neue&quot;, Helvetica, sans-serif;<br /> height: 200px;<br /> margin: 2em auto;<br /> position: relative;<br /> text-align: center;<br /> width: 200px;<br /> }<br /> .page-Front-end_Web_Development.action-view .new-series__calendar:after {<br /> content: '';<br /> display: block;<br /> position: absolute;<br /> bottom: 0;<br /> right: 0;<br /> border-width: 15px;<br /> border-color: #ddd #eee #eee #ddd;<br /> border-style: solid;<br /> }<br /> .page-Front-end_Web_Development.action-view .new-series__calendar--no-months .new-series__calendar__date {<br /> font-size: 150px;<br /> }<br /> .page-Front-end_Web_Development.action-view .new-series__calendar__month, .page-Front-end_Web_Development.action-view .new-series__calendar__date {<br /> display: block;<br /> }<br /> .page-Front-end_Web_Development.action-view .new-series__calendar__month {<br /> background: #ff3333;<br /> color: #fff;<br /> font-size: 24px;<br /> line-height: 1.4em;<br /> text-transform: uppercase;<br /> }<br /> .page-Front-end_Web_Development.action-view .new-series__calendar__date {<br /> color: #000;<br /> font-size: 115px;<br /> font-weight: 300;<br /> line-height: 1em;<br /> }<br /> .page-Front-end_Web_Development.action-view .new-series__calendar__months {<br /> color: #000;<br /> display: block;<br /> font-size: 30px;<br /> line-height: 30px;<br /> }<br /> .page-Front-end_Web_Development.action-view .new-series, .page-Front-end_Web_Development.action-view .get-set-up {<br /> background: #36207C url('/images/8/85/Fwd-purple-bg.png') repeat-y 77px 0;<br /> background-attachment: fixed;<br /> background-size: contain;<br /> webkit-background-size: contain;<br /> color: #B1A3DB;<br /> }<br /> .page-Front-end_Web_Development.action-view .get-set-up ol {<br /> text-align: left;<br /> }<br /> .page-Front-end_Web_Development.action-view .get-set-up ol &gt; li {<br /> margin-bottom: .5em;<br /> }<br /> .page-Front-end_Web_Development.action-view .thank-you, .page-Front-end_Web_Development.action-view .new-series--new {<br /> background: #EBC16D;<br /> color: inherit;<br /> }<br /> .page-Front-end_Web_Development.action-view .new-series a, .page-Front-end_Web_Development.action-view .new-series #bodyContent a.external, .page-Front-end_Web_Development.action-view .get-set-up a, .page-Front-end_Web_Development.action-view #bodyContent .get-set-up a.external {<br /> color: #8C73DB;<br /> }<br /> .page-Front-end_Web_Development.action-view .new-series--new a {<br /> background: none;<br /> color: #8D6310;<br /> padding-right: 0;<br /> }<br /> .page-Front-end_Web_Development.action-view .new-series--new + .keep-informed {<br /> <br /> }<br /> .page-Front-end_Web_Development.action-view .keep-informed__buttons {<br /> list-style: none;<br /> margin: 1em auto;<br /> text-align: center;<br /> }<br /> .page-Front-end_Web_Development.action-view .keep-informed__buttons li {<br /> margin: 1em 0;<br /> }<br /> .page-Front-end_Web_Development.action-view .keep-informed__buttons a {<br /> color: #99D7D7 !important;<br /> background: #116C6C !important;<br /> border-radius: 5px;<br /> display: inline-block;<br /> font-size: 24px;<br /> font-weight: bold;<br /> padding: 10px !important;<br /> }<br /> .page-Front-end_Web_Development.action-view .keep-informed__buttons a:hover {<br /> background: #1A5B5B !important;<br /> text-decoration: none;<br /> }<br /> .page-Front-end_Web_Development.action-view .keep-informed__buttons a:active {<br /> background: #095555 !important;<br /> }<br /> .page-Front-end_Web_Development.action-view .classes {<br /> display: table-row;<br /> }<br /> .page-Front-end_Web_Development.action-view .classes__class {<br /> display: table-cell;<br /> padding: 2em;<br /> width: 50%;<br /> }<br /> .page-Front-end_Web_Development.action-view .classes__class--lecture {<br /> background: #A2B3DB;<br /> }<br /> .page-Front-end_Web_Development.action-view #bodyContent .classes__class--lecture a {<br /> color: #10285F;<br /> }<br /> .page-Front-end_Web_Development.action-view .classes__class--lab {<br /> background: #99D7D7;<br /> }<br /> .page-Front-end_Web_Development.action-view #bodyContent .classes__class--lab a {<br /> color: #095555;<br /> }<br /> .page-Front-end_Web_Development.action-view .classes__current {<br /> background: #fff;<br /> background: rgba(255,255,255,.8);<br /> border-radius: 10px;<br /> margin: 1em 0;<br /> padding: 1em 1em .5em;<br /> }<br /> .page-Front-end_Web_Development.action-view .classes__current h4 {<br /> padding-top: 0;<br /> }<br /> .page-Front-end_Web_Development.action-view .classes__current p {<br /> font-size: 13px;<br /> }<br /> .page-Front-end_Web_Development.action-view .web-development__link {<br /> font-size: 1.5em;<br /> }<br /> .page-Front-end_Web_Development.action-view .catlinks {<br /> margin: 1em;<br /> }<br /> @media only screen and (max-width: 980px) {<br /> .page-Front-end_Web_Development.action-view .hero {<br /> padding-bottom: 0;<br /> }<br /> .page-Front-end_Web_Development.action-view .details {<br /> display: block;<br /> }<br /> .page-Front-end_Web_Development.action-view .details__detail {<br /> max-width: none;<br /> width: auto;<br /> }<br /> .page-Front-end_Web_Development.action-view .details__detail--when {<br /> background: #362769;<br /> color: #B1A3DB;<br /> }<br /> .page-Front-end_Web_Development.action-view .details__detail--when a {<br /> color: #8C73DB;<br /> }<br /> .page-Front-end_Web_Development.action-view .details__detail--where {<br /> background: #1A5B5B;<br /> color: #99D7D7;<br /> }<br /> .page-Front-end_Web_Development.action-view .details__detail--where a {<br /> color: #64D7D7;<br /> }<br /> }<br /> /* end FWD */<br /> <br /> .recurring-events li {<br /> margin-bottom: .5em;<br /> }<br /> <br /> .recurring {<br /> background: limegreen;<br /> border-radius: 2px;<br /> color: #fff;<br /> font-size: .92em;<br /> padding: 0 .2em;<br /> }<br /> <br /> .recurring--numbered {<br /> background: yellow;<br /> color: #000;<br /> }<br /> <br /> .recurring--exception {<br /> background: black;<br /> }<br /> <br /> .front-page-box, .front-page-box__container {<br /> width: 960px;<br /> }<br /> <br /> .front-page-box__container {<br /> display: table;<br /> }<br /> <br /> .front-page-box {<br /> background-color: #fafafa;<br /> border: solid 1px #990000;<br /> box-sizing: border-box;<br /> padding: 5px 10px 5px 10px;<br /> }<br /> <br /> .front-page-box h2 {<br /> padding-top: .4em;<br /> }<br /> <br /> .front-page-box--single, .front-page-box__container {<br /> margin: 6px auto 6px auto;<br /> }<br /> <br /> .front-page-box--two, .front-page-box--three {<br /> padding-bottom: 3px;<br /> }<br /> <br /> .front-page-box--two, .front-page-box--three, .front-page-box__spacer {<br /> display: table-cell;<br /> }<br /> <br /> .front-page-box--two:last-child, .front-page-box--three:last-child {<br /> margin-right: 0;<br /> }<br /> <br /> .front-page-box--two {<br /> width: 473px;<br /> }<br /> <br /> .front-page-box--three {<br /> width: 311px;<br /> }<br /> <br /> .front-page-box--goto-2169, .front-page-box--get-involved, .front-page-box--help-out {<br /> background-position: center top;<br /> background-repeat: no-repeat;<br /> background-size: contain;<br /> padding-top: 36px;<br /> position: relative;<br /> }<br /> <br /> .front-page-box--goto-2169 {<br /> background-image: url('/images/f/fe/Wikibanner-goto-2169.png');<br /> }<br /> <br /> .front-page-box--get-involved {<br /> background-image: url('/images/7/7b/Wikibanner-get-involved.png');<br /> }<br /> <br /> .front-page-box--help-out {<br /> background-color: #eeffee;<br /> background-image: url('/images/3/3d/Wikibanner-help-out.png');<br /> }<br /> <br /> .front-page-box__spacer {<br /> width: 13px;<br /> }<br /> <br /> .front-page-box__heading {<br /> border: 0;<br /> height: 30px;<br /> left: 0;<br /> margin: 0;<br /> overflow: hidden;<br /> padding: 0;<br /> position: absolute;<br /> text-indent: 100%;<br /> top: 0;<br /> white-space: nowrap;<br /> width: 100%;<br /> }<br /> <br /> .front-page-box__heading a {<br /> bottom: 0;<br /> left: 0;<br /> position: absolute;<br /> right: 0;<br /> top: 0;<br /> }<br /> <br /> @media only screen and (max-width: 1150px) {<br /> .front-page-box, .front-page-box__container {<br /> width: 800px;<br /> }<br /> <br /> .front-page-box--two {<br /> width: 393px;<br /> }<br /> <br /> .front-page-box--three {<br /> width: 258px;<br /> }<br /> }<br /> /* new home page 2018 */<br /> /* nav */<br /> body.page-NewFrontpage2018 .header { background-color: black; width: 100%; display: flex; justify-content: space-between; align-items: center;}<br /> body.page-NewFrontpage2018 .header-logo {height: 60px; width: 60px; margin: 10px;}<br /> body.page-NewFrontpage2018 .header-navigation { margin: 10px;}<br /> body.page-NewFrontpage2018 .header-navigation a {color: white; margin: 0 10px; text-decoration: none;}<br /> body.page-NewFrontpage2018 .header-navigation .plainlinks a.external {color: #666;}<br /> <br /> /* banner */<br /> body.page-NewFrontpage2018 .hero { background: url(https://noisebridge.net/images/9/98/Lifebg.gif); min-height: 400px; color: white; font-weight: bold; display: flex; flex-wrap: wrap; align-items: center; justify-content: center;}<br /> <br /> /* global */<br /> <br /> body.page-NewFrontpage2018 .mw-body .mw-body-content h1, body.page-NewFrontpage2018 .mw-body .mw-body-content h2 {color: white; width: 100%; text-align: center; border: 0; margin: 20px;}<br /> <br /> body.page-NewFrontpage2018 .mw-editsection {display: none;}<br /> <br /> /* hiding stuff */<br /> /* body.page-NewFrontpage2018 #mw-page-base, body.page-NewFrontpage2018 #mw-head, body.page-NewFrontpage2018 #mw-panel {display:none;} */<br /> /* body.page-NewFrontpage2018 .mw-body {padding: 0; margin: 0; border: 0;}*/</div> Raqlol https://wiki.extremist.software/index.php?title=NewFrontpage2018&diff=67889 NewFrontpage2018 2018-08-27T02:32:35Z <p>Raqlol: changing divs to wikimarkup</p> <hr /> <div>__NOTOC__<br /> <br /> This page is for hacking on the frontpage of Noisebridge. This is currently being used to collaboratively organize and design parts of the frontpage, and to prototype it before putting it up.<br /> <br /> == Sample Header ==<br /> &lt;div class=&quot;header&quot;&gt;<br /> &lt;div class=&quot;header-logo&quot;&gt;<br /> [[File:Nb-logo-131.png|left]]<br /> &lt;/div&gt;<br /> &lt;div class=&quot;header-navigation plainlinks&quot; style=&quot;font-size: 3vh;&quot;&gt;<br /> [[About]] [[Events]] [[Connect]] [//donate.noisebridge.net Donate] [[Login]]<br /> &lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;div style=&quot;clear: both;&quot;&gt;&lt;/div&gt;<br /> &lt;!-- banner --&gt;<br /> &lt;div class=&quot;hero&quot;&gt;<br /> =NOISEBRIDGE=<br /> ==WORK, LEARN, &amp; PLAY==<br /> &lt;/div&gt;<br /> <br /> Background image: [[File:Header_Banner.jpg]]<br /> <br /> == Important Announcements ==<br /> <br /> Eg. Fundraising situation, major donor announcements, big things people have done at the space, etc.<br /> <br /> This could be a rotating banner of things<br /> <br /> == Blurb ==<br /> <br /> [[File:IMG_0896.JPG|thumb|right]]<br /> <br /> <br /> Noisebridge an anarchist hackerspace in San Francisco, and one of the oldest hackerspaces in the US. We grew out of conversations between attendees of Chaos Communication Congress 2007 (24c3), and wee originally modeled on c-base in Berlin and Metalab in Vienna. We aim to provide a space for people to hack, create, learn, and explore in a safe, welcoming, and accessible environment.<br /> <br /> You don't have to be a member or pay anything to participate in Noisebridge, we're free and open. You just have to follow the one rule: Be Excellent to Each Other!<br /> <br /> We run on the principles of Do-ocracy and Consensus.<br /> <br /> [[Participation|Join]]<br /> <br /> [[Posters]]<br /> <br /> [[Resources]]<br /> <br /> [[Manual]]<br /> <br /> [[Safety]]<br /> <br /> [[Hosting an Event|Hosting Events]]<br /> <br /> == Info Section ==<br /> <br /> === Find Noisebridge ===<br /> <br /> 2169 Mission St<br /> <br /> 3rd Floor<br /> <br /> San Francisco, CA 94110<br /> <br /> Google maps link: https://goo.gl/maps/TLj2BChMKMP2<br /> <br /> [[Getting_Here]]<br /> <br /> === Explore ===<br /> <br /> * Read about [[Do-ocracy]], [[Consensus]], and [[TheOneRule]]<br /> <br /> * Attend some [[Events]]<br /> <br /> * Come hang out during [[OpenHours]]<br /> <br /> === Help Us Grow ===<br /> <br /> * [[Donate]]<br /> <br /> * Restock [[Supplies]]<br /> <br /> * Do [[Cleaning]]<br /> <br /> == Connect ==<br /> <br /> &lt;!-- This is for more &quot;official&quot; ways of getting in touch with Noisebridge, as well as a map --&gt;<br /> <br /> * Press<br /> * Mail<br /> * People<br /> * Legal<br /> <br /> PIC map<br /> <br /> == Social Media, etc. ==<br /> <br /> Twitter: [https://twitter.com/noisebridge @noisebridge]<br /> <br /> Facebook: [https://www.facebook.com/noisebridge/ noisebridge]<br /> <br /> IRC: irc://chat.freenode.net/#noisebridge<br /> <br /> Slack: https://noisebridge.slack.com/<br /> <br /> Mailing Lists: [[Mailinglist]]<br /> <br /> == [[:Category:Events|Events and Classes]] ==<br /> &lt;!--<br /> ***Note*** the Upcoming Events Calendar is not written here. Instead, it is written on Category:Events and mirrored here. This consolidates the 2 pages. :-)<br /> Write your event on https://www.noisebridge.net/wiki/Category:Events`<br /> --&gt;<br /> &lt;span style=&quot;color:red&quot;&gt;''You'' '''don't''' ''need to be a member to participate in a class or workshop at Noisebridge!'''''&lt;/span&gt;<br /> {{:Category:Events}}<br /> &lt;/div&gt;<br /> <br /> <br /> == Footer ==<br /> <br /> * [[Manual|Noisebridge Manual]]<br /> * [[Oral_histories|History]]<br /> * [[The Neighborhood]]<br /> * [[Hackerspace Infos]]<br /> * [[Press Kit]]<br /> * [[501c3|501c3 Nonprofit Info]]<br /> <br /> Also Random links</div> Raqlol https://wiki.extremist.software/index.php?title=NewFrontpage2018&diff=67887 NewFrontpage2018 2018-08-27T02:29:49Z <p>Raqlol: removing placeholder styles from banner</p> <hr /> <div>__NOTOC__<br /> <br /> This page is for hacking on the frontpage of Noisebridge. This is currently being used to collaboratively organize and design parts of the frontpage, and to prototype it before putting it up.<br /> <br /> == Sample Header ==<br /> &lt;div class=&quot;header&quot;&gt;<br /> &lt;div class=&quot;header-logo&quot;&gt;<br /> [[File:Nb-logo-131.png|left]]<br /> &lt;/div&gt;<br /> &lt;div class=&quot;header-navigation plainlinks&quot; style=&quot;font-size: 3vh;&quot;&gt;<br /> [[About]] [[Events]] [[Connect]] [//donate.noisebridge.net Donate] [[Login]]<br /> &lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;div style=&quot;clear: both;&quot;&gt;&lt;/div&gt;<br /> &lt;!-- banner --&gt;<br /> &lt;div class=&quot;hero&quot;&gt;<br /> &lt;div class=&quot;hero-inner-h1&quot;&gt;NOISEBRIDGE&lt;/div&gt;<br /> &lt;div class=&quot;hero-inner-h2&quot;&gt;WORK, LEARN, &amp; PLAY&lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> Background image: [[File:Header_Banner.jpg]]<br /> <br /> == Important Announcements ==<br /> <br /> Eg. Fundraising situation, major donor announcements, big things people have done at the space, etc.<br /> <br /> This could be a rotating banner of things<br /> <br /> == Blurb ==<br /> <br /> [[File:IMG_0896.JPG|thumb|right]]<br /> <br /> <br /> Noisebridge an anarchist hackerspace in San Francisco, and one of the oldest hackerspaces in the US. We grew out of conversations between attendees of Chaos Communication Congress 2007 (24c3), and wee originally modeled on c-base in Berlin and Metalab in Vienna. We aim to provide a space for people to hack, create, learn, and explore in a safe, welcoming, and accessible environment.<br /> <br /> You don't have to be a member or pay anything to participate in Noisebridge, we're free and open. You just have to follow the one rule: Be Excellent to Each Other!<br /> <br /> We run on the principles of Do-ocracy and Consensus.<br /> <br /> [[Participation|Join]]<br /> <br /> [[Posters]]<br /> <br /> [[Resources]]<br /> <br /> [[Manual]]<br /> <br /> [[Safety]]<br /> <br /> [[Hosting an Event|Hosting Events]]<br /> <br /> == Info Section ==<br /> <br /> === Find Noisebridge ===<br /> <br /> 2169 Mission St<br /> <br /> 3rd Floor<br /> <br /> San Francisco, CA 94110<br /> <br /> Google maps link: https://goo.gl/maps/TLj2BChMKMP2<br /> <br /> [[Getting_Here]]<br /> <br /> === Explore ===<br /> <br /> * Read about [[Do-ocracy]], [[Consensus]], and [[TheOneRule]]<br /> <br /> * Attend some [[Events]]<br /> <br /> * Come hang out during [[OpenHours]]<br /> <br /> === Help Us Grow ===<br /> <br /> * [[Donate]]<br /> <br /> * Restock [[Supplies]]<br /> <br /> * Do [[Cleaning]]<br /> <br /> == Connect ==<br /> <br /> &lt;!-- This is for more &quot;official&quot; ways of getting in touch with Noisebridge, as well as a map --&gt;<br /> <br /> * Press<br /> * Mail<br /> * People<br /> * Legal<br /> <br /> PIC map<br /> <br /> == Social Media, etc. ==<br /> <br /> Twitter: [https://twitter.com/noisebridge @noisebridge]<br /> <br /> Facebook: [https://www.facebook.com/noisebridge/ noisebridge]<br /> <br /> IRC: irc://chat.freenode.net/#noisebridge<br /> <br /> Slack: https://noisebridge.slack.com/<br /> <br /> Mailing Lists: [[Mailinglist]]<br /> <br /> == [[:Category:Events|Events and Classes]] ==<br /> &lt;!--<br /> ***Note*** the Upcoming Events Calendar is not written here. Instead, it is written on Category:Events and mirrored here. This consolidates the 2 pages. :-)<br /> Write your event on https://www.noisebridge.net/wiki/Category:Events`<br /> --&gt;<br /> &lt;span style=&quot;color:red&quot;&gt;''You'' '''don't''' ''need to be a member to participate in a class or workshop at Noisebridge!'''''&lt;/span&gt;<br /> {{:Category:Events}}<br /> &lt;/div&gt;<br /> <br /> <br /> == Footer ==<br /> <br /> * [[Manual|Noisebridge Manual]]<br /> * Source<br /> * [[Oral_histories|History]]<br /> * Privacy<br /> <br /> Also Random links</div> Raqlol https://wiki.extremist.software/index.php?title=MediaWiki:Common.css&diff=67886 MediaWiki:Common.css 2018-08-27T02:27:15Z <p>Raqlol: banner styling</p> <hr /> <div>/** CSS placed here will be applied to all skins */<br /> <br /> body { background: #d9d9d9; }<br /> <br /> #footer {<br /> border-top: 1px solid #aaa;<br /> border-bottom: 1px solid #aaa;<br /> }<br /> <br /> .cf:before,<br /> .cf:after {<br /> content: &quot; &quot;;<br /> display: table;<br /> }<br /> <br /> .cf:after {<br /> clear: both;<br /> }<br /> <br /> .cf {<br /> *zoom: 1;<br /> }<br /> <br /> #p-logo a {<br /> background-image: url('https://noisebridge.net/images/d/d0/Nb-logo-131.png') !important;<br /> }<br /> <br /> /* americancensorship.org css banner */<br /> div#p-logo { z-index: 0 }<br /> span.americancensorshipdotorg a.external {<br /> width: 140px; height: 40px;<br /> top:20px; left:-150px;<br /> -webkit-transform: rotate(-30deg);<br /> transform: rotate(-30deg);<br /> position: absolute; z-index:10;<br /> vertical-align: middle; text-align: center;<br /> background-color: black;<br /> background-image: url(https://www.noisebridge.net/images/f/f3/Stop-censorship-small.png);<br /> background-position: center center;<br /> background-repeat: no-repeat;<br /> border:2px solid black<br /> }<br /> span.americancensorshipdotorg a.external:hover { border:2px solid white }<br /> span.americancensorshipdotorg a span { display:none }<br /> <br /> /* Moving search box to upper-left */<br /> #p-search {<br /> margin: 0;<br /> position: absolute;<br /> right: 1em;<br /> top: 1.25em;<br /> width: auto;<br /> }<br /> <br /> #p-search h5 {<br /> display: none;<br /> }<br /> <br /> #p-search .pBody {<br /> background: none;<br /> border: none;<br /> padding: 0;<br /> }<br /> <br /> /* Homepage */<br /> /* visually hide first heading - makes it look less article-like */<br /> .page-Noisebridge.action-view .firstHeading {<br /> border: 0;<br /> clip: rect(0 0 0 0);<br /> height: 1px;<br /> margin: -1px;<br /> overflow: hidden;<br /> padding: 0;<br /> position: absolute;<br /> width: 1px;<br /> }<br /> <br /> .page-Noisebridge.action-view {<br /> background: #A4A7AE;<br /> }<br /> <br /> /* hide sidebar on main page */<br /> .page-Noisebridge.action-view #content {<br /> background-image: url('https://noisebridge.net/images/9/98/Lifebg.gif');<br /> background-attachment: fixed;<br /> /*background-size: contain;*/<br /> margin-left: 0;<br /> }<br /> <br /> .page-Noisebridge.action-view #mw-page-base {<br /> background: transparent;<br /> height: 2.8em;<br /> }<br /> <br /> .page-Noisebridge.action-view #mw-panel .portal {<br /> display: none;<br /> }<br /> <br /> .page-Noisebridge.action-view #p-logo, .page-Noisebridge.action-view #p-logo a {<br /> height: 2.4em;<br /> width: 2.4em;<br /> }<br /> <br /> .page-Noisebridge.action-view #p-logo {<br /> top: .2em;<br /> left: .2em;<br /> }<br /> <br /> .page-Noisebridge.action-view #p-logo a {<br /> background-size: contain;<br /> }<br /> <br /> .page-Noisebridge.action-view #p-personal {<br /> top: 0;<br /> }<br /> <br /> .page-Noisebridge.action-view #p-views {<br /> padding-left: 0;<br /> }<br /> <br /> .page-Noisebridge.action-view #left-navigation,<br /> .page-Noisebridge.action-view #right-navigation {<br /> margin-top: .3em;<br /> }<br /> <br /> .page-Noisebridge.action-view #left-navigation {<br /> margin-left: 3.5em;<br /> }<br /> <br /> .page-Noisebridge.action-view #right-navigation {<br /> float: left;<br /> }<br /> <br /> .page-Noisebridge.action-view div.vectorTabs,<br /> .page-Noisebridge.action-view div.vectorTabs span,<br /> .page-Noisebridge.action-view div.vectorTabs ul,<br /> .page-Noisebridge.action-view div.vectorTabs ul li,<br /> .page-Noisebridge.action-view div#mw-head div.vectorMenu h3 {<br /> background: none;<br /> }<br /> <br /> .page-Noisebridge.action-view div.vectorTabs span a,<br /> .page-Noisebridge.action-view div.vectorMenu h3 span {<br /> line-height: 18px;<br /> padding-top: .7em;<br /> }<br /> <br /> .page-Noisebridge.action-view div.vectorMenu h3 a {<br /> background-position: 0% 40%;<br /> }<br /> <br /> .page-Noisebridge.action-view #ca-unwatch.icon a,<br /> .page-Noisebridge.action-view #ca-watch.icon a {<br /> background-position-y: 40%;<br /> }<br /> <br /> .page-Noisebridge.action-view #p-search form,<br /> .page-Noisebridge.action-view #simpleSearch {<br /> margin-top: 0;<br /> }<br /> <br /> .page-Noisebridge.action-view div#mw-panel {<br /> top: 0;<br /> }<br /> <br /> /* FWD - color scheme: http://colorschemedesigner.com/#3L61TqVmBjFJD */<br /> @font-face {<br /> font-family: 'Source Sans Pro';<br /> font-style: normal;<br /> font-weight: 300;<br /> src: local('Source Sans Pro Light'), local('SourceSansPro-Light'), url(https://themes.googleusercontent.com/static/fonts/sourcesanspro/v7/toadOcfmlt9b38dHJxOBGMVNtom4QlEDNJaqqqzqdSs.woff) format('woff'), url(https://themes.googleusercontent.com/static/fonts/sourcesanspro/v7/toadOcfmlt9b38dHJxOBGBlTL9oEQvYTI0YAW1-Ysv0.eot) format('embedded-opentype'), url(https://themes.googleusercontent.com/static/fonts/sourcesanspro/v7/toadOcfmlt9b38dHJxOBGMw1o1eFRj7wYC6JbISqOjY.ttf) format('truetype');<br /> }<br /> @font-face {<br /> font-family: 'Source Sans Pro';<br /> font-style: normal;<br /> font-weight: 400;<br /> src: local('Source Sans Pro'), local('SourceSansPro-Regular'), url(https://themes.googleusercontent.com/static/fonts/sourcesanspro/v7/ODelI1aHBYDBqgeIAH2zlNHq-FFgoDNV3GTKpHwuvtI.woff) format('woff'), url(https://themes.googleusercontent.com/static/fonts/sourcesanspro/v7/ODelI1aHBYDBqgeIAH2zlN0tugusXa58UbOrParLRF0.eot) format('embedded-opentype'), url(https://themes.googleusercontent.com/static/fonts/sourcesanspro/v7/ODelI1aHBYDBqgeIAH2zlNzbP97U9sKh0jjxbPbfOKg.ttf) format('truetype');<br /> }<br /> @font-face {<br /> font-family: 'Source Sans Pro';<br /> font-style: normal;<br /> font-weight: 700;<br /> src: local('Source Sans Pro Bold'), local('SourceSansPro-Bold'), url(https://themes.googleusercontent.com/static/fonts/sourcesanspro/v7/toadOcfmlt9b38dHJxOBGIqjGYJUyOXcBwUQbRaNH6c.woff) format('woff'), url(https://themes.googleusercontent.com/static/fonts/sourcesanspro/v7/toadOcfmlt9b38dHJxOBGFV89XnfCtb1fhQGOlhyqi8.eot) format('embedded-opentype'), url(https://themes.googleusercontent.com/static/fonts/sourcesanspro/v7/toadOcfmlt9b38dHJxOBGLsbIrGiHa6JIepkyt5c0A0.ttf) format('truetype');<br /> }<br /> <br /> .page-Front-end_Web_Development.action-view {<br /> background: #000;<br /> }<br /> <br /> .page-Front-end_Web_Development.action-view #bodyContent a.external {<br /> background: none;<br /> padding-right: 0;<br /> }<br /> <br /> .page-Front-end_Web_Development.action-view #p-cactions {<br /> margin-top: 1px;<br /> }<br /> .page-Front-end_Web_Development.action-view #p-cactions li, .page-Front-end_Web_Development.action-view #p-cactions li.selected {<br /> background: #362763;<br /> border-color: transparent;<br /> padding-bottom: .35em;<br /> }<br /> .page-Front-end_Web_Development.action-view #p-cactions li.selected {<br /> border-color: #aaa;<br /> }<br /> .page-Front-end_Web_Development.action-view #p-cactions li a, .page-Front-end_Web_Development.action-view #p-cactions li.selected a {<br /> background: none;<br /> color: #8C73DB;<br /> }<br /> .page-Front-end_Web_Development.action-view #p-cactions .new a {<br /> color: #ba0000;<br /> }<br /> .page-Front-end_Web_Development.action-view #p-cactions li a:hover, .page-Front-end_Web_Development.action-view #p-personal li a:hover {<br /> background: none;<br /> color: #fff;<br /> }<br /> .page-Front-end_Web_Development.action-view .portlet h5 {<br /> color: #7292DB;<br /> }<br /> .page-Front-end_Web_Development.action-view .generated-sidebar .pBody, .page-Front-end_Web_Development.action-view #p-tb .pBody, .page-Front-end_Web_Development.action-view div#footer {<br /> background: #1b223c;<br /> border-color: transparent;<br /> color: #7292DB;<br /> }<br /> .page-Front-end_Web_Development.action-view #p-personal li a, .page-Front-end_Web_Development.action-view .generated-sidebar .pBody a, .page-Front-end_Web_Development.action-view #p-tb .pBody a, .page-Front-end_Web_Development.action-view div#footer a {<br /> color: #A2B3DB;<br /> }<br /> .page-Front-end_Web_Development.action-view .pBody {<br /> bottom: 1px;<br /> position: relative;<br /> z-index: 3;<br /> }<br /> .page-Front-end_Web_Development.action-view div#content {<br /> background-clip: content-box;<br /> border-color: transparent;<br /> padding: 0;<br /> }<br /> .page-Front-end_Web_Development.action-view div#content * {<br /> box-sizing: border-box;<br /> }<br /> .page-Front-end_Web_Development.action-view #contentSub {<br /> margin: 0;<br /> }<br /> .page-Front-end_Web_Development.action-view #mw-content-text {<br /> font-family: &quot;Source Sans Pro&quot;, &quot;Helvetica Neue&quot;, Helvetica, sans-serif;<br /> }<br /> .page-Front-end_Web_Development.action-view #mw-content-text img {<br /> display: none !important; /* ;) */<br /> }<br /> .page-Front-end_Web_Development.action-view h1, .page-Front-end_Web_Development.action-view h2 {<br /> border-bottom: 0;<br /> }<br /> .page-Front-end_Web_Development.action-view h2 {<br /> color: inherit;<br /> font-weight: bold;<br /> text-transform: uppercase;<br /> }<br /> .page-Front-end_Web_Development.action-view code {<br /> background-color: rgba(255,255,255,.1);<br /> }<br /> .page-Front-end_Web_Development.action-view .firstHeading {<br /> display: none;<br /> }<br /> .page-Front-end_Web_Development.action-view .thank-you p {<br /> text-align: left;<br /> }<br /> .page-Front-end_Web_Development.action-view .hero, .page-Front-end_Web_Development.action-view .keep-informed {<br /> background: #1b223c url('/images/4/4f/Fwd-hero.jpg');<br /> background-attachment: fixed;<br /> background-size: auto 100%;<br /> }<br /> .page-Front-end_Web_Development.action-view .hero {<br /> padding-bottom: 40px;<br /> }<br /> .page-Front-end_Web_Development.action-view .hero__hgroup {<br /> padding: 40px;<br /> text-shadow: 0 0 40px rgba(0,0,0,.75);<br /> }<br /> .page-Front-end_Web_Development.action-view .hero__hgroup h1, .page-Front-end_Web_Development.action-view .keep-informed {<br /> color: #A2B3DB;<br /> }<br /> .page-Front-end_Web_Development.action-view .hero__hgroup h1 {<br /> font-size: 75px;<br /> font-weight: 300;<br /> line-height: 1em;<br /> overflow: visible;<br /> margin-bottom: 0;<br /> }<br /> .page-Front-end_Web_Development.action-view .hero__hgroup h2, .page-Front-end_Web_Development.action-view .keep-informed a {<br /> color: #7292DB;<br /> }<br /> .page-Front-end_Web_Development.action-view .hero__hgroup h2 {<br /> font-size: 36px;<br /> font-weight: 400;<br /> line-height: 1.4em;<br /> text-transform: none;<br /> }<br /> .page-Front-end_Web_Development.action-view .hero__hgroup h2 a {<br /> display: block;<br /> }<br /> .page-Front-end_Web_Development.action-view .section {<br /> padding: 2em 0;<br /> text-align: center;<br /> }<br /> .page-Front-end_Web_Development.action-view .details {<br /> display: -webkit-box;<br /> display: -ms-flexbox;<br /> display: flex;<br /> -ms-flex-wrap: wrap;<br /> flex-wrap: wrap;<br /> -webkit-box-pack: center;<br /> -ms-flex-pack: center;<br /> justify-content: center;<br /> margin: 0 auto;<br /> max-width: 1200px;<br /> }<br /> .page-Front-end_Web_Development.action-view .details__detail {<br /> text-align: left;<br /> max-width: 600px;<br /> width: 50%;<br /> }<br /> .page-Front-end_Web_Development.action-view .details__detail h2 {<br /> padding-top: 0;<br /> }<br /> .page-Front-end_Web_Development.action-view .details__detail--what, .page-Front-end_Web_Development.action-view .details__detail--where {<br /> background: #362769;<br /> color: #B1A3DB;<br /> }<br /> .page-Front-end_Web_Development.action-view .details__detail--what a, .page-Front-end_Web_Development.action-view .details__detail--where a {<br /> color: #8C73DB;<br /> }<br /> .page-Front-end_Web_Development.action-view .details__detail--who, .page-Front-end_Web_Development.action-view .details__detail--when {<br /> background: #1A5B5B;<br /> color: #99D7D7;<br /> }<br /> .page-Front-end_Web_Development.action-view .details__detail--who a, .page-Front-end_Web_Development.action-view .details__detail--when a {<br /> color: #64D7D7;<br /> }<br /> .page-Front-end_Web_Development.action-view .section h2, .page-Front-end_Web_Development.action-view .classes h2 {<br /> font-size: 2em;<br /> }<br /> .page-Front-end_Web_Development.action-view .section h2 {<br /> margin-bottom: 1em;<br /> }<br /> .page-Front-end_Web_Development.action-view .section p, .page-Front-end_Web_Development.action-view .section ul, .page-Front-end_Web_Development.action-view .classes p {<br /> font-size: 16px;<br /> }<br /> .page-Front-end_Web_Development.action-view .section ol {<br /> font-size: 20px;<br /> }<br /> .page-Front-end_Web_Development.action-view .container {<br /> margin: 0 auto;<br /> max-width: 600px;<br /> padding: 0 20px;<br /> }<br /> .page-Front-end_Web_Development.action-view .new-series__calendar {<br /> background: #fff;<br /> border: 4px solid #000;<br /> box-shadow: 5px 10px rgba(0,0,0,.5);<br /> font-family: &quot;Helvetica Neue&quot;, Helvetica, sans-serif;<br /> height: 200px;<br /> margin: 2em auto;<br /> position: relative;<br /> text-align: center;<br /> width: 200px;<br /> }<br /> .page-Front-end_Web_Development.action-view .new-series__calendar:after {<br /> content: '';<br /> display: block;<br /> position: absolute;<br /> bottom: 0;<br /> right: 0;<br /> border-width: 15px;<br /> border-color: #ddd #eee #eee #ddd;<br /> border-style: solid;<br /> }<br /> .page-Front-end_Web_Development.action-view .new-series__calendar--no-months .new-series__calendar__date {<br /> font-size: 150px;<br /> }<br /> .page-Front-end_Web_Development.action-view .new-series__calendar__month, .page-Front-end_Web_Development.action-view .new-series__calendar__date {<br /> display: block;<br /> }<br /> .page-Front-end_Web_Development.action-view .new-series__calendar__month {<br /> background: #ff3333;<br /> color: #fff;<br /> font-size: 24px;<br /> line-height: 1.4em;<br /> text-transform: uppercase;<br /> }<br /> .page-Front-end_Web_Development.action-view .new-series__calendar__date {<br /> color: #000;<br /> font-size: 115px;<br /> font-weight: 300;<br /> line-height: 1em;<br /> }<br /> .page-Front-end_Web_Development.action-view .new-series__calendar__months {<br /> color: #000;<br /> display: block;<br /> font-size: 30px;<br /> line-height: 30px;<br /> }<br /> .page-Front-end_Web_Development.action-view .new-series, .page-Front-end_Web_Development.action-view .get-set-up {<br /> background: #36207C url('/images/8/85/Fwd-purple-bg.png') repeat-y 77px 0;<br /> background-attachment: fixed;<br /> background-size: contain;<br /> webkit-background-size: contain;<br /> color: #B1A3DB;<br /> }<br /> .page-Front-end_Web_Development.action-view .get-set-up ol {<br /> text-align: left;<br /> }<br /> .page-Front-end_Web_Development.action-view .get-set-up ol &gt; li {<br /> margin-bottom: .5em;<br /> }<br /> .page-Front-end_Web_Development.action-view .thank-you, .page-Front-end_Web_Development.action-view .new-series--new {<br /> background: #EBC16D;<br /> color: inherit;<br /> }<br /> .page-Front-end_Web_Development.action-view .new-series a, .page-Front-end_Web_Development.action-view .new-series #bodyContent a.external, .page-Front-end_Web_Development.action-view .get-set-up a, .page-Front-end_Web_Development.action-view #bodyContent .get-set-up a.external {<br /> color: #8C73DB;<br /> }<br /> .page-Front-end_Web_Development.action-view .new-series--new a {<br /> background: none;<br /> color: #8D6310;<br /> padding-right: 0;<br /> }<br /> .page-Front-end_Web_Development.action-view .new-series--new + .keep-informed {<br /> <br /> }<br /> .page-Front-end_Web_Development.action-view .keep-informed__buttons {<br /> list-style: none;<br /> margin: 1em auto;<br /> text-align: center;<br /> }<br /> .page-Front-end_Web_Development.action-view .keep-informed__buttons li {<br /> margin: 1em 0;<br /> }<br /> .page-Front-end_Web_Development.action-view .keep-informed__buttons a {<br /> color: #99D7D7 !important;<br /> background: #116C6C !important;<br /> border-radius: 5px;<br /> display: inline-block;<br /> font-size: 24px;<br /> font-weight: bold;<br /> padding: 10px !important;<br /> }<br /> .page-Front-end_Web_Development.action-view .keep-informed__buttons a:hover {<br /> background: #1A5B5B !important;<br /> text-decoration: none;<br /> }<br /> .page-Front-end_Web_Development.action-view .keep-informed__buttons a:active {<br /> background: #095555 !important;<br /> }<br /> .page-Front-end_Web_Development.action-view .classes {<br /> display: table-row;<br /> }<br /> .page-Front-end_Web_Development.action-view .classes__class {<br /> display: table-cell;<br /> padding: 2em;<br /> width: 50%;<br /> }<br /> .page-Front-end_Web_Development.action-view .classes__class--lecture {<br /> background: #A2B3DB;<br /> }<br /> .page-Front-end_Web_Development.action-view #bodyContent .classes__class--lecture a {<br /> color: #10285F;<br /> }<br /> .page-Front-end_Web_Development.action-view .classes__class--lab {<br /> background: #99D7D7;<br /> }<br /> .page-Front-end_Web_Development.action-view #bodyContent .classes__class--lab a {<br /> color: #095555;<br /> }<br /> .page-Front-end_Web_Development.action-view .classes__current {<br /> background: #fff;<br /> background: rgba(255,255,255,.8);<br /> border-radius: 10px;<br /> margin: 1em 0;<br /> padding: 1em 1em .5em;<br /> }<br /> .page-Front-end_Web_Development.action-view .classes__current h4 {<br /> padding-top: 0;<br /> }<br /> .page-Front-end_Web_Development.action-view .classes__current p {<br /> font-size: 13px;<br /> }<br /> .page-Front-end_Web_Development.action-view .web-development__link {<br /> font-size: 1.5em;<br /> }<br /> .page-Front-end_Web_Development.action-view .catlinks {<br /> margin: 1em;<br /> }<br /> @media only screen and (max-width: 980px) {<br /> .page-Front-end_Web_Development.action-view .hero {<br /> padding-bottom: 0;<br /> }<br /> .page-Front-end_Web_Development.action-view .details {<br /> display: block;<br /> }<br /> .page-Front-end_Web_Development.action-view .details__detail {<br /> max-width: none;<br /> width: auto;<br /> }<br /> .page-Front-end_Web_Development.action-view .details__detail--when {<br /> background: #362769;<br /> color: #B1A3DB;<br /> }<br /> .page-Front-end_Web_Development.action-view .details__detail--when a {<br /> color: #8C73DB;<br /> }<br /> .page-Front-end_Web_Development.action-view .details__detail--where {<br /> background: #1A5B5B;<br /> color: #99D7D7;<br /> }<br /> .page-Front-end_Web_Development.action-view .details__detail--where a {<br /> color: #64D7D7;<br /> }<br /> }<br /> /* end FWD */<br /> <br /> .recurring-events li {<br /> margin-bottom: .5em;<br /> }<br /> <br /> .recurring {<br /> background: limegreen;<br /> border-radius: 2px;<br /> color: #fff;<br /> font-size: .92em;<br /> padding: 0 .2em;<br /> }<br /> <br /> .recurring--numbered {<br /> background: yellow;<br /> color: #000;<br /> }<br /> <br /> .recurring--exception {<br /> background: black;<br /> }<br /> <br /> .front-page-box, .front-page-box__container {<br /> width: 960px;<br /> }<br /> <br /> .front-page-box__container {<br /> display: table;<br /> }<br /> <br /> .front-page-box {<br /> background-color: #fafafa;<br /> border: solid 1px #990000;<br /> box-sizing: border-box;<br /> padding: 5px 10px 5px 10px;<br /> }<br /> <br /> .front-page-box h2 {<br /> padding-top: .4em;<br /> }<br /> <br /> .front-page-box--single, .front-page-box__container {<br /> margin: 6px auto 6px auto;<br /> }<br /> <br /> .front-page-box--two, .front-page-box--three {<br /> padding-bottom: 3px;<br /> }<br /> <br /> .front-page-box--two, .front-page-box--three, .front-page-box__spacer {<br /> display: table-cell;<br /> }<br /> <br /> .front-page-box--two:last-child, .front-page-box--three:last-child {<br /> margin-right: 0;<br /> }<br /> <br /> .front-page-box--two {<br /> width: 473px;<br /> }<br /> <br /> .front-page-box--three {<br /> width: 311px;<br /> }<br /> <br /> .front-page-box--goto-2169, .front-page-box--get-involved, .front-page-box--help-out {<br /> background-position: center top;<br /> background-repeat: no-repeat;<br /> background-size: contain;<br /> padding-top: 36px;<br /> position: relative;<br /> }<br /> <br /> .front-page-box--goto-2169 {<br /> background-image: url('/images/f/fe/Wikibanner-goto-2169.png');<br /> }<br /> <br /> .front-page-box--get-involved {<br /> background-image: url('/images/7/7b/Wikibanner-get-involved.png');<br /> }<br /> <br /> .front-page-box--help-out {<br /> background-color: #eeffee;<br /> background-image: url('/images/3/3d/Wikibanner-help-out.png');<br /> }<br /> <br /> .front-page-box__spacer {<br /> width: 13px;<br /> }<br /> <br /> .front-page-box__heading {<br /> border: 0;<br /> height: 30px;<br /> left: 0;<br /> margin: 0;<br /> overflow: hidden;<br /> padding: 0;<br /> position: absolute;<br /> text-indent: 100%;<br /> top: 0;<br /> white-space: nowrap;<br /> width: 100%;<br /> }<br /> <br /> .front-page-box__heading a {<br /> bottom: 0;<br /> left: 0;<br /> position: absolute;<br /> right: 0;<br /> top: 0;<br /> }<br /> <br /> @media only screen and (max-width: 1150px) {<br /> .front-page-box, .front-page-box__container {<br /> width: 800px;<br /> }<br /> <br /> .front-page-box--two {<br /> width: 393px;<br /> }<br /> <br /> .front-page-box--three {<br /> width: 258px;<br /> }<br /> }<br /> /* new home page 2018 */<br /> /* nav */<br /> body.page-NewFrontpage2018 .header { background-color: black; width: 100%; display: flex; justify-content: space-between; align-items: center;}<br /> body.page-NewFrontpage2018 .header-logo {height: 60px; width: 60px; margin: 10px;}<br /> body.page-NewFrontpage2018 .header-navigation { margin: 10px;}<br /> body.page-NewFrontpage2018 .header-navigation a {color: white; margin: 0 10px; text-decoration: none;}<br /> body.page-NewFrontpage2018 .header-navigation .plainlinks a.external {color: #666;}<br /> <br /> /* banner */<br /> body.page-NewFrontpage2018 .hero { background: url(https://noisebridge.net/images/9/98/Lifebg.gif); min-height: 400px; color: white; font-weight: bold; display: flex; flex-wrap: wrap; align-items: center; justify-content: center;}<br /> <br /> /* hiding stuff */<br /> /* body.page-NewFrontpage2018 #mw-page-base, body.page-NewFrontpage2018 #mw-head, body.page-NewFrontpage2018 #mw-panel {display:none;} <br /> body.page-NewFrontpage2018 .mw-body {padding: 0; margin: 0; border: 0;}<br /> */</div> Raqlol https://wiki.extremist.software/index.php?title=MediaWiki:Common.css&diff=67884 MediaWiki:Common.css 2018-08-27T02:22:25Z <p>Raqlol: </p> <hr /> <div>/** CSS placed here will be applied to all skins */<br /> <br /> body { background: #d9d9d9; }<br /> <br /> #footer {<br /> border-top: 1px solid #aaa;<br /> border-bottom: 1px solid #aaa;<br /> }<br /> <br /> .cf:before,<br /> .cf:after {<br /> content: &quot; &quot;;<br /> display: table;<br /> }<br /> <br /> .cf:after {<br /> clear: both;<br /> }<br /> <br /> .cf {<br /> *zoom: 1;<br /> }<br /> <br /> #p-logo a {<br /> background-image: url('https://noisebridge.net/images/d/d0/Nb-logo-131.png') !important;<br /> }<br /> <br /> /* americancensorship.org css banner */<br /> div#p-logo { z-index: 0 }<br /> span.americancensorshipdotorg a.external {<br /> width: 140px; height: 40px;<br /> top:20px; left:-150px;<br /> -webkit-transform: rotate(-30deg);<br /> transform: rotate(-30deg);<br /> position: absolute; z-index:10;<br /> vertical-align: middle; text-align: center;<br /> background-color: black;<br /> background-image: url(https://www.noisebridge.net/images/f/f3/Stop-censorship-small.png);<br /> background-position: center center;<br /> background-repeat: no-repeat;<br /> border:2px solid black<br /> }<br /> span.americancensorshipdotorg a.external:hover { border:2px solid white }<br /> span.americancensorshipdotorg a span { display:none }<br /> <br /> /* Moving search box to upper-left */<br /> #p-search {<br /> margin: 0;<br /> position: absolute;<br /> right: 1em;<br /> top: 1.25em;<br /> width: auto;<br /> }<br /> <br /> #p-search h5 {<br /> display: none;<br /> }<br /> <br /> #p-search .pBody {<br /> background: none;<br /> border: none;<br /> padding: 0;<br /> }<br /> <br /> /* Homepage */<br /> /* visually hide first heading - makes it look less article-like */<br /> .page-Noisebridge.action-view .firstHeading {<br /> border: 0;<br /> clip: rect(0 0 0 0);<br /> height: 1px;<br /> margin: -1px;<br /> overflow: hidden;<br /> padding: 0;<br /> position: absolute;<br /> width: 1px;<br /> }<br /> <br /> .page-Noisebridge.action-view {<br /> background: #A4A7AE;<br /> }<br /> <br /> /* hide sidebar on main page */<br /> .page-Noisebridge.action-view #content {<br /> background-image: url('https://noisebridge.net/images/9/98/Lifebg.gif');<br /> background-attachment: fixed;<br /> /*background-size: contain;*/<br /> margin-left: 0;<br /> }<br /> <br /> .page-Noisebridge.action-view #mw-page-base {<br /> background: transparent;<br /> height: 2.8em;<br /> }<br /> <br /> .page-Noisebridge.action-view #mw-panel .portal {<br /> display: none;<br /> }<br /> <br /> .page-Noisebridge.action-view #p-logo, .page-Noisebridge.action-view #p-logo a {<br /> height: 2.4em;<br /> width: 2.4em;<br /> }<br /> <br /> .page-Noisebridge.action-view #p-logo {<br /> top: .2em;<br /> left: .2em;<br /> }<br /> <br /> .page-Noisebridge.action-view #p-logo a {<br /> background-size: contain;<br /> }<br /> <br /> .page-Noisebridge.action-view #p-personal {<br /> top: 0;<br /> }<br /> <br /> .page-Noisebridge.action-view #p-views {<br /> padding-left: 0;<br /> }<br /> <br /> .page-Noisebridge.action-view #left-navigation,<br /> .page-Noisebridge.action-view #right-navigation {<br /> margin-top: .3em;<br /> }<br /> <br /> .page-Noisebridge.action-view #left-navigation {<br /> margin-left: 3.5em;<br /> }<br /> <br /> .page-Noisebridge.action-view #right-navigation {<br /> float: left;<br /> }<br /> <br /> .page-Noisebridge.action-view div.vectorTabs,<br /> .page-Noisebridge.action-view div.vectorTabs span,<br /> .page-Noisebridge.action-view div.vectorTabs ul,<br /> .page-Noisebridge.action-view div.vectorTabs ul li,<br /> .page-Noisebridge.action-view div#mw-head div.vectorMenu h3 {<br /> background: none;<br /> }<br /> <br /> .page-Noisebridge.action-view div.vectorTabs span a,<br /> .page-Noisebridge.action-view div.vectorMenu h3 span {<br /> line-height: 18px;<br /> padding-top: .7em;<br /> }<br /> <br /> .page-Noisebridge.action-view div.vectorMenu h3 a {<br /> background-position: 0% 40%;<br /> }<br /> <br /> .page-Noisebridge.action-view #ca-unwatch.icon a,<br /> .page-Noisebridge.action-view #ca-watch.icon a {<br /> background-position-y: 40%;<br /> }<br /> <br /> .page-Noisebridge.action-view #p-search form,<br /> .page-Noisebridge.action-view #simpleSearch {<br /> margin-top: 0;<br /> }<br /> <br /> .page-Noisebridge.action-view div#mw-panel {<br /> top: 0;<br /> }<br /> <br /> /* FWD - color scheme: http://colorschemedesigner.com/#3L61TqVmBjFJD */<br /> @font-face {<br /> font-family: 'Source Sans Pro';<br /> font-style: normal;<br /> font-weight: 300;<br /> src: local('Source Sans Pro Light'), local('SourceSansPro-Light'), url(https://themes.googleusercontent.com/static/fonts/sourcesanspro/v7/toadOcfmlt9b38dHJxOBGMVNtom4QlEDNJaqqqzqdSs.woff) format('woff'), url(https://themes.googleusercontent.com/static/fonts/sourcesanspro/v7/toadOcfmlt9b38dHJxOBGBlTL9oEQvYTI0YAW1-Ysv0.eot) format('embedded-opentype'), url(https://themes.googleusercontent.com/static/fonts/sourcesanspro/v7/toadOcfmlt9b38dHJxOBGMw1o1eFRj7wYC6JbISqOjY.ttf) format('truetype');<br /> }<br /> @font-face {<br /> font-family: 'Source Sans Pro';<br /> font-style: normal;<br /> font-weight: 400;<br /> src: local('Source Sans Pro'), local('SourceSansPro-Regular'), url(https://themes.googleusercontent.com/static/fonts/sourcesanspro/v7/ODelI1aHBYDBqgeIAH2zlNHq-FFgoDNV3GTKpHwuvtI.woff) format('woff'), url(https://themes.googleusercontent.com/static/fonts/sourcesanspro/v7/ODelI1aHBYDBqgeIAH2zlN0tugusXa58UbOrParLRF0.eot) format('embedded-opentype'), url(https://themes.googleusercontent.com/static/fonts/sourcesanspro/v7/ODelI1aHBYDBqgeIAH2zlNzbP97U9sKh0jjxbPbfOKg.ttf) format('truetype');<br /> }<br /> @font-face {<br /> font-family: 'Source Sans Pro';<br /> font-style: normal;<br /> font-weight: 700;<br /> src: local('Source Sans Pro Bold'), local('SourceSansPro-Bold'), url(https://themes.googleusercontent.com/static/fonts/sourcesanspro/v7/toadOcfmlt9b38dHJxOBGIqjGYJUyOXcBwUQbRaNH6c.woff) format('woff'), url(https://themes.googleusercontent.com/static/fonts/sourcesanspro/v7/toadOcfmlt9b38dHJxOBGFV89XnfCtb1fhQGOlhyqi8.eot) format('embedded-opentype'), url(https://themes.googleusercontent.com/static/fonts/sourcesanspro/v7/toadOcfmlt9b38dHJxOBGLsbIrGiHa6JIepkyt5c0A0.ttf) format('truetype');<br /> }<br /> <br /> .page-Front-end_Web_Development.action-view {<br /> background: #000;<br /> }<br /> <br /> .page-Front-end_Web_Development.action-view #bodyContent a.external {<br /> background: none;<br /> padding-right: 0;<br /> }<br /> <br /> .page-Front-end_Web_Development.action-view #p-cactions {<br /> margin-top: 1px;<br /> }<br /> .page-Front-end_Web_Development.action-view #p-cactions li, .page-Front-end_Web_Development.action-view #p-cactions li.selected {<br /> background: #362763;<br /> border-color: transparent;<br /> padding-bottom: .35em;<br /> }<br /> .page-Front-end_Web_Development.action-view #p-cactions li.selected {<br /> border-color: #aaa;<br /> }<br /> .page-Front-end_Web_Development.action-view #p-cactions li a, .page-Front-end_Web_Development.action-view #p-cactions li.selected a {<br /> background: none;<br /> color: #8C73DB;<br /> }<br /> .page-Front-end_Web_Development.action-view #p-cactions .new a {<br /> color: #ba0000;<br /> }<br /> .page-Front-end_Web_Development.action-view #p-cactions li a:hover, .page-Front-end_Web_Development.action-view #p-personal li a:hover {<br /> background: none;<br /> color: #fff;<br /> }<br /> .page-Front-end_Web_Development.action-view .portlet h5 {<br /> color: #7292DB;<br /> }<br /> .page-Front-end_Web_Development.action-view .generated-sidebar .pBody, .page-Front-end_Web_Development.action-view #p-tb .pBody, .page-Front-end_Web_Development.action-view div#footer {<br /> background: #1b223c;<br /> border-color: transparent;<br /> color: #7292DB;<br /> }<br /> .page-Front-end_Web_Development.action-view #p-personal li a, .page-Front-end_Web_Development.action-view .generated-sidebar .pBody a, .page-Front-end_Web_Development.action-view #p-tb .pBody a, .page-Front-end_Web_Development.action-view div#footer a {<br /> color: #A2B3DB;<br /> }<br /> .page-Front-end_Web_Development.action-view .pBody {<br /> bottom: 1px;<br /> position: relative;<br /> z-index: 3;<br /> }<br /> .page-Front-end_Web_Development.action-view div#content {<br /> background-clip: content-box;<br /> border-color: transparent;<br /> padding: 0;<br /> }<br /> .page-Front-end_Web_Development.action-view div#content * {<br /> box-sizing: border-box;<br /> }<br /> .page-Front-end_Web_Development.action-view #contentSub {<br /> margin: 0;<br /> }<br /> .page-Front-end_Web_Development.action-view #mw-content-text {<br /> font-family: &quot;Source Sans Pro&quot;, &quot;Helvetica Neue&quot;, Helvetica, sans-serif;<br /> }<br /> .page-Front-end_Web_Development.action-view #mw-content-text img {<br /> display: none !important; /* ;) */<br /> }<br /> .page-Front-end_Web_Development.action-view h1, .page-Front-end_Web_Development.action-view h2 {<br /> border-bottom: 0;<br /> }<br /> .page-Front-end_Web_Development.action-view h2 {<br /> color: inherit;<br /> font-weight: bold;<br /> text-transform: uppercase;<br /> }<br /> .page-Front-end_Web_Development.action-view code {<br /> background-color: rgba(255,255,255,.1);<br /> }<br /> .page-Front-end_Web_Development.action-view .firstHeading {<br /> display: none;<br /> }<br /> .page-Front-end_Web_Development.action-view .thank-you p {<br /> text-align: left;<br /> }<br /> .page-Front-end_Web_Development.action-view .hero, .page-Front-end_Web_Development.action-view .keep-informed {<br /> background: #1b223c url('/images/4/4f/Fwd-hero.jpg');<br /> background-attachment: fixed;<br /> background-size: auto 100%;<br /> }<br /> .page-Front-end_Web_Development.action-view .hero {<br /> padding-bottom: 40px;<br /> }<br /> .page-Front-end_Web_Development.action-view .hero__hgroup {<br /> padding: 40px;<br /> text-shadow: 0 0 40px rgba(0,0,0,.75);<br /> }<br /> .page-Front-end_Web_Development.action-view .hero__hgroup h1, .page-Front-end_Web_Development.action-view .keep-informed {<br /> color: #A2B3DB;<br /> }<br /> .page-Front-end_Web_Development.action-view .hero__hgroup h1 {<br /> font-size: 75px;<br /> font-weight: 300;<br /> line-height: 1em;<br /> overflow: visible;<br /> margin-bottom: 0;<br /> }<br /> .page-Front-end_Web_Development.action-view .hero__hgroup h2, .page-Front-end_Web_Development.action-view .keep-informed a {<br /> color: #7292DB;<br /> }<br /> .page-Front-end_Web_Development.action-view .hero__hgroup h2 {<br /> font-size: 36px;<br /> font-weight: 400;<br /> line-height: 1.4em;<br /> text-transform: none;<br /> }<br /> .page-Front-end_Web_Development.action-view .hero__hgroup h2 a {<br /> display: block;<br /> }<br /> .page-Front-end_Web_Development.action-view .section {<br /> padding: 2em 0;<br /> text-align: center;<br /> }<br /> .page-Front-end_Web_Development.action-view .details {<br /> display: -webkit-box;<br /> display: -ms-flexbox;<br /> display: flex;<br /> -ms-flex-wrap: wrap;<br /> flex-wrap: wrap;<br /> -webkit-box-pack: center;<br /> -ms-flex-pack: center;<br /> justify-content: center;<br /> margin: 0 auto;<br /> max-width: 1200px;<br /> }<br /> .page-Front-end_Web_Development.action-view .details__detail {<br /> text-align: left;<br /> max-width: 600px;<br /> width: 50%;<br /> }<br /> .page-Front-end_Web_Development.action-view .details__detail h2 {<br /> padding-top: 0;<br /> }<br /> .page-Front-end_Web_Development.action-view .details__detail--what, .page-Front-end_Web_Development.action-view .details__detail--where {<br /> background: #362769;<br /> color: #B1A3DB;<br /> }<br /> .page-Front-end_Web_Development.action-view .details__detail--what a, .page-Front-end_Web_Development.action-view .details__detail--where a {<br /> color: #8C73DB;<br /> }<br /> .page-Front-end_Web_Development.action-view .details__detail--who, .page-Front-end_Web_Development.action-view .details__detail--when {<br /> background: #1A5B5B;<br /> color: #99D7D7;<br /> }<br /> .page-Front-end_Web_Development.action-view .details__detail--who a, .page-Front-end_Web_Development.action-view .details__detail--when a {<br /> color: #64D7D7;<br /> }<br /> .page-Front-end_Web_Development.action-view .section h2, .page-Front-end_Web_Development.action-view .classes h2 {<br /> font-size: 2em;<br /> }<br /> .page-Front-end_Web_Development.action-view .section h2 {<br /> margin-bottom: 1em;<br /> }<br /> .page-Front-end_Web_Development.action-view .section p, .page-Front-end_Web_Development.action-view .section ul, .page-Front-end_Web_Development.action-view .classes p {<br /> font-size: 16px;<br /> }<br /> .page-Front-end_Web_Development.action-view .section ol {<br /> font-size: 20px;<br /> }<br /> .page-Front-end_Web_Development.action-view .container {<br /> margin: 0 auto;<br /> max-width: 600px;<br /> padding: 0 20px;<br /> }<br /> .page-Front-end_Web_Development.action-view .new-series__calendar {<br /> background: #fff;<br /> border: 4px solid #000;<br /> box-shadow: 5px 10px rgba(0,0,0,.5);<br /> font-family: &quot;Helvetica Neue&quot;, Helvetica, sans-serif;<br /> height: 200px;<br /> margin: 2em auto;<br /> position: relative;<br /> text-align: center;<br /> width: 200px;<br /> }<br /> .page-Front-end_Web_Development.action-view .new-series__calendar:after {<br /> content: '';<br /> display: block;<br /> position: absolute;<br /> bottom: 0;<br /> right: 0;<br /> border-width: 15px;<br /> border-color: #ddd #eee #eee #ddd;<br /> border-style: solid;<br /> }<br /> .page-Front-end_Web_Development.action-view .new-series__calendar--no-months .new-series__calendar__date {<br /> font-size: 150px;<br /> }<br /> .page-Front-end_Web_Development.action-view .new-series__calendar__month, .page-Front-end_Web_Development.action-view .new-series__calendar__date {<br /> display: block;<br /> }<br /> .page-Front-end_Web_Development.action-view .new-series__calendar__month {<br /> background: #ff3333;<br /> color: #fff;<br /> font-size: 24px;<br /> line-height: 1.4em;<br /> text-transform: uppercase;<br /> }<br /> .page-Front-end_Web_Development.action-view .new-series__calendar__date {<br /> color: #000;<br /> font-size: 115px;<br /> font-weight: 300;<br /> line-height: 1em;<br /> }<br /> .page-Front-end_Web_Development.action-view .new-series__calendar__months {<br /> color: #000;<br /> display: block;<br /> font-size: 30px;<br /> line-height: 30px;<br /> }<br /> .page-Front-end_Web_Development.action-view .new-series, .page-Front-end_Web_Development.action-view .get-set-up {<br /> background: #36207C url('/images/8/85/Fwd-purple-bg.png') repeat-y 77px 0;<br /> background-attachment: fixed;<br /> background-size: contain;<br /> webkit-background-size: contain;<br /> color: #B1A3DB;<br /> }<br /> .page-Front-end_Web_Development.action-view .get-set-up ol {<br /> text-align: left;<br /> }<br /> .page-Front-end_Web_Development.action-view .get-set-up ol &gt; li {<br /> margin-bottom: .5em;<br /> }<br /> .page-Front-end_Web_Development.action-view .thank-you, .page-Front-end_Web_Development.action-view .new-series--new {<br /> background: #EBC16D;<br /> color: inherit;<br /> }<br /> .page-Front-end_Web_Development.action-view .new-series a, .page-Front-end_Web_Development.action-view .new-series #bodyContent a.external, .page-Front-end_Web_Development.action-view .get-set-up a, .page-Front-end_Web_Development.action-view #bodyContent .get-set-up a.external {<br /> color: #8C73DB;<br /> }<br /> .page-Front-end_Web_Development.action-view .new-series--new a {<br /> background: none;<br /> color: #8D6310;<br /> padding-right: 0;<br /> }<br /> .page-Front-end_Web_Development.action-view .new-series--new + .keep-informed {<br /> <br /> }<br /> .page-Front-end_Web_Development.action-view .keep-informed__buttons {<br /> list-style: none;<br /> margin: 1em auto;<br /> text-align: center;<br /> }<br /> .page-Front-end_Web_Development.action-view .keep-informed__buttons li {<br /> margin: 1em 0;<br /> }<br /> .page-Front-end_Web_Development.action-view .keep-informed__buttons a {<br /> color: #99D7D7 !important;<br /> background: #116C6C !important;<br /> border-radius: 5px;<br /> display: inline-block;<br /> font-size: 24px;<br /> font-weight: bold;<br /> padding: 10px !important;<br /> }<br /> .page-Front-end_Web_Development.action-view .keep-informed__buttons a:hover {<br /> background: #1A5B5B !important;<br /> text-decoration: none;<br /> }<br /> .page-Front-end_Web_Development.action-view .keep-informed__buttons a:active {<br /> background: #095555 !important;<br /> }<br /> .page-Front-end_Web_Development.action-view .classes {<br /> display: table-row;<br /> }<br /> .page-Front-end_Web_Development.action-view .classes__class {<br /> display: table-cell;<br /> padding: 2em;<br /> width: 50%;<br /> }<br /> .page-Front-end_Web_Development.action-view .classes__class--lecture {<br /> background: #A2B3DB;<br /> }<br /> .page-Front-end_Web_Development.action-view #bodyContent .classes__class--lecture a {<br /> color: #10285F;<br /> }<br /> .page-Front-end_Web_Development.action-view .classes__class--lab {<br /> background: #99D7D7;<br /> }<br /> .page-Front-end_Web_Development.action-view #bodyContent .classes__class--lab a {<br /> color: #095555;<br /> }<br /> .page-Front-end_Web_Development.action-view .classes__current {<br /> background: #fff;<br /> background: rgba(255,255,255,.8);<br /> border-radius: 10px;<br /> margin: 1em 0;<br /> padding: 1em 1em .5em;<br /> }<br /> .page-Front-end_Web_Development.action-view .classes__current h4 {<br /> padding-top: 0;<br /> }<br /> .page-Front-end_Web_Development.action-view .classes__current p {<br /> font-size: 13px;<br /> }<br /> .page-Front-end_Web_Development.action-view .web-development__link {<br /> font-size: 1.5em;<br /> }<br /> .page-Front-end_Web_Development.action-view .catlinks {<br /> margin: 1em;<br /> }<br /> @media only screen and (max-width: 980px) {<br /> .page-Front-end_Web_Development.action-view .hero {<br /> padding-bottom: 0;<br /> }<br /> .page-Front-end_Web_Development.action-view .details {<br /> display: block;<br /> }<br /> .page-Front-end_Web_Development.action-view .details__detail {<br /> max-width: none;<br /> width: auto;<br /> }<br /> .page-Front-end_Web_Development.action-view .details__detail--when {<br /> background: #362769;<br /> color: #B1A3DB;<br /> }<br /> .page-Front-end_Web_Development.action-view .details__detail--when a {<br /> color: #8C73DB;<br /> }<br /> .page-Front-end_Web_Development.action-view .details__detail--where {<br /> background: #1A5B5B;<br /> color: #99D7D7;<br /> }<br /> .page-Front-end_Web_Development.action-view .details__detail--where a {<br /> color: #64D7D7;<br /> }<br /> }<br /> /* end FWD */<br /> <br /> .recurring-events li {<br /> margin-bottom: .5em;<br /> }<br /> <br /> .recurring {<br /> background: limegreen;<br /> border-radius: 2px;<br /> color: #fff;<br /> font-size: .92em;<br /> padding: 0 .2em;<br /> }<br /> <br /> .recurring--numbered {<br /> background: yellow;<br /> color: #000;<br /> }<br /> <br /> .recurring--exception {<br /> background: black;<br /> }<br /> <br /> .front-page-box, .front-page-box__container {<br /> width: 960px;<br /> }<br /> <br /> .front-page-box__container {<br /> display: table;<br /> }<br /> <br /> .front-page-box {<br /> background-color: #fafafa;<br /> border: solid 1px #990000;<br /> box-sizing: border-box;<br /> padding: 5px 10px 5px 10px;<br /> }<br /> <br /> .front-page-box h2 {<br /> padding-top: .4em;<br /> }<br /> <br /> .front-page-box--single, .front-page-box__container {<br /> margin: 6px auto 6px auto;<br /> }<br /> <br /> .front-page-box--two, .front-page-box--three {<br /> padding-bottom: 3px;<br /> }<br /> <br /> .front-page-box--two, .front-page-box--three, .front-page-box__spacer {<br /> display: table-cell;<br /> }<br /> <br /> .front-page-box--two:last-child, .front-page-box--three:last-child {<br /> margin-right: 0;<br /> }<br /> <br /> .front-page-box--two {<br /> width: 473px;<br /> }<br /> <br /> .front-page-box--three {<br /> width: 311px;<br /> }<br /> <br /> .front-page-box--goto-2169, .front-page-box--get-involved, .front-page-box--help-out {<br /> background-position: center top;<br /> background-repeat: no-repeat;<br /> background-size: contain;<br /> padding-top: 36px;<br /> position: relative;<br /> }<br /> <br /> .front-page-box--goto-2169 {<br /> background-image: url('/images/f/fe/Wikibanner-goto-2169.png');<br /> }<br /> <br /> .front-page-box--get-involved {<br /> background-image: url('/images/7/7b/Wikibanner-get-involved.png');<br /> }<br /> <br /> .front-page-box--help-out {<br /> background-color: #eeffee;<br /> background-image: url('/images/3/3d/Wikibanner-help-out.png');<br /> }<br /> <br /> .front-page-box__spacer {<br /> width: 13px;<br /> }<br /> <br /> .front-page-box__heading {<br /> border: 0;<br /> height: 30px;<br /> left: 0;<br /> margin: 0;<br /> overflow: hidden;<br /> padding: 0;<br /> position: absolute;<br /> text-indent: 100%;<br /> top: 0;<br /> white-space: nowrap;<br /> width: 100%;<br /> }<br /> <br /> .front-page-box__heading a {<br /> bottom: 0;<br /> left: 0;<br /> position: absolute;<br /> right: 0;<br /> top: 0;<br /> }<br /> <br /> @media only screen and (max-width: 1150px) {<br /> .front-page-box, .front-page-box__container {<br /> width: 800px;<br /> }<br /> <br /> .front-page-box--two {<br /> width: 393px;<br /> }<br /> <br /> .front-page-box--three {<br /> width: 258px;<br /> }<br /> }<br /> /* new home page 2018 */<br /> /* nav */<br /> body.page-NewFrontpage2018 .header { background-color: black; width: 100%; display: flex; justify-content: space-between; align-items: center;}<br /> body.page-NewFrontpage2018 .header-logo {height: 60px; width: 60px; margin: 10px;}<br /> body.page-NewFrontpage2018 .header-navigation { margin: 10px;}<br /> body.page-NewFrontpage2018 .header-navigation a {color: white; margin: 0 10px; text-decoration: none;}<br /> body.page-NewFrontpage2018 .header-navigation .plainlinks a.external {color: #666;}<br /> <br /> /* hiding stuff */<br /> /* body.page-NewFrontpage2018 #mw-page-base, body.page-NewFrontpage2018 #mw-head, body.page-NewFrontpage2018 #mw-panel {display:none;} <br /> body.page-NewFrontpage2018 .mw-body {padding: 0; margin: 0; border: 0;}<br /> */</div> Raqlol https://wiki.extremist.software/index.php?title=MediaWiki:Common.css&diff=67883 MediaWiki:Common.css 2018-08-27T02:21:58Z <p>Raqlol: need to save the hidden items until the end</p> <hr /> <div>/** CSS placed here will be applied to all skins */<br /> <br /> body { background: #d9d9d9; }<br /> <br /> #footer {<br /> border-top: 1px solid #aaa;<br /> border-bottom: 1px solid #aaa;<br /> }<br /> <br /> .cf:before,<br /> .cf:after {<br /> content: &quot; &quot;;<br /> display: table;<br /> }<br /> <br /> .cf:after {<br /> clear: both;<br /> }<br /> <br /> .cf {<br /> *zoom: 1;<br /> }<br /> <br /> #p-logo a {<br /> background-image: url('https://noisebridge.net/images/d/d0/Nb-logo-131.png') !important;<br /> }<br /> <br /> /* americancensorship.org css banner */<br /> div#p-logo { z-index: 0 }<br /> span.americancensorshipdotorg a.external {<br /> width: 140px; height: 40px;<br /> top:20px; left:-150px;<br /> -webkit-transform: rotate(-30deg);<br /> transform: rotate(-30deg);<br /> position: absolute; z-index:10;<br /> vertical-align: middle; text-align: center;<br /> background-color: black;<br /> background-image: url(https://www.noisebridge.net/images/f/f3/Stop-censorship-small.png);<br /> background-position: center center;<br /> background-repeat: no-repeat;<br /> border:2px solid black<br /> }<br /> span.americancensorshipdotorg a.external:hover { border:2px solid white }<br /> span.americancensorshipdotorg a span { display:none }<br /> <br /> /* Moving search box to upper-left */<br /> #p-search {<br /> margin: 0;<br /> position: absolute;<br /> right: 1em;<br /> top: 1.25em;<br /> width: auto;<br /> }<br /> <br /> #p-search h5 {<br /> display: none;<br /> }<br /> <br /> #p-search .pBody {<br /> background: none;<br /> border: none;<br /> padding: 0;<br /> }<br /> <br /> /* Homepage */<br /> /* visually hide first heading - makes it look less article-like */<br /> .page-Noisebridge.action-view .firstHeading {<br /> border: 0;<br /> clip: rect(0 0 0 0);<br /> height: 1px;<br /> margin: -1px;<br /> overflow: hidden;<br /> padding: 0;<br /> position: absolute;<br /> width: 1px;<br /> }<br /> <br /> .page-Noisebridge.action-view {<br /> background: #A4A7AE;<br /> }<br /> <br /> /* hide sidebar on main page */<br /> .page-Noisebridge.action-view #content {<br /> background-image: url('https://noisebridge.net/images/9/98/Lifebg.gif');<br /> background-attachment: fixed;<br /> /*background-size: contain;*/<br /> margin-left: 0;<br /> }<br /> <br /> .page-Noisebridge.action-view #mw-page-base {<br /> background: transparent;<br /> height: 2.8em;<br /> }<br /> <br /> .page-Noisebridge.action-view #mw-panel .portal {<br /> display: none;<br /> }<br /> <br /> .page-Noisebridge.action-view #p-logo, .page-Noisebridge.action-view #p-logo a {<br /> height: 2.4em;<br /> width: 2.4em;<br /> }<br /> <br /> .page-Noisebridge.action-view #p-logo {<br /> top: .2em;<br /> left: .2em;<br /> }<br /> <br /> .page-Noisebridge.action-view #p-logo a {<br /> background-size: contain;<br /> }<br /> <br /> .page-Noisebridge.action-view #p-personal {<br /> top: 0;<br /> }<br /> <br /> .page-Noisebridge.action-view #p-views {<br /> padding-left: 0;<br /> }<br /> <br /> .page-Noisebridge.action-view #left-navigation,<br /> .page-Noisebridge.action-view #right-navigation {<br /> margin-top: .3em;<br /> }<br /> <br /> .page-Noisebridge.action-view #left-navigation {<br /> margin-left: 3.5em;<br /> }<br /> <br /> .page-Noisebridge.action-view #right-navigation {<br /> float: left;<br /> }<br /> <br /> .page-Noisebridge.action-view div.vectorTabs,<br /> .page-Noisebridge.action-view div.vectorTabs span,<br /> .page-Noisebridge.action-view div.vectorTabs ul,<br /> .page-Noisebridge.action-view div.vectorTabs ul li,<br /> .page-Noisebridge.action-view div#mw-head div.vectorMenu h3 {<br /> background: none;<br /> }<br /> <br /> .page-Noisebridge.action-view div.vectorTabs span a,<br /> .page-Noisebridge.action-view div.vectorMenu h3 span {<br /> line-height: 18px;<br /> padding-top: .7em;<br /> }<br /> <br /> .page-Noisebridge.action-view div.vectorMenu h3 a {<br /> background-position: 0% 40%;<br /> }<br /> <br /> .page-Noisebridge.action-view #ca-unwatch.icon a,<br /> .page-Noisebridge.action-view #ca-watch.icon a {<br /> background-position-y: 40%;<br /> }<br /> <br /> .page-Noisebridge.action-view #p-search form,<br /> .page-Noisebridge.action-view #simpleSearch {<br /> margin-top: 0;<br /> }<br /> <br /> .page-Noisebridge.action-view div#mw-panel {<br /> top: 0;<br /> }<br /> <br /> /* FWD - color scheme: http://colorschemedesigner.com/#3L61TqVmBjFJD */<br /> @font-face {<br /> font-family: 'Source Sans Pro';<br /> font-style: normal;<br /> font-weight: 300;<br /> src: local('Source Sans Pro Light'), local('SourceSansPro-Light'), url(https://themes.googleusercontent.com/static/fonts/sourcesanspro/v7/toadOcfmlt9b38dHJxOBGMVNtom4QlEDNJaqqqzqdSs.woff) format('woff'), url(https://themes.googleusercontent.com/static/fonts/sourcesanspro/v7/toadOcfmlt9b38dHJxOBGBlTL9oEQvYTI0YAW1-Ysv0.eot) format('embedded-opentype'), url(https://themes.googleusercontent.com/static/fonts/sourcesanspro/v7/toadOcfmlt9b38dHJxOBGMw1o1eFRj7wYC6JbISqOjY.ttf) format('truetype');<br /> }<br /> @font-face {<br /> font-family: 'Source Sans Pro';<br /> font-style: normal;<br /> font-weight: 400;<br /> src: local('Source Sans Pro'), local('SourceSansPro-Regular'), url(https://themes.googleusercontent.com/static/fonts/sourcesanspro/v7/ODelI1aHBYDBqgeIAH2zlNHq-FFgoDNV3GTKpHwuvtI.woff) format('woff'), url(https://themes.googleusercontent.com/static/fonts/sourcesanspro/v7/ODelI1aHBYDBqgeIAH2zlN0tugusXa58UbOrParLRF0.eot) format('embedded-opentype'), url(https://themes.googleusercontent.com/static/fonts/sourcesanspro/v7/ODelI1aHBYDBqgeIAH2zlNzbP97U9sKh0jjxbPbfOKg.ttf) format('truetype');<br /> }<br /> @font-face {<br /> font-family: 'Source Sans Pro';<br /> font-style: normal;<br /> font-weight: 700;<br /> src: local('Source Sans Pro Bold'), local('SourceSansPro-Bold'), url(https://themes.googleusercontent.com/static/fonts/sourcesanspro/v7/toadOcfmlt9b38dHJxOBGIqjGYJUyOXcBwUQbRaNH6c.woff) format('woff'), url(https://themes.googleusercontent.com/static/fonts/sourcesanspro/v7/toadOcfmlt9b38dHJxOBGFV89XnfCtb1fhQGOlhyqi8.eot) format('embedded-opentype'), url(https://themes.googleusercontent.com/static/fonts/sourcesanspro/v7/toadOcfmlt9b38dHJxOBGLsbIrGiHa6JIepkyt5c0A0.ttf) format('truetype');<br /> }<br /> <br /> .page-Front-end_Web_Development.action-view {<br /> background: #000;<br /> }<br /> <br /> .page-Front-end_Web_Development.action-view #bodyContent a.external {<br /> background: none;<br /> padding-right: 0;<br /> }<br /> <br /> .page-Front-end_Web_Development.action-view #p-cactions {<br /> margin-top: 1px;<br /> }<br /> .page-Front-end_Web_Development.action-view #p-cactions li, .page-Front-end_Web_Development.action-view #p-cactions li.selected {<br /> background: #362763;<br /> border-color: transparent;<br /> padding-bottom: .35em;<br /> }<br /> .page-Front-end_Web_Development.action-view #p-cactions li.selected {<br /> border-color: #aaa;<br /> }<br /> .page-Front-end_Web_Development.action-view #p-cactions li a, .page-Front-end_Web_Development.action-view #p-cactions li.selected a {<br /> background: none;<br /> color: #8C73DB;<br /> }<br /> .page-Front-end_Web_Development.action-view #p-cactions .new a {<br /> color: #ba0000;<br /> }<br /> .page-Front-end_Web_Development.action-view #p-cactions li a:hover, .page-Front-end_Web_Development.action-view #p-personal li a:hover {<br /> background: none;<br /> color: #fff;<br /> }<br /> .page-Front-end_Web_Development.action-view .portlet h5 {<br /> color: #7292DB;<br /> }<br /> .page-Front-end_Web_Development.action-view .generated-sidebar .pBody, .page-Front-end_Web_Development.action-view #p-tb .pBody, .page-Front-end_Web_Development.action-view div#footer {<br /> background: #1b223c;<br /> border-color: transparent;<br /> color: #7292DB;<br /> }<br /> .page-Front-end_Web_Development.action-view #p-personal li a, .page-Front-end_Web_Development.action-view .generated-sidebar .pBody a, .page-Front-end_Web_Development.action-view #p-tb .pBody a, .page-Front-end_Web_Development.action-view div#footer a {<br /> color: #A2B3DB;<br /> }<br /> .page-Front-end_Web_Development.action-view .pBody {<br /> bottom: 1px;<br /> position: relative;<br /> z-index: 3;<br /> }<br /> .page-Front-end_Web_Development.action-view div#content {<br /> background-clip: content-box;<br /> border-color: transparent;<br /> padding: 0;<br /> }<br /> .page-Front-end_Web_Development.action-view div#content * {<br /> box-sizing: border-box;<br /> }<br /> .page-Front-end_Web_Development.action-view #contentSub {<br /> margin: 0;<br /> }<br /> .page-Front-end_Web_Development.action-view #mw-content-text {<br /> font-family: &quot;Source Sans Pro&quot;, &quot;Helvetica Neue&quot;, Helvetica, sans-serif;<br /> }<br /> .page-Front-end_Web_Development.action-view #mw-content-text img {<br /> display: none !important; /* ;) */<br /> }<br /> .page-Front-end_Web_Development.action-view h1, .page-Front-end_Web_Development.action-view h2 {<br /> border-bottom: 0;<br /> }<br /> .page-Front-end_Web_Development.action-view h2 {<br /> color: inherit;<br /> font-weight: bold;<br /> text-transform: uppercase;<br /> }<br /> .page-Front-end_Web_Development.action-view code {<br /> background-color: rgba(255,255,255,.1);<br /> }<br /> .page-Front-end_Web_Development.action-view .firstHeading {<br /> display: none;<br /> }<br /> .page-Front-end_Web_Development.action-view .thank-you p {<br /> text-align: left;<br /> }<br /> .page-Front-end_Web_Development.action-view .hero, .page-Front-end_Web_Development.action-view .keep-informed {<br /> background: #1b223c url('/images/4/4f/Fwd-hero.jpg');<br /> background-attachment: fixed;<br /> background-size: auto 100%;<br /> }<br /> .page-Front-end_Web_Development.action-view .hero {<br /> padding-bottom: 40px;<br /> }<br /> .page-Front-end_Web_Development.action-view .hero__hgroup {<br /> padding: 40px;<br /> text-shadow: 0 0 40px rgba(0,0,0,.75);<br /> }<br /> .page-Front-end_Web_Development.action-view .hero__hgroup h1, .page-Front-end_Web_Development.action-view .keep-informed {<br /> color: #A2B3DB;<br /> }<br /> .page-Front-end_Web_Development.action-view .hero__hgroup h1 {<br /> font-size: 75px;<br /> font-weight: 300;<br /> line-height: 1em;<br /> overflow: visible;<br /> margin-bottom: 0;<br /> }<br /> .page-Front-end_Web_Development.action-view .hero__hgroup h2, .page-Front-end_Web_Development.action-view .keep-informed a {<br /> color: #7292DB;<br /> }<br /> .page-Front-end_Web_Development.action-view .hero__hgroup h2 {<br /> font-size: 36px;<br /> font-weight: 400;<br /> line-height: 1.4em;<br /> text-transform: none;<br /> }<br /> .page-Front-end_Web_Development.action-view .hero__hgroup h2 a {<br /> display: block;<br /> }<br /> .page-Front-end_Web_Development.action-view .section {<br /> padding: 2em 0;<br /> text-align: center;<br /> }<br /> .page-Front-end_Web_Development.action-view .details {<br /> display: -webkit-box;<br /> display: -ms-flexbox;<br /> display: flex;<br /> -ms-flex-wrap: wrap;<br /> flex-wrap: wrap;<br /> -webkit-box-pack: center;<br /> -ms-flex-pack: center;<br /> justify-content: center;<br /> margin: 0 auto;<br /> max-width: 1200px;<br /> }<br /> .page-Front-end_Web_Development.action-view .details__detail {<br /> text-align: left;<br /> max-width: 600px;<br /> width: 50%;<br /> }<br /> .page-Front-end_Web_Development.action-view .details__detail h2 {<br /> padding-top: 0;<br /> }<br /> .page-Front-end_Web_Development.action-view .details__detail--what, .page-Front-end_Web_Development.action-view .details__detail--where {<br /> background: #362769;<br /> color: #B1A3DB;<br /> }<br /> .page-Front-end_Web_Development.action-view .details__detail--what a, .page-Front-end_Web_Development.action-view .details__detail--where a {<br /> color: #8C73DB;<br /> }<br /> .page-Front-end_Web_Development.action-view .details__detail--who, .page-Front-end_Web_Development.action-view .details__detail--when {<br /> background: #1A5B5B;<br /> color: #99D7D7;<br /> }<br /> .page-Front-end_Web_Development.action-view .details__detail--who a, .page-Front-end_Web_Development.action-view .details__detail--when a {<br /> color: #64D7D7;<br /> }<br /> .page-Front-end_Web_Development.action-view .section h2, .page-Front-end_Web_Development.action-view .classes h2 {<br /> font-size: 2em;<br /> }<br /> .page-Front-end_Web_Development.action-view .section h2 {<br /> margin-bottom: 1em;<br /> }<br /> .page-Front-end_Web_Development.action-view .section p, .page-Front-end_Web_Development.action-view .section ul, .page-Front-end_Web_Development.action-view .classes p {<br /> font-size: 16px;<br /> }<br /> .page-Front-end_Web_Development.action-view .section ol {<br /> font-size: 20px;<br /> }<br /> .page-Front-end_Web_Development.action-view .container {<br /> margin: 0 auto;<br /> max-width: 600px;<br /> padding: 0 20px;<br /> }<br /> .page-Front-end_Web_Development.action-view .new-series__calendar {<br /> background: #fff;<br /> border: 4px solid #000;<br /> box-shadow: 5px 10px rgba(0,0,0,.5);<br /> font-family: &quot;Helvetica Neue&quot;, Helvetica, sans-serif;<br /> height: 200px;<br /> margin: 2em auto;<br /> position: relative;<br /> text-align: center;<br /> width: 200px;<br /> }<br /> .page-Front-end_Web_Development.action-view .new-series__calendar:after {<br /> content: '';<br /> display: block;<br /> position: absolute;<br /> bottom: 0;<br /> right: 0;<br /> border-width: 15px;<br /> border-color: #ddd #eee #eee #ddd;<br /> border-style: solid;<br /> }<br /> .page-Front-end_Web_Development.action-view .new-series__calendar--no-months .new-series__calendar__date {<br /> font-size: 150px;<br /> }<br /> .page-Front-end_Web_Development.action-view .new-series__calendar__month, .page-Front-end_Web_Development.action-view .new-series__calendar__date {<br /> display: block;<br /> }<br /> .page-Front-end_Web_Development.action-view .new-series__calendar__month {<br /> background: #ff3333;<br /> color: #fff;<br /> font-size: 24px;<br /> line-height: 1.4em;<br /> text-transform: uppercase;<br /> }<br /> .page-Front-end_Web_Development.action-view .new-series__calendar__date {<br /> color: #000;<br /> font-size: 115px;<br /> font-weight: 300;<br /> line-height: 1em;<br /> }<br /> .page-Front-end_Web_Development.action-view .new-series__calendar__months {<br /> color: #000;<br /> display: block;<br /> font-size: 30px;<br /> line-height: 30px;<br /> }<br /> .page-Front-end_Web_Development.action-view .new-series, .page-Front-end_Web_Development.action-view .get-set-up {<br /> background: #36207C url('/images/8/85/Fwd-purple-bg.png') repeat-y 77px 0;<br /> background-attachment: fixed;<br /> background-size: contain;<br /> webkit-background-size: contain;<br /> color: #B1A3DB;<br /> }<br /> .page-Front-end_Web_Development.action-view .get-set-up ol {<br /> text-align: left;<br /> }<br /> .page-Front-end_Web_Development.action-view .get-set-up ol &gt; li {<br /> margin-bottom: .5em;<br /> }<br /> .page-Front-end_Web_Development.action-view .thank-you, .page-Front-end_Web_Development.action-view .new-series--new {<br /> background: #EBC16D;<br /> color: inherit;<br /> }<br /> .page-Front-end_Web_Development.action-view .new-series a, .page-Front-end_Web_Development.action-view .new-series #bodyContent a.external, .page-Front-end_Web_Development.action-view .get-set-up a, .page-Front-end_Web_Development.action-view #bodyContent .get-set-up a.external {<br /> color: #8C73DB;<br /> }<br /> .page-Front-end_Web_Development.action-view .new-series--new a {<br /> background: none;<br /> color: #8D6310;<br /> padding-right: 0;<br /> }<br /> .page-Front-end_Web_Development.action-view .new-series--new + .keep-informed {<br /> <br /> }<br /> .page-Front-end_Web_Development.action-view .keep-informed__buttons {<br /> list-style: none;<br /> margin: 1em auto;<br /> text-align: center;<br /> }<br /> .page-Front-end_Web_Development.action-view .keep-informed__buttons li {<br /> margin: 1em 0;<br /> }<br /> .page-Front-end_Web_Development.action-view .keep-informed__buttons a {<br /> color: #99D7D7 !important;<br /> background: #116C6C !important;<br /> border-radius: 5px;<br /> display: inline-block;<br /> font-size: 24px;<br /> font-weight: bold;<br /> padding: 10px !important;<br /> }<br /> .page-Front-end_Web_Development.action-view .keep-informed__buttons a:hover {<br /> background: #1A5B5B !important;<br /> text-decoration: none;<br /> }<br /> .page-Front-end_Web_Development.action-view .keep-informed__buttons a:active {<br /> background: #095555 !important;<br /> }<br /> .page-Front-end_Web_Development.action-view .classes {<br /> display: table-row;<br /> }<br /> .page-Front-end_Web_Development.action-view .classes__class {<br /> display: table-cell;<br /> padding: 2em;<br /> width: 50%;<br /> }<br /> .page-Front-end_Web_Development.action-view .classes__class--lecture {<br /> background: #A2B3DB;<br /> }<br /> .page-Front-end_Web_Development.action-view #bodyContent .classes__class--lecture a {<br /> color: #10285F;<br /> }<br /> .page-Front-end_Web_Development.action-view .classes__class--lab {<br /> background: #99D7D7;<br /> }<br /> .page-Front-end_Web_Development.action-view #bodyContent .classes__class--lab a {<br /> color: #095555;<br /> }<br /> .page-Front-end_Web_Development.action-view .classes__current {<br /> background: #fff;<br /> background: rgba(255,255,255,.8);<br /> border-radius: 10px;<br /> margin: 1em 0;<br /> padding: 1em 1em .5em;<br /> }<br /> .page-Front-end_Web_Development.action-view .classes__current h4 {<br /> padding-top: 0;<br /> }<br /> .page-Front-end_Web_Development.action-view .classes__current p {<br /> font-size: 13px;<br /> }<br /> .page-Front-end_Web_Development.action-view .web-development__link {<br /> font-size: 1.5em;<br /> }<br /> .page-Front-end_Web_Development.action-view .catlinks {<br /> margin: 1em;<br /> }<br /> @media only screen and (max-width: 980px) {<br /> .page-Front-end_Web_Development.action-view .hero {<br /> padding-bottom: 0;<br /> }<br /> .page-Front-end_Web_Development.action-view .details {<br /> display: block;<br /> }<br /> .page-Front-end_Web_Development.action-view .details__detail {<br /> max-width: none;<br /> width: auto;<br /> }<br /> .page-Front-end_Web_Development.action-view .details__detail--when {<br /> background: #362769;<br /> color: #B1A3DB;<br /> }<br /> .page-Front-end_Web_Development.action-view .details__detail--when a {<br /> color: #8C73DB;<br /> }<br /> .page-Front-end_Web_Development.action-view .details__detail--where {<br /> background: #1A5B5B;<br /> color: #99D7D7;<br /> }<br /> .page-Front-end_Web_Development.action-view .details__detail--where a {<br /> color: #64D7D7;<br /> }<br /> }<br /> /* end FWD */<br /> <br /> .recurring-events li {<br /> margin-bottom: .5em;<br /> }<br /> <br /> .recurring {<br /> background: limegreen;<br /> border-radius: 2px;<br /> color: #fff;<br /> font-size: .92em;<br /> padding: 0 .2em;<br /> }<br /> <br /> .recurring--numbered {<br /> background: yellow;<br /> color: #000;<br /> }<br /> <br /> .recurring--exception {<br /> background: black;<br /> }<br /> <br /> .front-page-box, .front-page-box__container {<br /> width: 960px;<br /> }<br /> <br /> .front-page-box__container {<br /> display: table;<br /> }<br /> <br /> .front-page-box {<br /> background-color: #fafafa;<br /> border: solid 1px #990000;<br /> box-sizing: border-box;<br /> padding: 5px 10px 5px 10px;<br /> }<br /> <br /> .front-page-box h2 {<br /> padding-top: .4em;<br /> }<br /> <br /> .front-page-box--single, .front-page-box__container {<br /> margin: 6px auto 6px auto;<br /> }<br /> <br /> .front-page-box--two, .front-page-box--three {<br /> padding-bottom: 3px;<br /> }<br /> <br /> .front-page-box--two, .front-page-box--three, .front-page-box__spacer {<br /> display: table-cell;<br /> }<br /> <br /> .front-page-box--two:last-child, .front-page-box--three:last-child {<br /> margin-right: 0;<br /> }<br /> <br /> .front-page-box--two {<br /> width: 473px;<br /> }<br /> <br /> .front-page-box--three {<br /> width: 311px;<br /> }<br /> <br /> .front-page-box--goto-2169, .front-page-box--get-involved, .front-page-box--help-out {<br /> background-position: center top;<br /> background-repeat: no-repeat;<br /> background-size: contain;<br /> padding-top: 36px;<br /> position: relative;<br /> }<br /> <br /> .front-page-box--goto-2169 {<br /> background-image: url('/images/f/fe/Wikibanner-goto-2169.png');<br /> }<br /> <br /> .front-page-box--get-involved {<br /> background-image: url('/images/7/7b/Wikibanner-get-involved.png');<br /> }<br /> <br /> .front-page-box--help-out {<br /> background-color: #eeffee;<br /> background-image: url('/images/3/3d/Wikibanner-help-out.png');<br /> }<br /> <br /> .front-page-box__spacer {<br /> width: 13px;<br /> }<br /> <br /> .front-page-box__heading {<br /> border: 0;<br /> height: 30px;<br /> left: 0;<br /> margin: 0;<br /> overflow: hidden;<br /> padding: 0;<br /> position: absolute;<br /> text-indent: 100%;<br /> top: 0;<br /> white-space: nowrap;<br /> width: 100%;<br /> }<br /> <br /> .front-page-box__heading a {<br /> bottom: 0;<br /> left: 0;<br /> position: absolute;<br /> right: 0;<br /> top: 0;<br /> }<br /> <br /> @media only screen and (max-width: 1150px) {<br /> .front-page-box, .front-page-box__container {<br /> width: 800px;<br /> }<br /> <br /> .front-page-box--two {<br /> width: 393px;<br /> }<br /> <br /> .front-page-box--three {<br /> width: 258px;<br /> }<br /> }<br /> /* new home page 2018 */<br /> /* nav */<br /> body.page-NewFrontpage2018 .mw-body {padding: 0; margin: 0; border: 0;}<br /> body.page-NewFrontpage2018 .header { background-color: black; width: 100%; display: flex; justify-content: space-between; align-items: center;}<br /> body.page-NewFrontpage2018 .header-logo {height: 60px; width: 60px; margin: 10px;}<br /> body.page-NewFrontpage2018 .header-navigation { margin: 10px;}<br /> body.page-NewFrontpage2018 .header-navigation a {color: white; margin: 0 10px; text-decoration: none;}<br /> body.page-NewFrontpage2018 .header-navigation .plainlinks a.external {color: #666;}<br /> <br /> /* hiding stuff */<br /> /* body.page-NewFrontpage2018 #mw-page-base, body.page-NewFrontpage2018 #mw-head, body.page-NewFrontpage2018 #mw-panel {display:none;} */</div> Raqlol https://wiki.extremist.software/index.php?title=MediaWiki:Common.css&diff=67882 MediaWiki:Common.css 2018-08-27T02:20:28Z <p>Raqlol: hiding normal navigation</p> <hr /> <div>/** CSS placed here will be applied to all skins */<br /> <br /> body { background: #d9d9d9; }<br /> <br /> #footer {<br /> border-top: 1px solid #aaa;<br /> border-bottom: 1px solid #aaa;<br /> }<br /> <br /> .cf:before,<br /> .cf:after {<br /> content: &quot; &quot;;<br /> display: table;<br /> }<br /> <br /> .cf:after {<br /> clear: both;<br /> }<br /> <br /> .cf {<br /> *zoom: 1;<br /> }<br /> <br /> #p-logo a {<br /> background-image: url('https://noisebridge.net/images/d/d0/Nb-logo-131.png') !important;<br /> }<br /> <br /> /* americancensorship.org css banner */<br /> div#p-logo { z-index: 0 }<br /> span.americancensorshipdotorg a.external {<br /> width: 140px; height: 40px;<br /> top:20px; left:-150px;<br /> -webkit-transform: rotate(-30deg);<br /> transform: rotate(-30deg);<br /> position: absolute; z-index:10;<br /> vertical-align: middle; text-align: center;<br /> background-color: black;<br /> background-image: url(https://www.noisebridge.net/images/f/f3/Stop-censorship-small.png);<br /> background-position: center center;<br /> background-repeat: no-repeat;<br /> border:2px solid black<br /> }<br /> span.americancensorshipdotorg a.external:hover { border:2px solid white }<br /> span.americancensorshipdotorg a span { display:none }<br /> <br /> /* Moving search box to upper-left */<br /> #p-search {<br /> margin: 0;<br /> position: absolute;<br /> right: 1em;<br /> top: 1.25em;<br /> width: auto;<br /> }<br /> <br /> #p-search h5 {<br /> display: none;<br /> }<br /> <br /> #p-search .pBody {<br /> background: none;<br /> border: none;<br /> padding: 0;<br /> }<br /> <br /> /* Homepage */<br /> /* visually hide first heading - makes it look less article-like */<br /> .page-Noisebridge.action-view .firstHeading {<br /> border: 0;<br /> clip: rect(0 0 0 0);<br /> height: 1px;<br /> margin: -1px;<br /> overflow: hidden;<br /> padding: 0;<br /> position: absolute;<br /> width: 1px;<br /> }<br /> <br /> .page-Noisebridge.action-view {<br /> background: #A4A7AE;<br /> }<br /> <br /> /* hide sidebar on main page */<br /> .page-Noisebridge.action-view #content {<br /> background-image: url('https://noisebridge.net/images/9/98/Lifebg.gif');<br /> background-attachment: fixed;<br /> /*background-size: contain;*/<br /> margin-left: 0;<br /> }<br /> <br /> .page-Noisebridge.action-view #mw-page-base {<br /> background: transparent;<br /> height: 2.8em;<br /> }<br /> <br /> .page-Noisebridge.action-view #mw-panel .portal {<br /> display: none;<br /> }<br /> <br /> .page-Noisebridge.action-view #p-logo, .page-Noisebridge.action-view #p-logo a {<br /> height: 2.4em;<br /> width: 2.4em;<br /> }<br /> <br /> .page-Noisebridge.action-view #p-logo {<br /> top: .2em;<br /> left: .2em;<br /> }<br /> <br /> .page-Noisebridge.action-view #p-logo a {<br /> background-size: contain;<br /> }<br /> <br /> .page-Noisebridge.action-view #p-personal {<br /> top: 0;<br /> }<br /> <br /> .page-Noisebridge.action-view #p-views {<br /> padding-left: 0;<br /> }<br /> <br /> .page-Noisebridge.action-view #left-navigation,<br /> .page-Noisebridge.action-view #right-navigation {<br /> margin-top: .3em;<br /> }<br /> <br /> .page-Noisebridge.action-view #left-navigation {<br /> margin-left: 3.5em;<br /> }<br /> <br /> .page-Noisebridge.action-view #right-navigation {<br /> float: left;<br /> }<br /> <br /> .page-Noisebridge.action-view div.vectorTabs,<br /> .page-Noisebridge.action-view div.vectorTabs span,<br /> .page-Noisebridge.action-view div.vectorTabs ul,<br /> .page-Noisebridge.action-view div.vectorTabs ul li,<br /> .page-Noisebridge.action-view div#mw-head div.vectorMenu h3 {<br /> background: none;<br /> }<br /> <br /> .page-Noisebridge.action-view div.vectorTabs span a,<br /> .page-Noisebridge.action-view div.vectorMenu h3 span {<br /> line-height: 18px;<br /> padding-top: .7em;<br /> }<br /> <br /> .page-Noisebridge.action-view div.vectorMenu h3 a {<br /> background-position: 0% 40%;<br /> }<br /> <br /> .page-Noisebridge.action-view #ca-unwatch.icon a,<br /> .page-Noisebridge.action-view #ca-watch.icon a {<br /> background-position-y: 40%;<br /> }<br /> <br /> .page-Noisebridge.action-view #p-search form,<br /> .page-Noisebridge.action-view #simpleSearch {<br /> margin-top: 0;<br /> }<br /> <br /> .page-Noisebridge.action-view div#mw-panel {<br /> top: 0;<br /> }<br /> <br /> /* FWD - color scheme: http://colorschemedesigner.com/#3L61TqVmBjFJD */<br /> @font-face {<br /> font-family: 'Source Sans Pro';<br /> font-style: normal;<br /> font-weight: 300;<br /> src: local('Source Sans Pro Light'), local('SourceSansPro-Light'), url(https://themes.googleusercontent.com/static/fonts/sourcesanspro/v7/toadOcfmlt9b38dHJxOBGMVNtom4QlEDNJaqqqzqdSs.woff) format('woff'), url(https://themes.googleusercontent.com/static/fonts/sourcesanspro/v7/toadOcfmlt9b38dHJxOBGBlTL9oEQvYTI0YAW1-Ysv0.eot) format('embedded-opentype'), url(https://themes.googleusercontent.com/static/fonts/sourcesanspro/v7/toadOcfmlt9b38dHJxOBGMw1o1eFRj7wYC6JbISqOjY.ttf) format('truetype');<br /> }<br /> @font-face {<br /> font-family: 'Source Sans Pro';<br /> font-style: normal;<br /> font-weight: 400;<br /> src: local('Source Sans Pro'), local('SourceSansPro-Regular'), url(https://themes.googleusercontent.com/static/fonts/sourcesanspro/v7/ODelI1aHBYDBqgeIAH2zlNHq-FFgoDNV3GTKpHwuvtI.woff) format('woff'), url(https://themes.googleusercontent.com/static/fonts/sourcesanspro/v7/ODelI1aHBYDBqgeIAH2zlN0tugusXa58UbOrParLRF0.eot) format('embedded-opentype'), url(https://themes.googleusercontent.com/static/fonts/sourcesanspro/v7/ODelI1aHBYDBqgeIAH2zlNzbP97U9sKh0jjxbPbfOKg.ttf) format('truetype');<br /> }<br /> @font-face {<br /> font-family: 'Source Sans Pro';<br /> font-style: normal;<br /> font-weight: 700;<br /> src: local('Source Sans Pro Bold'), local('SourceSansPro-Bold'), url(https://themes.googleusercontent.com/static/fonts/sourcesanspro/v7/toadOcfmlt9b38dHJxOBGIqjGYJUyOXcBwUQbRaNH6c.woff) format('woff'), url(https://themes.googleusercontent.com/static/fonts/sourcesanspro/v7/toadOcfmlt9b38dHJxOBGFV89XnfCtb1fhQGOlhyqi8.eot) format('embedded-opentype'), url(https://themes.googleusercontent.com/static/fonts/sourcesanspro/v7/toadOcfmlt9b38dHJxOBGLsbIrGiHa6JIepkyt5c0A0.ttf) format('truetype');<br /> }<br /> <br /> .page-Front-end_Web_Development.action-view {<br /> background: #000;<br /> }<br /> <br /> .page-Front-end_Web_Development.action-view #bodyContent a.external {<br /> background: none;<br /> padding-right: 0;<br /> }<br /> <br /> .page-Front-end_Web_Development.action-view #p-cactions {<br /> margin-top: 1px;<br /> }<br /> .page-Front-end_Web_Development.action-view #p-cactions li, .page-Front-end_Web_Development.action-view #p-cactions li.selected {<br /> background: #362763;<br /> border-color: transparent;<br /> padding-bottom: .35em;<br /> }<br /> .page-Front-end_Web_Development.action-view #p-cactions li.selected {<br /> border-color: #aaa;<br /> }<br /> .page-Front-end_Web_Development.action-view #p-cactions li a, .page-Front-end_Web_Development.action-view #p-cactions li.selected a {<br /> background: none;<br /> color: #8C73DB;<br /> }<br /> .page-Front-end_Web_Development.action-view #p-cactions .new a {<br /> color: #ba0000;<br /> }<br /> .page-Front-end_Web_Development.action-view #p-cactions li a:hover, .page-Front-end_Web_Development.action-view #p-personal li a:hover {<br /> background: none;<br /> color: #fff;<br /> }<br /> .page-Front-end_Web_Development.action-view .portlet h5 {<br /> color: #7292DB;<br /> }<br /> .page-Front-end_Web_Development.action-view .generated-sidebar .pBody, .page-Front-end_Web_Development.action-view #p-tb .pBody, .page-Front-end_Web_Development.action-view div#footer {<br /> background: #1b223c;<br /> border-color: transparent;<br /> color: #7292DB;<br /> }<br /> .page-Front-end_Web_Development.action-view #p-personal li a, .page-Front-end_Web_Development.action-view .generated-sidebar .pBody a, .page-Front-end_Web_Development.action-view #p-tb .pBody a, .page-Front-end_Web_Development.action-view div#footer a {<br /> color: #A2B3DB;<br /> }<br /> .page-Front-end_Web_Development.action-view .pBody {<br /> bottom: 1px;<br /> position: relative;<br /> z-index: 3;<br /> }<br /> .page-Front-end_Web_Development.action-view div#content {<br /> background-clip: content-box;<br /> border-color: transparent;<br /> padding: 0;<br /> }<br /> .page-Front-end_Web_Development.action-view div#content * {<br /> box-sizing: border-box;<br /> }<br /> .page-Front-end_Web_Development.action-view #contentSub {<br /> margin: 0;<br /> }<br /> .page-Front-end_Web_Development.action-view #mw-content-text {<br /> font-family: &quot;Source Sans Pro&quot;, &quot;Helvetica Neue&quot;, Helvetica, sans-serif;<br /> }<br /> .page-Front-end_Web_Development.action-view #mw-content-text img {<br /> display: none !important; /* ;) */<br /> }<br /> .page-Front-end_Web_Development.action-view h1, .page-Front-end_Web_Development.action-view h2 {<br /> border-bottom: 0;<br /> }<br /> .page-Front-end_Web_Development.action-view h2 {<br /> color: inherit;<br /> font-weight: bold;<br /> text-transform: uppercase;<br /> }<br /> .page-Front-end_Web_Development.action-view code {<br /> background-color: rgba(255,255,255,.1);<br /> }<br /> .page-Front-end_Web_Development.action-view .firstHeading {<br /> display: none;<br /> }<br /> .page-Front-end_Web_Development.action-view .thank-you p {<br /> text-align: left;<br /> }<br /> .page-Front-end_Web_Development.action-view .hero, .page-Front-end_Web_Development.action-view .keep-informed {<br /> background: #1b223c url('/images/4/4f/Fwd-hero.jpg');<br /> background-attachment: fixed;<br /> background-size: auto 100%;<br /> }<br /> .page-Front-end_Web_Development.action-view .hero {<br /> padding-bottom: 40px;<br /> }<br /> .page-Front-end_Web_Development.action-view .hero__hgroup {<br /> padding: 40px;<br /> text-shadow: 0 0 40px rgba(0,0,0,.75);<br /> }<br /> .page-Front-end_Web_Development.action-view .hero__hgroup h1, .page-Front-end_Web_Development.action-view .keep-informed {<br /> color: #A2B3DB;<br /> }<br /> .page-Front-end_Web_Development.action-view .hero__hgroup h1 {<br /> font-size: 75px;<br /> font-weight: 300;<br /> line-height: 1em;<br /> overflow: visible;<br /> margin-bottom: 0;<br /> }<br /> .page-Front-end_Web_Development.action-view .hero__hgroup h2, .page-Front-end_Web_Development.action-view .keep-informed a {<br /> color: #7292DB;<br /> }<br /> .page-Front-end_Web_Development.action-view .hero__hgroup h2 {<br /> font-size: 36px;<br /> font-weight: 400;<br /> line-height: 1.4em;<br /> text-transform: none;<br /> }<br /> .page-Front-end_Web_Development.action-view .hero__hgroup h2 a {<br /> display: block;<br /> }<br /> .page-Front-end_Web_Development.action-view .section {<br /> padding: 2em 0;<br /> text-align: center;<br /> }<br /> .page-Front-end_Web_Development.action-view .details {<br /> display: -webkit-box;<br /> display: -ms-flexbox;<br /> display: flex;<br /> -ms-flex-wrap: wrap;<br /> flex-wrap: wrap;<br /> -webkit-box-pack: center;<br /> -ms-flex-pack: center;<br /> justify-content: center;<br /> margin: 0 auto;<br /> max-width: 1200px;<br /> }<br /> .page-Front-end_Web_Development.action-view .details__detail {<br /> text-align: left;<br /> max-width: 600px;<br /> width: 50%;<br /> }<br /> .page-Front-end_Web_Development.action-view .details__detail h2 {<br /> padding-top: 0;<br /> }<br /> .page-Front-end_Web_Development.action-view .details__detail--what, .page-Front-end_Web_Development.action-view .details__detail--where {<br /> background: #362769;<br /> color: #B1A3DB;<br /> }<br /> .page-Front-end_Web_Development.action-view .details__detail--what a, .page-Front-end_Web_Development.action-view .details__detail--where a {<br /> color: #8C73DB;<br /> }<br /> .page-Front-end_Web_Development.action-view .details__detail--who, .page-Front-end_Web_Development.action-view .details__detail--when {<br /> background: #1A5B5B;<br /> color: #99D7D7;<br /> }<br /> .page-Front-end_Web_Development.action-view .details__detail--who a, .page-Front-end_Web_Development.action-view .details__detail--when a {<br /> color: #64D7D7;<br /> }<br /> .page-Front-end_Web_Development.action-view .section h2, .page-Front-end_Web_Development.action-view .classes h2 {<br /> font-size: 2em;<br /> }<br /> .page-Front-end_Web_Development.action-view .section h2 {<br /> margin-bottom: 1em;<br /> }<br /> .page-Front-end_Web_Development.action-view .section p, .page-Front-end_Web_Development.action-view .section ul, .page-Front-end_Web_Development.action-view .classes p {<br /> font-size: 16px;<br /> }<br /> .page-Front-end_Web_Development.action-view .section ol {<br /> font-size: 20px;<br /> }<br /> .page-Front-end_Web_Development.action-view .container {<br /> margin: 0 auto;<br /> max-width: 600px;<br /> padding: 0 20px;<br /> }<br /> .page-Front-end_Web_Development.action-view .new-series__calendar {<br /> background: #fff;<br /> border: 4px solid #000;<br /> box-shadow: 5px 10px rgba(0,0,0,.5);<br /> font-family: &quot;Helvetica Neue&quot;, Helvetica, sans-serif;<br /> height: 200px;<br /> margin: 2em auto;<br /> position: relative;<br /> text-align: center;<br /> width: 200px;<br /> }<br /> .page-Front-end_Web_Development.action-view .new-series__calendar:after {<br /> content: '';<br /> display: block;<br /> position: absolute;<br /> bottom: 0;<br /> right: 0;<br /> border-width: 15px;<br /> border-color: #ddd #eee #eee #ddd;<br /> border-style: solid;<br /> }<br /> .page-Front-end_Web_Development.action-view .new-series__calendar--no-months .new-series__calendar__date {<br /> font-size: 150px;<br /> }<br /> .page-Front-end_Web_Development.action-view .new-series__calendar__month, .page-Front-end_Web_Development.action-view .new-series__calendar__date {<br /> display: block;<br /> }<br /> .page-Front-end_Web_Development.action-view .new-series__calendar__month {<br /> background: #ff3333;<br /> color: #fff;<br /> font-size: 24px;<br /> line-height: 1.4em;<br /> text-transform: uppercase;<br /> }<br /> .page-Front-end_Web_Development.action-view .new-series__calendar__date {<br /> color: #000;<br /> font-size: 115px;<br /> font-weight: 300;<br /> line-height: 1em;<br /> }<br /> .page-Front-end_Web_Development.action-view .new-series__calendar__months {<br /> color: #000;<br /> display: block;<br /> font-size: 30px;<br /> line-height: 30px;<br /> }<br /> .page-Front-end_Web_Development.action-view .new-series, .page-Front-end_Web_Development.action-view .get-set-up {<br /> background: #36207C url('/images/8/85/Fwd-purple-bg.png') repeat-y 77px 0;<br /> background-attachment: fixed;<br /> background-size: contain;<br /> webkit-background-size: contain;<br /> color: #B1A3DB;<br /> }<br /> .page-Front-end_Web_Development.action-view .get-set-up ol {<br /> text-align: left;<br /> }<br /> .page-Front-end_Web_Development.action-view .get-set-up ol &gt; li {<br /> margin-bottom: .5em;<br /> }<br /> .page-Front-end_Web_Development.action-view .thank-you, .page-Front-end_Web_Development.action-view .new-series--new {<br /> background: #EBC16D;<br /> color: inherit;<br /> }<br /> .page-Front-end_Web_Development.action-view .new-series a, .page-Front-end_Web_Development.action-view .new-series #bodyContent a.external, .page-Front-end_Web_Development.action-view .get-set-up a, .page-Front-end_Web_Development.action-view #bodyContent .get-set-up a.external {<br /> color: #8C73DB;<br /> }<br /> .page-Front-end_Web_Development.action-view .new-series--new a {<br /> background: none;<br /> color: #8D6310;<br /> padding-right: 0;<br /> }<br /> .page-Front-end_Web_Development.action-view .new-series--new + .keep-informed {<br /> <br /> }<br /> .page-Front-end_Web_Development.action-view .keep-informed__buttons {<br /> list-style: none;<br /> margin: 1em auto;<br /> text-align: center;<br /> }<br /> .page-Front-end_Web_Development.action-view .keep-informed__buttons li {<br /> margin: 1em 0;<br /> }<br /> .page-Front-end_Web_Development.action-view .keep-informed__buttons a {<br /> color: #99D7D7 !important;<br /> background: #116C6C !important;<br /> border-radius: 5px;<br /> display: inline-block;<br /> font-size: 24px;<br /> font-weight: bold;<br /> padding: 10px !important;<br /> }<br /> .page-Front-end_Web_Development.action-view .keep-informed__buttons a:hover {<br /> background: #1A5B5B !important;<br /> text-decoration: none;<br /> }<br /> .page-Front-end_Web_Development.action-view .keep-informed__buttons a:active {<br /> background: #095555 !important;<br /> }<br /> .page-Front-end_Web_Development.action-view .classes {<br /> display: table-row;<br /> }<br /> .page-Front-end_Web_Development.action-view .classes__class {<br /> display: table-cell;<br /> padding: 2em;<br /> width: 50%;<br /> }<br /> .page-Front-end_Web_Development.action-view .classes__class--lecture {<br /> background: #A2B3DB;<br /> }<br /> .page-Front-end_Web_Development.action-view #bodyContent .classes__class--lecture a {<br /> color: #10285F;<br /> }<br /> .page-Front-end_Web_Development.action-view .classes__class--lab {<br /> background: #99D7D7;<br /> }<br /> .page-Front-end_Web_Development.action-view #bodyContent .classes__class--lab a {<br /> color: #095555;<br /> }<br /> .page-Front-end_Web_Development.action-view .classes__current {<br /> background: #fff;<br /> background: rgba(255,255,255,.8);<br /> border-radius: 10px;<br /> margin: 1em 0;<br /> padding: 1em 1em .5em;<br /> }<br /> .page-Front-end_Web_Development.action-view .classes__current h4 {<br /> padding-top: 0;<br /> }<br /> .page-Front-end_Web_Development.action-view .classes__current p {<br /> font-size: 13px;<br /> }<br /> .page-Front-end_Web_Development.action-view .web-development__link {<br /> font-size: 1.5em;<br /> }<br /> .page-Front-end_Web_Development.action-view .catlinks {<br /> margin: 1em;<br /> }<br /> @media only screen and (max-width: 980px) {<br /> .page-Front-end_Web_Development.action-view .hero {<br /> padding-bottom: 0;<br /> }<br /> .page-Front-end_Web_Development.action-view .details {<br /> display: block;<br /> }<br /> .page-Front-end_Web_Development.action-view .details__detail {<br /> max-width: none;<br /> width: auto;<br /> }<br /> .page-Front-end_Web_Development.action-view .details__detail--when {<br /> background: #362769;<br /> color: #B1A3DB;<br /> }<br /> .page-Front-end_Web_Development.action-view .details__detail--when a {<br /> color: #8C73DB;<br /> }<br /> .page-Front-end_Web_Development.action-view .details__detail--where {<br /> background: #1A5B5B;<br /> color: #99D7D7;<br /> }<br /> .page-Front-end_Web_Development.action-view .details__detail--where a {<br /> color: #64D7D7;<br /> }<br /> }<br /> /* end FWD */<br /> <br /> .recurring-events li {<br /> margin-bottom: .5em;<br /> }<br /> <br /> .recurring {<br /> background: limegreen;<br /> border-radius: 2px;<br /> color: #fff;<br /> font-size: .92em;<br /> padding: 0 .2em;<br /> }<br /> <br /> .recurring--numbered {<br /> background: yellow;<br /> color: #000;<br /> }<br /> <br /> .recurring--exception {<br /> background: black;<br /> }<br /> <br /> .front-page-box, .front-page-box__container {<br /> width: 960px;<br /> }<br /> <br /> .front-page-box__container {<br /> display: table;<br /> }<br /> <br /> .front-page-box {<br /> background-color: #fafafa;<br /> border: solid 1px #990000;<br /> box-sizing: border-box;<br /> padding: 5px 10px 5px 10px;<br /> }<br /> <br /> .front-page-box h2 {<br /> padding-top: .4em;<br /> }<br /> <br /> .front-page-box--single, .front-page-box__container {<br /> margin: 6px auto 6px auto;<br /> }<br /> <br /> .front-page-box--two, .front-page-box--three {<br /> padding-bottom: 3px;<br /> }<br /> <br /> .front-page-box--two, .front-page-box--three, .front-page-box__spacer {<br /> display: table-cell;<br /> }<br /> <br /> .front-page-box--two:last-child, .front-page-box--three:last-child {<br /> margin-right: 0;<br /> }<br /> <br /> .front-page-box--two {<br /> width: 473px;<br /> }<br /> <br /> .front-page-box--three {<br /> width: 311px;<br /> }<br /> <br /> .front-page-box--goto-2169, .front-page-box--get-involved, .front-page-box--help-out {<br /> background-position: center top;<br /> background-repeat: no-repeat;<br /> background-size: contain;<br /> padding-top: 36px;<br /> position: relative;<br /> }<br /> <br /> .front-page-box--goto-2169 {<br /> background-image: url('/images/f/fe/Wikibanner-goto-2169.png');<br /> }<br /> <br /> .front-page-box--get-involved {<br /> background-image: url('/images/7/7b/Wikibanner-get-involved.png');<br /> }<br /> <br /> .front-page-box--help-out {<br /> background-color: #eeffee;<br /> background-image: url('/images/3/3d/Wikibanner-help-out.png');<br /> }<br /> <br /> .front-page-box__spacer {<br /> width: 13px;<br /> }<br /> <br /> .front-page-box__heading {<br /> border: 0;<br /> height: 30px;<br /> left: 0;<br /> margin: 0;<br /> overflow: hidden;<br /> padding: 0;<br /> position: absolute;<br /> text-indent: 100%;<br /> top: 0;<br /> white-space: nowrap;<br /> width: 100%;<br /> }<br /> <br /> .front-page-box__heading a {<br /> bottom: 0;<br /> left: 0;<br /> position: absolute;<br /> right: 0;<br /> top: 0;<br /> }<br /> <br /> @media only screen and (max-width: 1150px) {<br /> .front-page-box, .front-page-box__container {<br /> width: 800px;<br /> }<br /> <br /> .front-page-box--two {<br /> width: 393px;<br /> }<br /> <br /> .front-page-box--three {<br /> width: 258px;<br /> }<br /> }<br /> /* new home page 2018 */<br /> /* nav */<br /> body.page-NewFrontpage2018 .mw-body {padding: 0; margin: 0; border: 0;}<br /> body.page-NewFrontpage2018 .header { background-color: black; width: 100%; display: flex; justify-content: space-between; align-items: center;}<br /> body.page-NewFrontpage2018 .header-logo {height: 60px; width: 60px; margin: 10px;}<br /> body.page-NewFrontpage2018 .header-navigation { margin: 10px;}<br /> body.page-NewFrontpage2018 .header-navigation a {color: white; margin: 0 10px; text-decoration: none;}<br /> body.page-NewFrontpage2018 .header-navigation .plainlinks a.external {color: #666;}<br /> <br /> /* hiding stuff */<br /> body.page-NewFrontpage2018 #mw-page-base, body.page-NewFrontpage2018 #mw-head, body.page-NewFrontpage2018 #mw-panel {display:none;}</div> Raqlol https://wiki.extremist.software/index.php?title=MediaWiki:Common.css&diff=67880 MediaWiki:Common.css 2018-08-27T02:15:37Z <p>Raqlol: updates new home page nav</p> <hr /> <div>/** CSS placed here will be applied to all skins */<br /> <br /> body { background: #d9d9d9; }<br /> <br /> #footer {<br /> border-top: 1px solid #aaa;<br /> border-bottom: 1px solid #aaa;<br /> }<br /> <br /> .cf:before,<br /> .cf:after {<br /> content: &quot; &quot;;<br /> display: table;<br /> }<br /> <br /> .cf:after {<br /> clear: both;<br /> }<br /> <br /> .cf {<br /> *zoom: 1;<br /> }<br /> <br /> #p-logo a {<br /> background-image: url('https://noisebridge.net/images/d/d0/Nb-logo-131.png') !important;<br /> }<br /> <br /> /* americancensorship.org css banner */<br /> div#p-logo { z-index: 0 }<br /> span.americancensorshipdotorg a.external {<br /> width: 140px; height: 40px;<br /> top:20px; left:-150px;<br /> -webkit-transform: rotate(-30deg);<br /> transform: rotate(-30deg);<br /> position: absolute; z-index:10;<br /> vertical-align: middle; text-align: center;<br /> background-color: black;<br /> background-image: url(https://www.noisebridge.net/images/f/f3/Stop-censorship-small.png);<br /> background-position: center center;<br /> background-repeat: no-repeat;<br /> border:2px solid black<br /> }<br /> span.americancensorshipdotorg a.external:hover { border:2px solid white }<br /> span.americancensorshipdotorg a span { display:none }<br /> <br /> /* Moving search box to upper-left */<br /> #p-search {<br /> margin: 0;<br /> position: absolute;<br /> right: 1em;<br /> top: 1.25em;<br /> width: auto;<br /> }<br /> <br /> #p-search h5 {<br /> display: none;<br /> }<br /> <br /> #p-search .pBody {<br /> background: none;<br /> border: none;<br /> padding: 0;<br /> }<br /> <br /> /* Homepage */<br /> /* visually hide first heading - makes it look less article-like */<br /> .page-Noisebridge.action-view .firstHeading {<br /> border: 0;<br /> clip: rect(0 0 0 0);<br /> height: 1px;<br /> margin: -1px;<br /> overflow: hidden;<br /> padding: 0;<br /> position: absolute;<br /> width: 1px;<br /> }<br /> <br /> .page-Noisebridge.action-view {<br /> background: #A4A7AE;<br /> }<br /> <br /> /* hide sidebar on main page */<br /> .page-Noisebridge.action-view #content {<br /> background-image: url('https://noisebridge.net/images/9/98/Lifebg.gif');<br /> background-attachment: fixed;<br /> /*background-size: contain;*/<br /> margin-left: 0;<br /> }<br /> <br /> .page-Noisebridge.action-view #mw-page-base {<br /> background: transparent;<br /> height: 2.8em;<br /> }<br /> <br /> .page-Noisebridge.action-view #mw-panel .portal {<br /> display: none;<br /> }<br /> <br /> .page-Noisebridge.action-view #p-logo, .page-Noisebridge.action-view #p-logo a {<br /> height: 2.4em;<br /> width: 2.4em;<br /> }<br /> <br /> .page-Noisebridge.action-view #p-logo {<br /> top: .2em;<br /> left: .2em;<br /> }<br /> <br /> .page-Noisebridge.action-view #p-logo a {<br /> background-size: contain;<br /> }<br /> <br /> .page-Noisebridge.action-view #p-personal {<br /> top: 0;<br /> }<br /> <br /> .page-Noisebridge.action-view #p-views {<br /> padding-left: 0;<br /> }<br /> <br /> .page-Noisebridge.action-view #left-navigation,<br /> .page-Noisebridge.action-view #right-navigation {<br /> margin-top: .3em;<br /> }<br /> <br /> .page-Noisebridge.action-view #left-navigation {<br /> margin-left: 3.5em;<br /> }<br /> <br /> .page-Noisebridge.action-view #right-navigation {<br /> float: left;<br /> }<br /> <br /> .page-Noisebridge.action-view div.vectorTabs,<br /> .page-Noisebridge.action-view div.vectorTabs span,<br /> .page-Noisebridge.action-view div.vectorTabs ul,<br /> .page-Noisebridge.action-view div.vectorTabs ul li,<br /> .page-Noisebridge.action-view div#mw-head div.vectorMenu h3 {<br /> background: none;<br /> }<br /> <br /> .page-Noisebridge.action-view div.vectorTabs span a,<br /> .page-Noisebridge.action-view div.vectorMenu h3 span {<br /> line-height: 18px;<br /> padding-top: .7em;<br /> }<br /> <br /> .page-Noisebridge.action-view div.vectorMenu h3 a {<br /> background-position: 0% 40%;<br /> }<br /> <br /> .page-Noisebridge.action-view #ca-unwatch.icon a,<br /> .page-Noisebridge.action-view #ca-watch.icon a {<br /> background-position-y: 40%;<br /> }<br /> <br /> .page-Noisebridge.action-view #p-search form,<br /> .page-Noisebridge.action-view #simpleSearch {<br /> margin-top: 0;<br /> }<br /> <br /> .page-Noisebridge.action-view div#mw-panel {<br /> top: 0;<br /> }<br /> <br /> /* FWD - color scheme: http://colorschemedesigner.com/#3L61TqVmBjFJD */<br /> @font-face {<br /> font-family: 'Source Sans Pro';<br /> font-style: normal;<br /> font-weight: 300;<br /> src: local('Source Sans Pro Light'), local('SourceSansPro-Light'), url(https://themes.googleusercontent.com/static/fonts/sourcesanspro/v7/toadOcfmlt9b38dHJxOBGMVNtom4QlEDNJaqqqzqdSs.woff) format('woff'), url(https://themes.googleusercontent.com/static/fonts/sourcesanspro/v7/toadOcfmlt9b38dHJxOBGBlTL9oEQvYTI0YAW1-Ysv0.eot) format('embedded-opentype'), url(https://themes.googleusercontent.com/static/fonts/sourcesanspro/v7/toadOcfmlt9b38dHJxOBGMw1o1eFRj7wYC6JbISqOjY.ttf) format('truetype');<br /> }<br /> @font-face {<br /> font-family: 'Source Sans Pro';<br /> font-style: normal;<br /> font-weight: 400;<br /> src: local('Source Sans Pro'), local('SourceSansPro-Regular'), url(https://themes.googleusercontent.com/static/fonts/sourcesanspro/v7/ODelI1aHBYDBqgeIAH2zlNHq-FFgoDNV3GTKpHwuvtI.woff) format('woff'), url(https://themes.googleusercontent.com/static/fonts/sourcesanspro/v7/ODelI1aHBYDBqgeIAH2zlN0tugusXa58UbOrParLRF0.eot) format('embedded-opentype'), url(https://themes.googleusercontent.com/static/fonts/sourcesanspro/v7/ODelI1aHBYDBqgeIAH2zlNzbP97U9sKh0jjxbPbfOKg.ttf) format('truetype');<br /> }<br /> @font-face {<br /> font-family: 'Source Sans Pro';<br /> font-style: normal;<br /> font-weight: 700;<br /> src: local('Source Sans Pro Bold'), local('SourceSansPro-Bold'), url(https://themes.googleusercontent.com/static/fonts/sourcesanspro/v7/toadOcfmlt9b38dHJxOBGIqjGYJUyOXcBwUQbRaNH6c.woff) format('woff'), url(https://themes.googleusercontent.com/static/fonts/sourcesanspro/v7/toadOcfmlt9b38dHJxOBGFV89XnfCtb1fhQGOlhyqi8.eot) format('embedded-opentype'), url(https://themes.googleusercontent.com/static/fonts/sourcesanspro/v7/toadOcfmlt9b38dHJxOBGLsbIrGiHa6JIepkyt5c0A0.ttf) format('truetype');<br /> }<br /> <br /> .page-Front-end_Web_Development.action-view {<br /> background: #000;<br /> }<br /> <br /> .page-Front-end_Web_Development.action-view #bodyContent a.external {<br /> background: none;<br /> padding-right: 0;<br /> }<br /> <br /> .page-Front-end_Web_Development.action-view #p-cactions {<br /> margin-top: 1px;<br /> }<br /> .page-Front-end_Web_Development.action-view #p-cactions li, .page-Front-end_Web_Development.action-view #p-cactions li.selected {<br /> background: #362763;<br /> border-color: transparent;<br /> padding-bottom: .35em;<br /> }<br /> .page-Front-end_Web_Development.action-view #p-cactions li.selected {<br /> border-color: #aaa;<br /> }<br /> .page-Front-end_Web_Development.action-view #p-cactions li a, .page-Front-end_Web_Development.action-view #p-cactions li.selected a {<br /> background: none;<br /> color: #8C73DB;<br /> }<br /> .page-Front-end_Web_Development.action-view #p-cactions .new a {<br /> color: #ba0000;<br /> }<br /> .page-Front-end_Web_Development.action-view #p-cactions li a:hover, .page-Front-end_Web_Development.action-view #p-personal li a:hover {<br /> background: none;<br /> color: #fff;<br /> }<br /> .page-Front-end_Web_Development.action-view .portlet h5 {<br /> color: #7292DB;<br /> }<br /> .page-Front-end_Web_Development.action-view .generated-sidebar .pBody, .page-Front-end_Web_Development.action-view #p-tb .pBody, .page-Front-end_Web_Development.action-view div#footer {<br /> background: #1b223c;<br /> border-color: transparent;<br /> color: #7292DB;<br /> }<br /> .page-Front-end_Web_Development.action-view #p-personal li a, .page-Front-end_Web_Development.action-view .generated-sidebar .pBody a, .page-Front-end_Web_Development.action-view #p-tb .pBody a, .page-Front-end_Web_Development.action-view div#footer a {<br /> color: #A2B3DB;<br /> }<br /> .page-Front-end_Web_Development.action-view .pBody {<br /> bottom: 1px;<br /> position: relative;<br /> z-index: 3;<br /> }<br /> .page-Front-end_Web_Development.action-view div#content {<br /> background-clip: content-box;<br /> border-color: transparent;<br /> padding: 0;<br /> }<br /> .page-Front-end_Web_Development.action-view div#content * {<br /> box-sizing: border-box;<br /> }<br /> .page-Front-end_Web_Development.action-view #contentSub {<br /> margin: 0;<br /> }<br /> .page-Front-end_Web_Development.action-view #mw-content-text {<br /> font-family: &quot;Source Sans Pro&quot;, &quot;Helvetica Neue&quot;, Helvetica, sans-serif;<br /> }<br /> .page-Front-end_Web_Development.action-view #mw-content-text img {<br /> display: none !important; /* ;) */<br /> }<br /> .page-Front-end_Web_Development.action-view h1, .page-Front-end_Web_Development.action-view h2 {<br /> border-bottom: 0;<br /> }<br /> .page-Front-end_Web_Development.action-view h2 {<br /> color: inherit;<br /> font-weight: bold;<br /> text-transform: uppercase;<br /> }<br /> .page-Front-end_Web_Development.action-view code {<br /> background-color: rgba(255,255,255,.1);<br /> }<br /> .page-Front-end_Web_Development.action-view .firstHeading {<br /> display: none;<br /> }<br /> .page-Front-end_Web_Development.action-view .thank-you p {<br /> text-align: left;<br /> }<br /> .page-Front-end_Web_Development.action-view .hero, .page-Front-end_Web_Development.action-view .keep-informed {<br /> background: #1b223c url('/images/4/4f/Fwd-hero.jpg');<br /> background-attachment: fixed;<br /> background-size: auto 100%;<br /> }<br /> .page-Front-end_Web_Development.action-view .hero {<br /> padding-bottom: 40px;<br /> }<br /> .page-Front-end_Web_Development.action-view .hero__hgroup {<br /> padding: 40px;<br /> text-shadow: 0 0 40px rgba(0,0,0,.75);<br /> }<br /> .page-Front-end_Web_Development.action-view .hero__hgroup h1, .page-Front-end_Web_Development.action-view .keep-informed {<br /> color: #A2B3DB;<br /> }<br /> .page-Front-end_Web_Development.action-view .hero__hgroup h1 {<br /> font-size: 75px;<br /> font-weight: 300;<br /> line-height: 1em;<br /> overflow: visible;<br /> margin-bottom: 0;<br /> }<br /> .page-Front-end_Web_Development.action-view .hero__hgroup h2, .page-Front-end_Web_Development.action-view .keep-informed a {<br /> color: #7292DB;<br /> }<br /> .page-Front-end_Web_Development.action-view .hero__hgroup h2 {<br /> font-size: 36px;<br /> font-weight: 400;<br /> line-height: 1.4em;<br /> text-transform: none;<br /> }<br /> .page-Front-end_Web_Development.action-view .hero__hgroup h2 a {<br /> display: block;<br /> }<br /> .page-Front-end_Web_Development.action-view .section {<br /> padding: 2em 0;<br /> text-align: center;<br /> }<br /> .page-Front-end_Web_Development.action-view .details {<br /> display: -webkit-box;<br /> display: -ms-flexbox;<br /> display: flex;<br /> -ms-flex-wrap: wrap;<br /> flex-wrap: wrap;<br /> -webkit-box-pack: center;<br /> -ms-flex-pack: center;<br /> justify-content: center;<br /> margin: 0 auto;<br /> max-width: 1200px;<br /> }<br /> .page-Front-end_Web_Development.action-view .details__detail {<br /> text-align: left;<br /> max-width: 600px;<br /> width: 50%;<br /> }<br /> .page-Front-end_Web_Development.action-view .details__detail h2 {<br /> padding-top: 0;<br /> }<br /> .page-Front-end_Web_Development.action-view .details__detail--what, .page-Front-end_Web_Development.action-view .details__detail--where {<br /> background: #362769;<br /> color: #B1A3DB;<br /> }<br /> .page-Front-end_Web_Development.action-view .details__detail--what a, .page-Front-end_Web_Development.action-view .details__detail--where a {<br /> color: #8C73DB;<br /> }<br /> .page-Front-end_Web_Development.action-view .details__detail--who, .page-Front-end_Web_Development.action-view .details__detail--when {<br /> background: #1A5B5B;<br /> color: #99D7D7;<br /> }<br /> .page-Front-end_Web_Development.action-view .details__detail--who a, .page-Front-end_Web_Development.action-view .details__detail--when a {<br /> color: #64D7D7;<br /> }<br /> .page-Front-end_Web_Development.action-view .section h2, .page-Front-end_Web_Development.action-view .classes h2 {<br /> font-size: 2em;<br /> }<br /> .page-Front-end_Web_Development.action-view .section h2 {<br /> margin-bottom: 1em;<br /> }<br /> .page-Front-end_Web_Development.action-view .section p, .page-Front-end_Web_Development.action-view .section ul, .page-Front-end_Web_Development.action-view .classes p {<br /> font-size: 16px;<br /> }<br /> .page-Front-end_Web_Development.action-view .section ol {<br /> font-size: 20px;<br /> }<br /> .page-Front-end_Web_Development.action-view .container {<br /> margin: 0 auto;<br /> max-width: 600px;<br /> padding: 0 20px;<br /> }<br /> .page-Front-end_Web_Development.action-view .new-series__calendar {<br /> background: #fff;<br /> border: 4px solid #000;<br /> box-shadow: 5px 10px rgba(0,0,0,.5);<br /> font-family: &quot;Helvetica Neue&quot;, Helvetica, sans-serif;<br /> height: 200px;<br /> margin: 2em auto;<br /> position: relative;<br /> text-align: center;<br /> width: 200px;<br /> }<br /> .page-Front-end_Web_Development.action-view .new-series__calendar:after {<br /> content: '';<br /> display: block;<br /> position: absolute;<br /> bottom: 0;<br /> right: 0;<br /> border-width: 15px;<br /> border-color: #ddd #eee #eee #ddd;<br /> border-style: solid;<br /> }<br /> .page-Front-end_Web_Development.action-view .new-series__calendar--no-months .new-series__calendar__date {<br /> font-size: 150px;<br /> }<br /> .page-Front-end_Web_Development.action-view .new-series__calendar__month, .page-Front-end_Web_Development.action-view .new-series__calendar__date {<br /> display: block;<br /> }<br /> .page-Front-end_Web_Development.action-view .new-series__calendar__month {<br /> background: #ff3333;<br /> color: #fff;<br /> font-size: 24px;<br /> line-height: 1.4em;<br /> text-transform: uppercase;<br /> }<br /> .page-Front-end_Web_Development.action-view .new-series__calendar__date {<br /> color: #000;<br /> font-size: 115px;<br /> font-weight: 300;<br /> line-height: 1em;<br /> }<br /> .page-Front-end_Web_Development.action-view .new-series__calendar__months {<br /> color: #000;<br /> display: block;<br /> font-size: 30px;<br /> line-height: 30px;<br /> }<br /> .page-Front-end_Web_Development.action-view .new-series, .page-Front-end_Web_Development.action-view .get-set-up {<br /> background: #36207C url('/images/8/85/Fwd-purple-bg.png') repeat-y 77px 0;<br /> background-attachment: fixed;<br /> background-size: contain;<br /> webkit-background-size: contain;<br /> color: #B1A3DB;<br /> }<br /> .page-Front-end_Web_Development.action-view .get-set-up ol {<br /> text-align: left;<br /> }<br /> .page-Front-end_Web_Development.action-view .get-set-up ol &gt; li {<br /> margin-bottom: .5em;<br /> }<br /> .page-Front-end_Web_Development.action-view .thank-you, .page-Front-end_Web_Development.action-view .new-series--new {<br /> background: #EBC16D;<br /> color: inherit;<br /> }<br /> .page-Front-end_Web_Development.action-view .new-series a, .page-Front-end_Web_Development.action-view .new-series #bodyContent a.external, .page-Front-end_Web_Development.action-view .get-set-up a, .page-Front-end_Web_Development.action-view #bodyContent .get-set-up a.external {<br /> color: #8C73DB;<br /> }<br /> .page-Front-end_Web_Development.action-view .new-series--new a {<br /> background: none;<br /> color: #8D6310;<br /> padding-right: 0;<br /> }<br /> .page-Front-end_Web_Development.action-view .new-series--new + .keep-informed {<br /> <br /> }<br /> .page-Front-end_Web_Development.action-view .keep-informed__buttons {<br /> list-style: none;<br /> margin: 1em auto;<br /> text-align: center;<br /> }<br /> .page-Front-end_Web_Development.action-view .keep-informed__buttons li {<br /> margin: 1em 0;<br /> }<br /> .page-Front-end_Web_Development.action-view .keep-informed__buttons a {<br /> color: #99D7D7 !important;<br /> background: #116C6C !important;<br /> border-radius: 5px;<br /> display: inline-block;<br /> font-size: 24px;<br /> font-weight: bold;<br /> padding: 10px !important;<br /> }<br /> .page-Front-end_Web_Development.action-view .keep-informed__buttons a:hover {<br /> background: #1A5B5B !important;<br /> text-decoration: none;<br /> }<br /> .page-Front-end_Web_Development.action-view .keep-informed__buttons a:active {<br /> background: #095555 !important;<br /> }<br /> .page-Front-end_Web_Development.action-view .classes {<br /> display: table-row;<br /> }<br /> .page-Front-end_Web_Development.action-view .classes__class {<br /> display: table-cell;<br /> padding: 2em;<br /> width: 50%;<br /> }<br /> .page-Front-end_Web_Development.action-view .classes__class--lecture {<br /> background: #A2B3DB;<br /> }<br /> .page-Front-end_Web_Development.action-view #bodyContent .classes__class--lecture a {<br /> color: #10285F;<br /> }<br /> .page-Front-end_Web_Development.action-view .classes__class--lab {<br /> background: #99D7D7;<br /> }<br /> .page-Front-end_Web_Development.action-view #bodyContent .classes__class--lab a {<br /> color: #095555;<br /> }<br /> .page-Front-end_Web_Development.action-view .classes__current {<br /> background: #fff;<br /> background: rgba(255,255,255,.8);<br /> border-radius: 10px;<br /> margin: 1em 0;<br /> padding: 1em 1em .5em;<br /> }<br /> .page-Front-end_Web_Development.action-view .classes__current h4 {<br /> padding-top: 0;<br /> }<br /> .page-Front-end_Web_Development.action-view .classes__current p {<br /> font-size: 13px;<br /> }<br /> .page-Front-end_Web_Development.action-view .web-development__link {<br /> font-size: 1.5em;<br /> }<br /> .page-Front-end_Web_Development.action-view .catlinks {<br /> margin: 1em;<br /> }<br /> @media only screen and (max-width: 980px) {<br /> .page-Front-end_Web_Development.action-view .hero {<br /> padding-bottom: 0;<br /> }<br /> .page-Front-end_Web_Development.action-view .details {<br /> display: block;<br /> }<br /> .page-Front-end_Web_Development.action-view .details__detail {<br /> max-width: none;<br /> width: auto;<br /> }<br /> .page-Front-end_Web_Development.action-view .details__detail--when {<br /> background: #362769;<br /> color: #B1A3DB;<br /> }<br /> .page-Front-end_Web_Development.action-view .details__detail--when a {<br /> color: #8C73DB;<br /> }<br /> .page-Front-end_Web_Development.action-view .details__detail--where {<br /> background: #1A5B5B;<br /> color: #99D7D7;<br /> }<br /> .page-Front-end_Web_Development.action-view .details__detail--where a {<br /> color: #64D7D7;<br /> }<br /> }<br /> /* end FWD */<br /> <br /> .recurring-events li {<br /> margin-bottom: .5em;<br /> }<br /> <br /> .recurring {<br /> background: limegreen;<br /> border-radius: 2px;<br /> color: #fff;<br /> font-size: .92em;<br /> padding: 0 .2em;<br /> }<br /> <br /> .recurring--numbered {<br /> background: yellow;<br /> color: #000;<br /> }<br /> <br /> .recurring--exception {<br /> background: black;<br /> }<br /> <br /> .front-page-box, .front-page-box__container {<br /> width: 960px;<br /> }<br /> <br /> .front-page-box__container {<br /> display: table;<br /> }<br /> <br /> .front-page-box {<br /> background-color: #fafafa;<br /> border: solid 1px #990000;<br /> box-sizing: border-box;<br /> padding: 5px 10px 5px 10px;<br /> }<br /> <br /> .front-page-box h2 {<br /> padding-top: .4em;<br /> }<br /> <br /> .front-page-box--single, .front-page-box__container {<br /> margin: 6px auto 6px auto;<br /> }<br /> <br /> .front-page-box--two, .front-page-box--three {<br /> padding-bottom: 3px;<br /> }<br /> <br /> .front-page-box--two, .front-page-box--three, .front-page-box__spacer {<br /> display: table-cell;<br /> }<br /> <br /> .front-page-box--two:last-child, .front-page-box--three:last-child {<br /> margin-right: 0;<br /> }<br /> <br /> .front-page-box--two {<br /> width: 473px;<br /> }<br /> <br /> .front-page-box--three {<br /> width: 311px;<br /> }<br /> <br /> .front-page-box--goto-2169, .front-page-box--get-involved, .front-page-box--help-out {<br /> background-position: center top;<br /> background-repeat: no-repeat;<br /> background-size: contain;<br /> padding-top: 36px;<br /> position: relative;<br /> }<br /> <br /> .front-page-box--goto-2169 {<br /> background-image: url('/images/f/fe/Wikibanner-goto-2169.png');<br /> }<br /> <br /> .front-page-box--get-involved {<br /> background-image: url('/images/7/7b/Wikibanner-get-involved.png');<br /> }<br /> <br /> .front-page-box--help-out {<br /> background-color: #eeffee;<br /> background-image: url('/images/3/3d/Wikibanner-help-out.png');<br /> }<br /> <br /> .front-page-box__spacer {<br /> width: 13px;<br /> }<br /> <br /> .front-page-box__heading {<br /> border: 0;<br /> height: 30px;<br /> left: 0;<br /> margin: 0;<br /> overflow: hidden;<br /> padding: 0;<br /> position: absolute;<br /> text-indent: 100%;<br /> top: 0;<br /> white-space: nowrap;<br /> width: 100%;<br /> }<br /> <br /> .front-page-box__heading a {<br /> bottom: 0;<br /> left: 0;<br /> position: absolute;<br /> right: 0;<br /> top: 0;<br /> }<br /> <br /> @media only screen and (max-width: 1150px) {<br /> .front-page-box, .front-page-box__container {<br /> width: 800px;<br /> }<br /> <br /> .front-page-box--two {<br /> width: 393px;<br /> }<br /> <br /> .front-page-box--three {<br /> width: 258px;<br /> }<br /> }<br /> /* new home page 2018 */<br /> body.page-NewFrontpage2018 .mw-body {padding: 0;}<br /> body.page-NewFrontpage2018 #mw-page-base, body.page-NewFrontpage2018 #mw-head {display:none;}<br /> body.page-NewFrontpage2018 .header { background-color: black; width: 100%; display: flex; justify-content: space-between; align-items: center;}<br /> body.page-NewFrontpage2018 .header-logo {height: 80px; width: 80px; margin: 10px;}<br /> body.page-NewFrontpage2018 .header-navigation .plainlinks { margin: 10px;}<br /> body.page-NewFrontpage2018 .header-navigation .plainlinks a {color: white; margin: 0 10px; text-decoration: none;}<br /> body.page-NewFrontpage2018 .header-navigation .plainlinks a.external {color: #666;}</div> Raqlol https://wiki.extremist.software/index.php?title=MediaWiki:Common.css&diff=67871 MediaWiki:Common.css 2018-08-24T23:24:00Z <p>Raqlol: more testing</p> <hr /> <div>/** CSS placed here will be applied to all skins */<br /> <br /> body { background: #d9d9d9; }<br /> <br /> #footer {<br /> border-top: 1px solid #aaa;<br /> border-bottom: 1px solid #aaa;<br /> }<br /> <br /> .cf:before,<br /> .cf:after {<br /> content: &quot; &quot;;<br /> display: table;<br /> }<br /> <br /> .cf:after {<br /> clear: both;<br /> }<br /> <br /> .cf {<br /> *zoom: 1;<br /> }<br /> <br /> #p-logo a {<br /> background-image: url('https://noisebridge.net/images/d/d0/Nb-logo-131.png') !important;<br /> }<br /> <br /> /* americancensorship.org css banner */<br /> div#p-logo { z-index: 0 }<br /> span.americancensorshipdotorg a.external {<br /> width: 140px; height: 40px;<br /> top:20px; left:-150px;<br /> -webkit-transform: rotate(-30deg);<br /> transform: rotate(-30deg);<br /> position: absolute; z-index:10;<br /> vertical-align: middle; text-align: center;<br /> background-color: black;<br /> background-image: url(https://www.noisebridge.net/images/f/f3/Stop-censorship-small.png);<br /> background-position: center center;<br /> background-repeat: no-repeat;<br /> border:2px solid black<br /> }<br /> span.americancensorshipdotorg a.external:hover { border:2px solid white }<br /> span.americancensorshipdotorg a span { display:none }<br /> <br /> /* Moving search box to upper-left */<br /> #p-search {<br /> margin: 0;<br /> position: absolute;<br /> right: 1em;<br /> top: 1.25em;<br /> width: auto;<br /> }<br /> <br /> #p-search h5 {<br /> display: none;<br /> }<br /> <br /> #p-search .pBody {<br /> background: none;<br /> border: none;<br /> padding: 0;<br /> }<br /> <br /> /* Homepage */<br /> /* visually hide first heading - makes it look less article-like */<br /> .page-Noisebridge.action-view .firstHeading {<br /> border: 0;<br /> clip: rect(0 0 0 0);<br /> height: 1px;<br /> margin: -1px;<br /> overflow: hidden;<br /> padding: 0;<br /> position: absolute;<br /> width: 1px;<br /> }<br /> <br /> .page-Noisebridge.action-view {<br /> background: #A4A7AE;<br /> }<br /> <br /> /* hide sidebar on main page */<br /> .page-Noisebridge.action-view #content {<br /> background-image: url('https://noisebridge.net/images/9/98/Lifebg.gif');<br /> background-attachment: fixed;<br /> /*background-size: contain;*/<br /> margin-left: 0;<br /> }<br /> <br /> .page-Noisebridge.action-view #mw-page-base {<br /> background: transparent;<br /> height: 2.8em;<br /> }<br /> <br /> .page-Noisebridge.action-view #mw-panel .portal {<br /> display: none;<br /> }<br /> <br /> .page-Noisebridge.action-view #p-logo, .page-Noisebridge.action-view #p-logo a {<br /> height: 2.4em;<br /> width: 2.4em;<br /> }<br /> <br /> .page-Noisebridge.action-view #p-logo {<br /> top: .2em;<br /> left: .2em;<br /> }<br /> <br /> .page-Noisebridge.action-view #p-logo a {<br /> background-size: contain;<br /> }<br /> <br /> .page-Noisebridge.action-view #p-personal {<br /> top: 0;<br /> }<br /> <br /> .page-Noisebridge.action-view #p-views {<br /> padding-left: 0;<br /> }<br /> <br /> .page-Noisebridge.action-view #left-navigation,<br /> .page-Noisebridge.action-view #right-navigation {<br /> margin-top: .3em;<br /> }<br /> <br /> .page-Noisebridge.action-view #left-navigation {<br /> margin-left: 3.5em;<br /> }<br /> <br /> .page-Noisebridge.action-view #right-navigation {<br /> float: left;<br /> }<br /> <br /> .page-Noisebridge.action-view div.vectorTabs,<br /> .page-Noisebridge.action-view div.vectorTabs span,<br /> .page-Noisebridge.action-view div.vectorTabs ul,<br /> .page-Noisebridge.action-view div.vectorTabs ul li,<br /> .page-Noisebridge.action-view div#mw-head div.vectorMenu h3 {<br /> background: none;<br /> }<br /> <br /> .page-Noisebridge.action-view div.vectorTabs span a,<br /> .page-Noisebridge.action-view div.vectorMenu h3 span {<br /> line-height: 18px;<br /> padding-top: .7em;<br /> }<br /> <br /> .page-Noisebridge.action-view div.vectorMenu h3 a {<br /> background-position: 0% 40%;<br /> }<br /> <br /> .page-Noisebridge.action-view #ca-unwatch.icon a,<br /> .page-Noisebridge.action-view #ca-watch.icon a {<br /> background-position-y: 40%;<br /> }<br /> <br /> .page-Noisebridge.action-view #p-search form,<br /> .page-Noisebridge.action-view #simpleSearch {<br /> margin-top: 0;<br /> }<br /> <br /> .page-Noisebridge.action-view div#mw-panel {<br /> top: 0;<br /> }<br /> <br /> /* FWD - color scheme: http://colorschemedesigner.com/#3L61TqVmBjFJD */<br /> @font-face {<br /> font-family: 'Source Sans Pro';<br /> font-style: normal;<br /> font-weight: 300;<br /> src: local('Source Sans Pro Light'), local('SourceSansPro-Light'), url(https://themes.googleusercontent.com/static/fonts/sourcesanspro/v7/toadOcfmlt9b38dHJxOBGMVNtom4QlEDNJaqqqzqdSs.woff) format('woff'), url(https://themes.googleusercontent.com/static/fonts/sourcesanspro/v7/toadOcfmlt9b38dHJxOBGBlTL9oEQvYTI0YAW1-Ysv0.eot) format('embedded-opentype'), url(https://themes.googleusercontent.com/static/fonts/sourcesanspro/v7/toadOcfmlt9b38dHJxOBGMw1o1eFRj7wYC6JbISqOjY.ttf) format('truetype');<br /> }<br /> @font-face {<br /> font-family: 'Source Sans Pro';<br /> font-style: normal;<br /> font-weight: 400;<br /> src: local('Source Sans Pro'), local('SourceSansPro-Regular'), url(https://themes.googleusercontent.com/static/fonts/sourcesanspro/v7/ODelI1aHBYDBqgeIAH2zlNHq-FFgoDNV3GTKpHwuvtI.woff) format('woff'), url(https://themes.googleusercontent.com/static/fonts/sourcesanspro/v7/ODelI1aHBYDBqgeIAH2zlN0tugusXa58UbOrParLRF0.eot) format('embedded-opentype'), url(https://themes.googleusercontent.com/static/fonts/sourcesanspro/v7/ODelI1aHBYDBqgeIAH2zlNzbP97U9sKh0jjxbPbfOKg.ttf) format('truetype');<br /> }<br /> @font-face {<br /> font-family: 'Source Sans Pro';<br /> font-style: normal;<br /> font-weight: 700;<br /> src: local('Source Sans Pro Bold'), local('SourceSansPro-Bold'), url(https://themes.googleusercontent.com/static/fonts/sourcesanspro/v7/toadOcfmlt9b38dHJxOBGIqjGYJUyOXcBwUQbRaNH6c.woff) format('woff'), url(https://themes.googleusercontent.com/static/fonts/sourcesanspro/v7/toadOcfmlt9b38dHJxOBGFV89XnfCtb1fhQGOlhyqi8.eot) format('embedded-opentype'), url(https://themes.googleusercontent.com/static/fonts/sourcesanspro/v7/toadOcfmlt9b38dHJxOBGLsbIrGiHa6JIepkyt5c0A0.ttf) format('truetype');<br /> }<br /> <br /> .page-Front-end_Web_Development.action-view {<br /> background: #000;<br /> }<br /> <br /> .page-Front-end_Web_Development.action-view #bodyContent a.external {<br /> background: none;<br /> padding-right: 0;<br /> }<br /> <br /> .page-Front-end_Web_Development.action-view #p-cactions {<br /> margin-top: 1px;<br /> }<br /> .page-Front-end_Web_Development.action-view #p-cactions li, .page-Front-end_Web_Development.action-view #p-cactions li.selected {<br /> background: #362763;<br /> border-color: transparent;<br /> padding-bottom: .35em;<br /> }<br /> .page-Front-end_Web_Development.action-view #p-cactions li.selected {<br /> border-color: #aaa;<br /> }<br /> .page-Front-end_Web_Development.action-view #p-cactions li a, .page-Front-end_Web_Development.action-view #p-cactions li.selected a {<br /> background: none;<br /> color: #8C73DB;<br /> }<br /> .page-Front-end_Web_Development.action-view #p-cactions .new a {<br /> color: #ba0000;<br /> }<br /> .page-Front-end_Web_Development.action-view #p-cactions li a:hover, .page-Front-end_Web_Development.action-view #p-personal li a:hover {<br /> background: none;<br /> color: #fff;<br /> }<br /> .page-Front-end_Web_Development.action-view .portlet h5 {<br /> color: #7292DB;<br /> }<br /> .page-Front-end_Web_Development.action-view .generated-sidebar .pBody, .page-Front-end_Web_Development.action-view #p-tb .pBody, .page-Front-end_Web_Development.action-view div#footer {<br /> background: #1b223c;<br /> border-color: transparent;<br /> color: #7292DB;<br /> }<br /> .page-Front-end_Web_Development.action-view #p-personal li a, .page-Front-end_Web_Development.action-view .generated-sidebar .pBody a, .page-Front-end_Web_Development.action-view #p-tb .pBody a, .page-Front-end_Web_Development.action-view div#footer a {<br /> color: #A2B3DB;<br /> }<br /> .page-Front-end_Web_Development.action-view .pBody {<br /> bottom: 1px;<br /> position: relative;<br /> z-index: 3;<br /> }<br /> .page-Front-end_Web_Development.action-view div#content {<br /> background-clip: content-box;<br /> border-color: transparent;<br /> padding: 0;<br /> }<br /> .page-Front-end_Web_Development.action-view div#content * {<br /> box-sizing: border-box;<br /> }<br /> .page-Front-end_Web_Development.action-view #contentSub {<br /> margin: 0;<br /> }<br /> .page-Front-end_Web_Development.action-view #mw-content-text {<br /> font-family: &quot;Source Sans Pro&quot;, &quot;Helvetica Neue&quot;, Helvetica, sans-serif;<br /> }<br /> .page-Front-end_Web_Development.action-view #mw-content-text img {<br /> display: none !important; /* ;) */<br /> }<br /> .page-Front-end_Web_Development.action-view h1, .page-Front-end_Web_Development.action-view h2 {<br /> border-bottom: 0;<br /> }<br /> .page-Front-end_Web_Development.action-view h2 {<br /> color: inherit;<br /> font-weight: bold;<br /> text-transform: uppercase;<br /> }<br /> .page-Front-end_Web_Development.action-view code {<br /> background-color: rgba(255,255,255,.1);<br /> }<br /> .page-Front-end_Web_Development.action-view .firstHeading {<br /> display: none;<br /> }<br /> .page-Front-end_Web_Development.action-view .thank-you p {<br /> text-align: left;<br /> }<br /> .page-Front-end_Web_Development.action-view .hero, .page-Front-end_Web_Development.action-view .keep-informed {<br /> background: #1b223c url('/images/4/4f/Fwd-hero.jpg');<br /> background-attachment: fixed;<br /> background-size: auto 100%;<br /> }<br /> .page-Front-end_Web_Development.action-view .hero {<br /> padding-bottom: 40px;<br /> }<br /> .page-Front-end_Web_Development.action-view .hero__hgroup {<br /> padding: 40px;<br /> text-shadow: 0 0 40px rgba(0,0,0,.75);<br /> }<br /> .page-Front-end_Web_Development.action-view .hero__hgroup h1, .page-Front-end_Web_Development.action-view .keep-informed {<br /> color: #A2B3DB;<br /> }<br /> .page-Front-end_Web_Development.action-view .hero__hgroup h1 {<br /> font-size: 75px;<br /> font-weight: 300;<br /> line-height: 1em;<br /> overflow: visible;<br /> margin-bottom: 0;<br /> }<br /> .page-Front-end_Web_Development.action-view .hero__hgroup h2, .page-Front-end_Web_Development.action-view .keep-informed a {<br /> color: #7292DB;<br /> }<br /> .page-Front-end_Web_Development.action-view .hero__hgroup h2 {<br /> font-size: 36px;<br /> font-weight: 400;<br /> line-height: 1.4em;<br /> text-transform: none;<br /> }<br /> .page-Front-end_Web_Development.action-view .hero__hgroup h2 a {<br /> display: block;<br /> }<br /> .page-Front-end_Web_Development.action-view .section {<br /> padding: 2em 0;<br /> text-align: center;<br /> }<br /> .page-Front-end_Web_Development.action-view .details {<br /> display: -webkit-box;<br /> display: -ms-flexbox;<br /> display: flex;<br /> -ms-flex-wrap: wrap;<br /> flex-wrap: wrap;<br /> -webkit-box-pack: center;<br /> -ms-flex-pack: center;<br /> justify-content: center;<br /> margin: 0 auto;<br /> max-width: 1200px;<br /> }<br /> .page-Front-end_Web_Development.action-view .details__detail {<br /> text-align: left;<br /> max-width: 600px;<br /> width: 50%;<br /> }<br /> .page-Front-end_Web_Development.action-view .details__detail h2 {<br /> padding-top: 0;<br /> }<br /> .page-Front-end_Web_Development.action-view .details__detail--what, .page-Front-end_Web_Development.action-view .details__detail--where {<br /> background: #362769;<br /> color: #B1A3DB;<br /> }<br /> .page-Front-end_Web_Development.action-view .details__detail--what a, .page-Front-end_Web_Development.action-view .details__detail--where a {<br /> color: #8C73DB;<br /> }<br /> .page-Front-end_Web_Development.action-view .details__detail--who, .page-Front-end_Web_Development.action-view .details__detail--when {<br /> background: #1A5B5B;<br /> color: #99D7D7;<br /> }<br /> .page-Front-end_Web_Development.action-view .details__detail--who a, .page-Front-end_Web_Development.action-view .details__detail--when a {<br /> color: #64D7D7;<br /> }<br /> .page-Front-end_Web_Development.action-view .section h2, .page-Front-end_Web_Development.action-view .classes h2 {<br /> font-size: 2em;<br /> }<br /> .page-Front-end_Web_Development.action-view .section h2 {<br /> margin-bottom: 1em;<br /> }<br /> .page-Front-end_Web_Development.action-view .section p, .page-Front-end_Web_Development.action-view .section ul, .page-Front-end_Web_Development.action-view .classes p {<br /> font-size: 16px;<br /> }<br /> .page-Front-end_Web_Development.action-view .section ol {<br /> font-size: 20px;<br /> }<br /> .page-Front-end_Web_Development.action-view .container {<br /> margin: 0 auto;<br /> max-width: 600px;<br /> padding: 0 20px;<br /> }<br /> .page-Front-end_Web_Development.action-view .new-series__calendar {<br /> background: #fff;<br /> border: 4px solid #000;<br /> box-shadow: 5px 10px rgba(0,0,0,.5);<br /> font-family: &quot;Helvetica Neue&quot;, Helvetica, sans-serif;<br /> height: 200px;<br /> margin: 2em auto;<br /> position: relative;<br /> text-align: center;<br /> width: 200px;<br /> }<br /> .page-Front-end_Web_Development.action-view .new-series__calendar:after {<br /> content: '';<br /> display: block;<br /> position: absolute;<br /> bottom: 0;<br /> right: 0;<br /> border-width: 15px;<br /> border-color: #ddd #eee #eee #ddd;<br /> border-style: solid;<br /> }<br /> .page-Front-end_Web_Development.action-view .new-series__calendar--no-months .new-series__calendar__date {<br /> font-size: 150px;<br /> }<br /> .page-Front-end_Web_Development.action-view .new-series__calendar__month, .page-Front-end_Web_Development.action-view .new-series__calendar__date {<br /> display: block;<br /> }<br /> .page-Front-end_Web_Development.action-view .new-series__calendar__month {<br /> background: #ff3333;<br /> color: #fff;<br /> font-size: 24px;<br /> line-height: 1.4em;<br /> text-transform: uppercase;<br /> }<br /> .page-Front-end_Web_Development.action-view .new-series__calendar__date {<br /> color: #000;<br /> font-size: 115px;<br /> font-weight: 300;<br /> line-height: 1em;<br /> }<br /> .page-Front-end_Web_Development.action-view .new-series__calendar__months {<br /> color: #000;<br /> display: block;<br /> font-size: 30px;<br /> line-height: 30px;<br /> }<br /> .page-Front-end_Web_Development.action-view .new-series, .page-Front-end_Web_Development.action-view .get-set-up {<br /> background: #36207C url('/images/8/85/Fwd-purple-bg.png') repeat-y 77px 0;<br /> background-attachment: fixed;<br /> background-size: contain;<br /> webkit-background-size: contain;<br /> color: #B1A3DB;<br /> }<br /> .page-Front-end_Web_Development.action-view .get-set-up ol {<br /> text-align: left;<br /> }<br /> .page-Front-end_Web_Development.action-view .get-set-up ol &gt; li {<br /> margin-bottom: .5em;<br /> }<br /> .page-Front-end_Web_Development.action-view .thank-you, .page-Front-end_Web_Development.action-view .new-series--new {<br /> background: #EBC16D;<br /> color: inherit;<br /> }<br /> .page-Front-end_Web_Development.action-view .new-series a, .page-Front-end_Web_Development.action-view .new-series #bodyContent a.external, .page-Front-end_Web_Development.action-view .get-set-up a, .page-Front-end_Web_Development.action-view #bodyContent .get-set-up a.external {<br /> color: #8C73DB;<br /> }<br /> .page-Front-end_Web_Development.action-view .new-series--new a {<br /> background: none;<br /> color: #8D6310;<br /> padding-right: 0;<br /> }<br /> .page-Front-end_Web_Development.action-view .new-series--new + .keep-informed {<br /> <br /> }<br /> .page-Front-end_Web_Development.action-view .keep-informed__buttons {<br /> list-style: none;<br /> margin: 1em auto;<br /> text-align: center;<br /> }<br /> .page-Front-end_Web_Development.action-view .keep-informed__buttons li {<br /> margin: 1em 0;<br /> }<br /> .page-Front-end_Web_Development.action-view .keep-informed__buttons a {<br /> color: #99D7D7 !important;<br /> background: #116C6C !important;<br /> border-radius: 5px;<br /> display: inline-block;<br /> font-size: 24px;<br /> font-weight: bold;<br /> padding: 10px !important;<br /> }<br /> .page-Front-end_Web_Development.action-view .keep-informed__buttons a:hover {<br /> background: #1A5B5B !important;<br /> text-decoration: none;<br /> }<br /> .page-Front-end_Web_Development.action-view .keep-informed__buttons a:active {<br /> background: #095555 !important;<br /> }<br /> .page-Front-end_Web_Development.action-view .classes {<br /> display: table-row;<br /> }<br /> .page-Front-end_Web_Development.action-view .classes__class {<br /> display: table-cell;<br /> padding: 2em;<br /> width: 50%;<br /> }<br /> .page-Front-end_Web_Development.action-view .classes__class--lecture {<br /> background: #A2B3DB;<br /> }<br /> .page-Front-end_Web_Development.action-view #bodyContent .classes__class--lecture a {<br /> color: #10285F;<br /> }<br /> .page-Front-end_Web_Development.action-view .classes__class--lab {<br /> background: #99D7D7;<br /> }<br /> .page-Front-end_Web_Development.action-view #bodyContent .classes__class--lab a {<br /> color: #095555;<br /> }<br /> .page-Front-end_Web_Development.action-view .classes__current {<br /> background: #fff;<br /> background: rgba(255,255,255,.8);<br /> border-radius: 10px;<br /> margin: 1em 0;<br /> padding: 1em 1em .5em;<br /> }<br /> .page-Front-end_Web_Development.action-view .classes__current h4 {<br /> padding-top: 0;<br /> }<br /> .page-Front-end_Web_Development.action-view .classes__current p {<br /> font-size: 13px;<br /> }<br /> .page-Front-end_Web_Development.action-view .web-development__link {<br /> font-size: 1.5em;<br /> }<br /> .page-Front-end_Web_Development.action-view .catlinks {<br /> margin: 1em;<br /> }<br /> @media only screen and (max-width: 980px) {<br /> .page-Front-end_Web_Development.action-view .hero {<br /> padding-bottom: 0;<br /> }<br /> .page-Front-end_Web_Development.action-view .details {<br /> display: block;<br /> }<br /> .page-Front-end_Web_Development.action-view .details__detail {<br /> max-width: none;<br /> width: auto;<br /> }<br /> .page-Front-end_Web_Development.action-view .details__detail--when {<br /> background: #362769;<br /> color: #B1A3DB;<br /> }<br /> .page-Front-end_Web_Development.action-view .details__detail--when a {<br /> color: #8C73DB;<br /> }<br /> .page-Front-end_Web_Development.action-view .details__detail--where {<br /> background: #1A5B5B;<br /> color: #99D7D7;<br /> }<br /> .page-Front-end_Web_Development.action-view .details__detail--where a {<br /> color: #64D7D7;<br /> }<br /> }<br /> /* end FWD */<br /> <br /> .recurring-events li {<br /> margin-bottom: .5em;<br /> }<br /> <br /> .recurring {<br /> background: limegreen;<br /> border-radius: 2px;<br /> color: #fff;<br /> font-size: .92em;<br /> padding: 0 .2em;<br /> }<br /> <br /> .recurring--numbered {<br /> background: yellow;<br /> color: #000;<br /> }<br /> <br /> .recurring--exception {<br /> background: black;<br /> }<br /> <br /> .front-page-box, .front-page-box__container {<br /> width: 960px;<br /> }<br /> <br /> .front-page-box__container {<br /> display: table;<br /> }<br /> <br /> .front-page-box {<br /> background-color: #fafafa;<br /> border: solid 1px #990000;<br /> box-sizing: border-box;<br /> padding: 5px 10px 5px 10px;<br /> }<br /> <br /> .front-page-box h2 {<br /> padding-top: .4em;<br /> }<br /> <br /> .front-page-box--single, .front-page-box__container {<br /> margin: 6px auto 6px auto;<br /> }<br /> <br /> .front-page-box--two, .front-page-box--three {<br /> padding-bottom: 3px;<br /> }<br /> <br /> .front-page-box--two, .front-page-box--three, .front-page-box__spacer {<br /> display: table-cell;<br /> }<br /> <br /> .front-page-box--two:last-child, .front-page-box--three:last-child {<br /> margin-right: 0;<br /> }<br /> <br /> .front-page-box--two {<br /> width: 473px;<br /> }<br /> <br /> .front-page-box--three {<br /> width: 311px;<br /> }<br /> <br /> .front-page-box--goto-2169, .front-page-box--get-involved, .front-page-box--help-out {<br /> background-position: center top;<br /> background-repeat: no-repeat;<br /> background-size: contain;<br /> padding-top: 36px;<br /> position: relative;<br /> }<br /> <br /> .front-page-box--goto-2169 {<br /> background-image: url('/images/f/fe/Wikibanner-goto-2169.png');<br /> }<br /> <br /> .front-page-box--get-involved {<br /> background-image: url('/images/7/7b/Wikibanner-get-involved.png');<br /> }<br /> <br /> .front-page-box--help-out {<br /> background-color: #eeffee;<br /> background-image: url('/images/3/3d/Wikibanner-help-out.png');<br /> }<br /> <br /> .front-page-box__spacer {<br /> width: 13px;<br /> }<br /> <br /> .front-page-box__heading {<br /> border: 0;<br /> height: 30px;<br /> left: 0;<br /> margin: 0;<br /> overflow: hidden;<br /> padding: 0;<br /> position: absolute;<br /> text-indent: 100%;<br /> top: 0;<br /> white-space: nowrap;<br /> width: 100%;<br /> }<br /> <br /> .front-page-box__heading a {<br /> bottom: 0;<br /> left: 0;<br /> position: absolute;<br /> right: 0;<br /> top: 0;<br /> }<br /> <br /> @media only screen and (max-width: 1150px) {<br /> .front-page-box, .front-page-box__container {<br /> width: 800px;<br /> }<br /> <br /> .front-page-box--two {<br /> width: 393px;<br /> }<br /> <br /> .front-page-box--three {<br /> width: 258px;<br /> }<br /> }<br /> /* new home page 2018 */<br /> body.page-NewFrontpage2018 #mw-page-base, body.page-NewFrontpage2018 #mw-head {display:none;}</div> Raqlol https://wiki.extremist.software/index.php?title=MediaWiki:Common.css&diff=67870 MediaWiki:Common.css 2018-08-24T23:22:27Z <p>Raqlol: testing out adding new css for 2018 homepage revamp</p> <hr /> <div>/** CSS placed here will be applied to all skins */<br /> <br /> body { background: #d9d9d9; }<br /> <br /> #footer {<br /> border-top: 1px solid #aaa;<br /> border-bottom: 1px solid #aaa;<br /> }<br /> <br /> .cf:before,<br /> .cf:after {<br /> content: &quot; &quot;;<br /> display: table;<br /> }<br /> <br /> .cf:after {<br /> clear: both;<br /> }<br /> <br /> .cf {<br /> *zoom: 1;<br /> }<br /> <br /> #p-logo a {<br /> background-image: url('https://noisebridge.net/images/d/d0/Nb-logo-131.png') !important;<br /> }<br /> <br /> /* americancensorship.org css banner */<br /> div#p-logo { z-index: 0 }<br /> span.americancensorshipdotorg a.external {<br /> width: 140px; height: 40px;<br /> top:20px; left:-150px;<br /> -webkit-transform: rotate(-30deg);<br /> transform: rotate(-30deg);<br /> position: absolute; z-index:10;<br /> vertical-align: middle; text-align: center;<br /> background-color: black;<br /> background-image: url(https://www.noisebridge.net/images/f/f3/Stop-censorship-small.png);<br /> background-position: center center;<br /> background-repeat: no-repeat;<br /> border:2px solid black<br /> }<br /> span.americancensorshipdotorg a.external:hover { border:2px solid white }<br /> span.americancensorshipdotorg a span { display:none }<br /> <br /> /* Moving search box to upper-left */<br /> #p-search {<br /> margin: 0;<br /> position: absolute;<br /> right: 1em;<br /> top: 1.25em;<br /> width: auto;<br /> }<br /> <br /> #p-search h5 {<br /> display: none;<br /> }<br /> <br /> #p-search .pBody {<br /> background: none;<br /> border: none;<br /> padding: 0;<br /> }<br /> <br /> /* Homepage */<br /> /* visually hide first heading - makes it look less article-like */<br /> .page-Noisebridge.action-view .firstHeading {<br /> border: 0;<br /> clip: rect(0 0 0 0);<br /> height: 1px;<br /> margin: -1px;<br /> overflow: hidden;<br /> padding: 0;<br /> position: absolute;<br /> width: 1px;<br /> }<br /> <br /> .page-Noisebridge.action-view {<br /> background: #A4A7AE;<br /> }<br /> <br /> /* hide sidebar on main page */<br /> .page-Noisebridge.action-view #content {<br /> background-image: url('https://noisebridge.net/images/9/98/Lifebg.gif');<br /> background-attachment: fixed;<br /> /*background-size: contain;*/<br /> margin-left: 0;<br /> }<br /> <br /> .page-Noisebridge.action-view #mw-page-base {<br /> background: transparent;<br /> height: 2.8em;<br /> }<br /> <br /> .page-Noisebridge.action-view #mw-panel .portal {<br /> display: none;<br /> }<br /> <br /> .page-Noisebridge.action-view #p-logo, .page-Noisebridge.action-view #p-logo a {<br /> height: 2.4em;<br /> width: 2.4em;<br /> }<br /> <br /> .page-Noisebridge.action-view #p-logo {<br /> top: .2em;<br /> left: .2em;<br /> }<br /> <br /> .page-Noisebridge.action-view #p-logo a {<br /> background-size: contain;<br /> }<br /> <br /> .page-Noisebridge.action-view #p-personal {<br /> top: 0;<br /> }<br /> <br /> .page-Noisebridge.action-view #p-views {<br /> padding-left: 0;<br /> }<br /> <br /> .page-Noisebridge.action-view #left-navigation,<br /> .page-Noisebridge.action-view #right-navigation {<br /> margin-top: .3em;<br /> }<br /> <br /> .page-Noisebridge.action-view #left-navigation {<br /> margin-left: 3.5em;<br /> }<br /> <br /> .page-Noisebridge.action-view #right-navigation {<br /> float: left;<br /> }<br /> <br /> .page-Noisebridge.action-view div.vectorTabs,<br /> .page-Noisebridge.action-view div.vectorTabs span,<br /> .page-Noisebridge.action-view div.vectorTabs ul,<br /> .page-Noisebridge.action-view div.vectorTabs ul li,<br /> .page-Noisebridge.action-view div#mw-head div.vectorMenu h3 {<br /> background: none;<br /> }<br /> <br /> .page-Noisebridge.action-view div.vectorTabs span a,<br /> .page-Noisebridge.action-view div.vectorMenu h3 span {<br /> line-height: 18px;<br /> padding-top: .7em;<br /> }<br /> <br /> .page-Noisebridge.action-view div.vectorMenu h3 a {<br /> background-position: 0% 40%;<br /> }<br /> <br /> .page-Noisebridge.action-view #ca-unwatch.icon a,<br /> .page-Noisebridge.action-view #ca-watch.icon a {<br /> background-position-y: 40%;<br /> }<br /> <br /> .page-Noisebridge.action-view #p-search form,<br /> .page-Noisebridge.action-view #simpleSearch {<br /> margin-top: 0;<br /> }<br /> <br /> .page-Noisebridge.action-view div#mw-panel {<br /> top: 0;<br /> }<br /> <br /> /* FWD - color scheme: http://colorschemedesigner.com/#3L61TqVmBjFJD */<br /> @font-face {<br /> font-family: 'Source Sans Pro';<br /> font-style: normal;<br /> font-weight: 300;<br /> src: local('Source Sans Pro Light'), local('SourceSansPro-Light'), url(https://themes.googleusercontent.com/static/fonts/sourcesanspro/v7/toadOcfmlt9b38dHJxOBGMVNtom4QlEDNJaqqqzqdSs.woff) format('woff'), url(https://themes.googleusercontent.com/static/fonts/sourcesanspro/v7/toadOcfmlt9b38dHJxOBGBlTL9oEQvYTI0YAW1-Ysv0.eot) format('embedded-opentype'), url(https://themes.googleusercontent.com/static/fonts/sourcesanspro/v7/toadOcfmlt9b38dHJxOBGMw1o1eFRj7wYC6JbISqOjY.ttf) format('truetype');<br /> }<br /> @font-face {<br /> font-family: 'Source Sans Pro';<br /> font-style: normal;<br /> font-weight: 400;<br /> src: local('Source Sans Pro'), local('SourceSansPro-Regular'), url(https://themes.googleusercontent.com/static/fonts/sourcesanspro/v7/ODelI1aHBYDBqgeIAH2zlNHq-FFgoDNV3GTKpHwuvtI.woff) format('woff'), url(https://themes.googleusercontent.com/static/fonts/sourcesanspro/v7/ODelI1aHBYDBqgeIAH2zlN0tugusXa58UbOrParLRF0.eot) format('embedded-opentype'), url(https://themes.googleusercontent.com/static/fonts/sourcesanspro/v7/ODelI1aHBYDBqgeIAH2zlNzbP97U9sKh0jjxbPbfOKg.ttf) format('truetype');<br /> }<br /> @font-face {<br /> font-family: 'Source Sans Pro';<br /> font-style: normal;<br /> font-weight: 700;<br /> src: local('Source Sans Pro Bold'), local('SourceSansPro-Bold'), url(https://themes.googleusercontent.com/static/fonts/sourcesanspro/v7/toadOcfmlt9b38dHJxOBGIqjGYJUyOXcBwUQbRaNH6c.woff) format('woff'), url(https://themes.googleusercontent.com/static/fonts/sourcesanspro/v7/toadOcfmlt9b38dHJxOBGFV89XnfCtb1fhQGOlhyqi8.eot) format('embedded-opentype'), url(https://themes.googleusercontent.com/static/fonts/sourcesanspro/v7/toadOcfmlt9b38dHJxOBGLsbIrGiHa6JIepkyt5c0A0.ttf) format('truetype');<br /> }<br /> <br /> .page-Front-end_Web_Development.action-view {<br /> background: #000;<br /> }<br /> <br /> .page-Front-end_Web_Development.action-view #bodyContent a.external {<br /> background: none;<br /> padding-right: 0;<br /> }<br /> <br /> .page-Front-end_Web_Development.action-view #p-cactions {<br /> margin-top: 1px;<br /> }<br /> .page-Front-end_Web_Development.action-view #p-cactions li, .page-Front-end_Web_Development.action-view #p-cactions li.selected {<br /> background: #362763;<br /> border-color: transparent;<br /> padding-bottom: .35em;<br /> }<br /> .page-Front-end_Web_Development.action-view #p-cactions li.selected {<br /> border-color: #aaa;<br /> }<br /> .page-Front-end_Web_Development.action-view #p-cactions li a, .page-Front-end_Web_Development.action-view #p-cactions li.selected a {<br /> background: none;<br /> color: #8C73DB;<br /> }<br /> .page-Front-end_Web_Development.action-view #p-cactions .new a {<br /> color: #ba0000;<br /> }<br /> .page-Front-end_Web_Development.action-view #p-cactions li a:hover, .page-Front-end_Web_Development.action-view #p-personal li a:hover {<br /> background: none;<br /> color: #fff;<br /> }<br /> .page-Front-end_Web_Development.action-view .portlet h5 {<br /> color: #7292DB;<br /> }<br /> .page-Front-end_Web_Development.action-view .generated-sidebar .pBody, .page-Front-end_Web_Development.action-view #p-tb .pBody, .page-Front-end_Web_Development.action-view div#footer {<br /> background: #1b223c;<br /> border-color: transparent;<br /> color: #7292DB;<br /> }<br /> .page-Front-end_Web_Development.action-view #p-personal li a, .page-Front-end_Web_Development.action-view .generated-sidebar .pBody a, .page-Front-end_Web_Development.action-view #p-tb .pBody a, .page-Front-end_Web_Development.action-view div#footer a {<br /> color: #A2B3DB;<br /> }<br /> .page-Front-end_Web_Development.action-view .pBody {<br /> bottom: 1px;<br /> position: relative;<br /> z-index: 3;<br /> }<br /> .page-Front-end_Web_Development.action-view div#content {<br /> background-clip: content-box;<br /> border-color: transparent;<br /> padding: 0;<br /> }<br /> .page-Front-end_Web_Development.action-view div#content * {<br /> box-sizing: border-box;<br /> }<br /> .page-Front-end_Web_Development.action-view #contentSub {<br /> margin: 0;<br /> }<br /> .page-Front-end_Web_Development.action-view #mw-content-text {<br /> font-family: &quot;Source Sans Pro&quot;, &quot;Helvetica Neue&quot;, Helvetica, sans-serif;<br /> }<br /> .page-Front-end_Web_Development.action-view #mw-content-text img {<br /> display: none !important; /* ;) */<br /> }<br /> .page-Front-end_Web_Development.action-view h1, .page-Front-end_Web_Development.action-view h2 {<br /> border-bottom: 0;<br /> }<br /> .page-Front-end_Web_Development.action-view h2 {<br /> color: inherit;<br /> font-weight: bold;<br /> text-transform: uppercase;<br /> }<br /> .page-Front-end_Web_Development.action-view code {<br /> background-color: rgba(255,255,255,.1);<br /> }<br /> .page-Front-end_Web_Development.action-view .firstHeading {<br /> display: none;<br /> }<br /> .page-Front-end_Web_Development.action-view .thank-you p {<br /> text-align: left;<br /> }<br /> .page-Front-end_Web_Development.action-view .hero, .page-Front-end_Web_Development.action-view .keep-informed {<br /> background: #1b223c url('/images/4/4f/Fwd-hero.jpg');<br /> background-attachment: fixed;<br /> background-size: auto 100%;<br /> }<br /> .page-Front-end_Web_Development.action-view .hero {<br /> padding-bottom: 40px;<br /> }<br /> .page-Front-end_Web_Development.action-view .hero__hgroup {<br /> padding: 40px;<br /> text-shadow: 0 0 40px rgba(0,0,0,.75);<br /> }<br /> .page-Front-end_Web_Development.action-view .hero__hgroup h1, .page-Front-end_Web_Development.action-view .keep-informed {<br /> color: #A2B3DB;<br /> }<br /> .page-Front-end_Web_Development.action-view .hero__hgroup h1 {<br /> font-size: 75px;<br /> font-weight: 300;<br /> line-height: 1em;<br /> overflow: visible;<br /> margin-bottom: 0;<br /> }<br /> .page-Front-end_Web_Development.action-view .hero__hgroup h2, .page-Front-end_Web_Development.action-view .keep-informed a {<br /> color: #7292DB;<br /> }<br /> .page-Front-end_Web_Development.action-view .hero__hgroup h2 {<br /> font-size: 36px;<br /> font-weight: 400;<br /> line-height: 1.4em;<br /> text-transform: none;<br /> }<br /> .page-Front-end_Web_Development.action-view .hero__hgroup h2 a {<br /> display: block;<br /> }<br /> .page-Front-end_Web_Development.action-view .section {<br /> padding: 2em 0;<br /> text-align: center;<br /> }<br /> .page-Front-end_Web_Development.action-view .details {<br /> display: -webkit-box;<br /> display: -ms-flexbox;<br /> display: flex;<br /> -ms-flex-wrap: wrap;<br /> flex-wrap: wrap;<br /> -webkit-box-pack: center;<br /> -ms-flex-pack: center;<br /> justify-content: center;<br /> margin: 0 auto;<br /> max-width: 1200px;<br /> }<br /> .page-Front-end_Web_Development.action-view .details__detail {<br /> text-align: left;<br /> max-width: 600px;<br /> width: 50%;<br /> }<br /> .page-Front-end_Web_Development.action-view .details__detail h2 {<br /> padding-top: 0;<br /> }<br /> .page-Front-end_Web_Development.action-view .details__detail--what, .page-Front-end_Web_Development.action-view .details__detail--where {<br /> background: #362769;<br /> color: #B1A3DB;<br /> }<br /> .page-Front-end_Web_Development.action-view .details__detail--what a, .page-Front-end_Web_Development.action-view .details__detail--where a {<br /> color: #8C73DB;<br /> }<br /> .page-Front-end_Web_Development.action-view .details__detail--who, .page-Front-end_Web_Development.action-view .details__detail--when {<br /> background: #1A5B5B;<br /> color: #99D7D7;<br /> }<br /> .page-Front-end_Web_Development.action-view .details__detail--who a, .page-Front-end_Web_Development.action-view .details__detail--when a {<br /> color: #64D7D7;<br /> }<br /> .page-Front-end_Web_Development.action-view .section h2, .page-Front-end_Web_Development.action-view .classes h2 {<br /> font-size: 2em;<br /> }<br /> .page-Front-end_Web_Development.action-view .section h2 {<br /> margin-bottom: 1em;<br /> }<br /> .page-Front-end_Web_Development.action-view .section p, .page-Front-end_Web_Development.action-view .section ul, .page-Front-end_Web_Development.action-view .classes p {<br /> font-size: 16px;<br /> }<br /> .page-Front-end_Web_Development.action-view .section ol {<br /> font-size: 20px;<br /> }<br /> .page-Front-end_Web_Development.action-view .container {<br /> margin: 0 auto;<br /> max-width: 600px;<br /> padding: 0 20px;<br /> }<br /> .page-Front-end_Web_Development.action-view .new-series__calendar {<br /> background: #fff;<br /> border: 4px solid #000;<br /> box-shadow: 5px 10px rgba(0,0,0,.5);<br /> font-family: &quot;Helvetica Neue&quot;, Helvetica, sans-serif;<br /> height: 200px;<br /> margin: 2em auto;<br /> position: relative;<br /> text-align: center;<br /> width: 200px;<br /> }<br /> .page-Front-end_Web_Development.action-view .new-series__calendar:after {<br /> content: '';<br /> display: block;<br /> position: absolute;<br /> bottom: 0;<br /> right: 0;<br /> border-width: 15px;<br /> border-color: #ddd #eee #eee #ddd;<br /> border-style: solid;<br /> }<br /> .page-Front-end_Web_Development.action-view .new-series__calendar--no-months .new-series__calendar__date {<br /> font-size: 150px;<br /> }<br /> .page-Front-end_Web_Development.action-view .new-series__calendar__month, .page-Front-end_Web_Development.action-view .new-series__calendar__date {<br /> display: block;<br /> }<br /> .page-Front-end_Web_Development.action-view .new-series__calendar__month {<br /> background: #ff3333;<br /> color: #fff;<br /> font-size: 24px;<br /> line-height: 1.4em;<br /> text-transform: uppercase;<br /> }<br /> .page-Front-end_Web_Development.action-view .new-series__calendar__date {<br /> color: #000;<br /> font-size: 115px;<br /> font-weight: 300;<br /> line-height: 1em;<br /> }<br /> .page-Front-end_Web_Development.action-view .new-series__calendar__months {<br /> color: #000;<br /> display: block;<br /> font-size: 30px;<br /> line-height: 30px;<br /> }<br /> .page-Front-end_Web_Development.action-view .new-series, .page-Front-end_Web_Development.action-view .get-set-up {<br /> background: #36207C url('/images/8/85/Fwd-purple-bg.png') repeat-y 77px 0;<br /> background-attachment: fixed;<br /> background-size: contain;<br /> webkit-background-size: contain;<br /> color: #B1A3DB;<br /> }<br /> .page-Front-end_Web_Development.action-view .get-set-up ol {<br /> text-align: left;<br /> }<br /> .page-Front-end_Web_Development.action-view .get-set-up ol &gt; li {<br /> margin-bottom: .5em;<br /> }<br /> .page-Front-end_Web_Development.action-view .thank-you, .page-Front-end_Web_Development.action-view .new-series--new {<br /> background: #EBC16D;<br /> color: inherit;<br /> }<br /> .page-Front-end_Web_Development.action-view .new-series a, .page-Front-end_Web_Development.action-view .new-series #bodyContent a.external, .page-Front-end_Web_Development.action-view .get-set-up a, .page-Front-end_Web_Development.action-view #bodyContent .get-set-up a.external {<br /> color: #8C73DB;<br /> }<br /> .page-Front-end_Web_Development.action-view .new-series--new a {<br /> background: none;<br /> color: #8D6310;<br /> padding-right: 0;<br /> }<br /> .page-Front-end_Web_Development.action-view .new-series--new + .keep-informed {<br /> <br /> }<br /> .page-Front-end_Web_Development.action-view .keep-informed__buttons {<br /> list-style: none;<br /> margin: 1em auto;<br /> text-align: center;<br /> }<br /> .page-Front-end_Web_Development.action-view .keep-informed__buttons li {<br /> margin: 1em 0;<br /> }<br /> .page-Front-end_Web_Development.action-view .keep-informed__buttons a {<br /> color: #99D7D7 !important;<br /> background: #116C6C !important;<br /> border-radius: 5px;<br /> display: inline-block;<br /> font-size: 24px;<br /> font-weight: bold;<br /> padding: 10px !important;<br /> }<br /> .page-Front-end_Web_Development.action-view .keep-informed__buttons a:hover {<br /> background: #1A5B5B !important;<br /> text-decoration: none;<br /> }<br /> .page-Front-end_Web_Development.action-view .keep-informed__buttons a:active {<br /> background: #095555 !important;<br /> }<br /> .page-Front-end_Web_Development.action-view .classes {<br /> display: table-row;<br /> }<br /> .page-Front-end_Web_Development.action-view .classes__class {<br /> display: table-cell;<br /> padding: 2em;<br /> width: 50%;<br /> }<br /> .page-Front-end_Web_Development.action-view .classes__class--lecture {<br /> background: #A2B3DB;<br /> }<br /> .page-Front-end_Web_Development.action-view #bodyContent .classes__class--lecture a {<br /> color: #10285F;<br /> }<br /> .page-Front-end_Web_Development.action-view .classes__class--lab {<br /> background: #99D7D7;<br /> }<br /> .page-Front-end_Web_Development.action-view #bodyContent .classes__class--lab a {<br /> color: #095555;<br /> }<br /> .page-Front-end_Web_Development.action-view .classes__current {<br /> background: #fff;<br /> background: rgba(255,255,255,.8);<br /> border-radius: 10px;<br /> margin: 1em 0;<br /> padding: 1em 1em .5em;<br /> }<br /> .page-Front-end_Web_Development.action-view .classes__current h4 {<br /> padding-top: 0;<br /> }<br /> .page-Front-end_Web_Development.action-view .classes__current p {<br /> font-size: 13px;<br /> }<br /> .page-Front-end_Web_Development.action-view .web-development__link {<br /> font-size: 1.5em;<br /> }<br /> .page-Front-end_Web_Development.action-view .catlinks {<br /> margin: 1em;<br /> }<br /> @media only screen and (max-width: 980px) {<br /> .page-Front-end_Web_Development.action-view .hero {<br /> padding-bottom: 0;<br /> }<br /> .page-Front-end_Web_Development.action-view .details {<br /> display: block;<br /> }<br /> .page-Front-end_Web_Development.action-view .details__detail {<br /> max-width: none;<br /> width: auto;<br /> }<br /> .page-Front-end_Web_Development.action-view .details__detail--when {<br /> background: #362769;<br /> color: #B1A3DB;<br /> }<br /> .page-Front-end_Web_Development.action-view .details__detail--when a {<br /> color: #8C73DB;<br /> }<br /> .page-Front-end_Web_Development.action-view .details__detail--where {<br /> background: #1A5B5B;<br /> color: #99D7D7;<br /> }<br /> .page-Front-end_Web_Development.action-view .details__detail--where a {<br /> color: #64D7D7;<br /> }<br /> }<br /> /* end FWD */<br /> <br /> .recurring-events li {<br /> margin-bottom: .5em;<br /> }<br /> <br /> .recurring {<br /> background: limegreen;<br /> border-radius: 2px;<br /> color: #fff;<br /> font-size: .92em;<br /> padding: 0 .2em;<br /> }<br /> <br /> .recurring--numbered {<br /> background: yellow;<br /> color: #000;<br /> }<br /> <br /> .recurring--exception {<br /> background: black;<br /> }<br /> <br /> .front-page-box, .front-page-box__container {<br /> width: 960px;<br /> }<br /> <br /> .front-page-box__container {<br /> display: table;<br /> }<br /> <br /> .front-page-box {<br /> background-color: #fafafa;<br /> border: solid 1px #990000;<br /> box-sizing: border-box;<br /> padding: 5px 10px 5px 10px;<br /> }<br /> <br /> .front-page-box h2 {<br /> padding-top: .4em;<br /> }<br /> <br /> .front-page-box--single, .front-page-box__container {<br /> margin: 6px auto 6px auto;<br /> }<br /> <br /> .front-page-box--two, .front-page-box--three {<br /> padding-bottom: 3px;<br /> }<br /> <br /> .front-page-box--two, .front-page-box--three, .front-page-box__spacer {<br /> display: table-cell;<br /> }<br /> <br /> .front-page-box--two:last-child, .front-page-box--three:last-child {<br /> margin-right: 0;<br /> }<br /> <br /> .front-page-box--two {<br /> width: 473px;<br /> }<br /> <br /> .front-page-box--three {<br /> width: 311px;<br /> }<br /> <br /> .front-page-box--goto-2169, .front-page-box--get-involved, .front-page-box--help-out {<br /> background-position: center top;<br /> background-repeat: no-repeat;<br /> background-size: contain;<br /> padding-top: 36px;<br /> position: relative;<br /> }<br /> <br /> .front-page-box--goto-2169 {<br /> background-image: url('/images/f/fe/Wikibanner-goto-2169.png');<br /> }<br /> <br /> .front-page-box--get-involved {<br /> background-image: url('/images/7/7b/Wikibanner-get-involved.png');<br /> }<br /> <br /> .front-page-box--help-out {<br /> background-color: #eeffee;<br /> background-image: url('/images/3/3d/Wikibanner-help-out.png');<br /> }<br /> <br /> .front-page-box__spacer {<br /> width: 13px;<br /> }<br /> <br /> .front-page-box__heading {<br /> border: 0;<br /> height: 30px;<br /> left: 0;<br /> margin: 0;<br /> overflow: hidden;<br /> padding: 0;<br /> position: absolute;<br /> text-indent: 100%;<br /> top: 0;<br /> white-space: nowrap;<br /> width: 100%;<br /> }<br /> <br /> .front-page-box__heading a {<br /> bottom: 0;<br /> left: 0;<br /> position: absolute;<br /> right: 0;<br /> top: 0;<br /> }<br /> <br /> @media only screen and (max-width: 1150px) {<br /> .front-page-box, .front-page-box__container {<br /> width: 800px;<br /> }<br /> <br /> .front-page-box--two {<br /> width: 393px;<br /> }<br /> <br /> .front-page-box--three {<br /> width: 258px;<br /> }<br /> }<br /> /* new home page 2018 */<br /> body.page-NewFrontpage2018 #mw-page-base {display:none;}</div> Raqlol https://wiki.extremist.software/index.php?title=NewFrontpage2018&diff=67041 NewFrontpage2018 2018-08-13T03:49:13Z <p>Raqlol: </p> <hr /> <div>__NOTOC__ __NOEDITSECTION__<br /> <br /> This page is for hacking on the frontpage of Noisebridge. This is currently being used to collaboratively organize and design parts of the frontpage, and to prototype it before putting it up.<br /> <br /> <br /> == Blurb ==<br /> <br /> [[Link title]]<br /> <br /> <br /> Noisebridge an anarchist hackerspace in San Francisco, and one of the oldest hackerspaces in the US. We grew out of conversations between attendees of Chaos Communication Congress 2007 (24c3), and wee originally modeled on c-base in Berlin and Metalab in Vienna. We aim to provide a space for people to hack, create, learn, and explore in a safe, welcoming, and accessible environment.<br /> <br /> You don't have to be a member or pay anything to participate in Noisebridge, we're free and open. You just have to follow the one rule: Be Excellent to Each Other!<br /> <br /> We run on the principles of Do-ocracy and Consensus.<br /> <br /> (JOIN link --&gt; Participation page)<br /> <br /> [[Posters]]<br /> <br /> [[Resources]]<br /> <br /> [[Manual]]<br /> <br /> [[Safety]]<br /> <br /> [[Hosting Events]]<br /> <br /> == Info Section ==<br /> <br /> === Get Here ===<br /> <br /> === Get Involved ===<br /> <br /> === Help Out??? ===<br /> <br /> <br /> <br /> <br /> <br /> == Contact / Social Media ==</div> Raqlol https://wiki.extremist.software/index.php?title=NewFrontpage2018&diff=67040 NewFrontpage2018 2018-08-13T03:46:53Z <p>Raqlol: </p> <hr /> <div>__NOTOC__ __NOEDITSECTION__<br /> <br /> This page is for hacking on the frontpage of Noisebridge. This is currently being used to collaboratively organize and design parts of the frontpage, and to prototype it before putting it up.<br /> <br /> <br /> == Blurb ==<br /> &lt;style type=&quot;text/css&quot;&gt;<br /> html{<br /> color:red;<br /> }<br /> &lt;/style&gt;<br /> <br /> <br /> Noisebridge an anarchist hackerspace in San Francisco, and one of the oldest hackerspaces in the US. We grew out of conversations between attendees of Chaos Communication Congress 2007 (24c3), and wee originally modeled on c-base in Berlin and Metalab in Vienna. We aim to provide a space for people to hack, create, learn, and explore in a safe, welcoming, and accessible environment.<br /> <br /> You don't have to be a member or pay anything to participate in Noisebridge, we're free and open. You just have to follow the one rule: Be Excellent to Each Other!<br /> <br /> We run on the principles of Do-ocracy and Consensus.<br /> <br /> (JOIN link --&gt; Participation page)<br /> <br /> [[Posters]]<br /> <br /> [[Resources]]<br /> <br /> [[Manual]]<br /> <br /> [[Safety]]<br /> <br /> [[Hosting Events]]<br /> <br /> == Info Section ==<br /> <br /> === Get Here ===<br /> <br /> === Get Involved ===<br /> <br /> === Help Out??? ===<br /> <br /> <br /> <br /> <br /> <br /> == Contact / Social Media ==</div> Raqlol