MediaWiki:Common.css
Jump to navigation
Jump to search
Note: After publishing, you may have to bypass your browser's cache to see the changes.
- Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
- Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
- Internet Explorer / Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5
- Opera: Press Ctrl-F5.
/** CSS placed here will be applied to all skins */ body { background: #d9d9d9; } #footer { border-top: 1px solid #aaa; border-bottom: 1px solid #aaa; } .cf:before, .cf:after { content: " "; display: table; } .cf:after { clear: both; } .cf { *zoom: 1; } /* americancensorship.org css banner */ div#p-logo { z-index: 0 } span.americancensorshipdotorg a.external { width: 140px; height: 40px; top:20px; left:-150px; -webkit-transform: rotate(-30deg); -moz-transform: rotate(-30deg); -ms-transform: rotate(-30deg); -o-transform: rotate(-30deg); transform: rotate(-30deg); position: absolute; z-index:10; vertical-align: middle; text-align: center; background-color: black; background-image: url(https://www.noisebridge.net/images/f/f3/Stop-censorship-small.png); background-position: center center; background-repeat: no-repeat; border:2px solid black } span.americancensorshipdotorg a.external:hover { border:2px solid white } span.americancensorshipdotorg a span { display:none } /* Homepage */ /* visually hide first heading - makes it look less article-like */ .page-Noisebridge.action-view .firstHeading { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } /* FWD - color scheme: http://colorschemedesigner.com/#3L61TqVmBjFJD */ @font-face { font-family: 'Source Sans Pro'; font-style: normal; font-weight: 300; 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'); } @font-face { font-family: 'Source Sans Pro'; font-style: normal; font-weight: 400; 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'); } @font-face { font-family: 'Source Sans Pro'; font-style: normal; font-weight: 700; 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'); } .page-Front-end_Web_Development.action-view .pBody { bottom: 1px; position: relative; z-index: 3; } .page-Front-end_Web_Development.action-view div#content { padding: 0; } .page-Front-end_Web_Development.action-view div#content * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .page-Front-end_Web_Development.action-view #contentSub { margin: 0; } .page-Front-end_Web_Development.action-view #mw-content-text { font-family: "Source Sans Pro", "Helvetica Neue", Helvetica, sans-serif; } .page-Front-end_Web_Development.action-view #mw-content-text img { display: none !important; /* ;) */ } .page-Front-end_Web_Development.action-view h1, .page-Front-end_Web_Development.action-view h2 { border-bottom: 0; } .page-Front-end_Web_Development.action-view h2 { color: inherit; font-weight: bold; text-transform: uppercase; } .page-Front-end_Web_Development.action-view .firstHeading { display: none; } .page-Front-end_Web_Development.action-view .hero { background: url('/images/4/4f/Fwd-hero.jpg'); background-attachment: fixed; -webkit-background-size: auto 100%; background-size: auto 100%; } .page-Front-end_Web_Development.action-view .hero__hgroup, .page-Front-end_Web_Development.action-view .hero__details { float: left; width: 50%; } .page-Front-end_Web_Development.action-view .hero__hgroup { padding: 40px; padding-right: 10%; text-shadow: 0 0 40px rgba(0,0,0,.75); } .page-Front-end_Web_Development.action-view .hero__hgroup h1 { color: #A2B3DB; } .page-Front-end_Web_Development.action-view .hero__hgroup h1 { font-size: 75px; font-weight: 300; line-height: 1em; overflow: visible; margin-bottom: 0; padding-top: 80px; } .page-Front-end_Web_Development.action-view .hero__hgroup h2 { color: #7292DB; } .page-Front-end_Web_Development.action-view .hero__hgroup h2 { font-size: 36px; font-weight: 400; line-height: 1.4em; text-transform: none; } .page-Front-end_Web_Development.action-view .hero__details { padding: 20px; } .page-Front-end_Web_Development.action-view .hero__detail-group { display: table-row; } .page-Front-end_Web_Development.action-view .hero__detail { display: table-cell; padding: 1em; width: 50%; } .page-Front-end_Web_Development.action-view .hero__detail h2 { padding-top: 0; } .page-Front-end_Web_Development.action-view .hero__detail--what, .page-Front-end_Web_Development.action-view .hero__detail--where { background: #362769; color: #B1A3DB; } .page-Front-end_Web_Development.action-view .hero__detail--what a, .page-Front-end_Web_Development.action-view .hero__detail--where a { color: #8C73DB; } .page-Front-end_Web_Development.action-view .hero__detail--who, .page-Front-end_Web_Development.action-view .hero__detail--when { background: #1A5B5B; color: #99D7D7; } .page-Front-end_Web_Development.action-view .hero__detail--who a, .page-Front-end_Web_Development.action-view .hero__detail--when a { color: #64D7D7; } .page-Front-end_Web_Development.action-view .section { padding: 2em 0; text-align: center; } .page-Front-end_Web_Development.action-view .section h2, .page-Front-end_Web_Development.action-view .classes h2 { font-size: 2em; } .page-Front-end_Web_Development.action-view .section h2 { margin-bottom: 1em; } .page-Front-end_Web_Development.action-view .section p, .page-Front-end_Web_Development.action-view .classes p { font-size: 16px; } .page-Front-end_Web_Development.action-view .container { margin: 0 auto; max-width: 600px; padding: 0 20px; } .page-Front-end_Web_Development.action-view .new-series { background: #EBC16D; } .page-Front-end_Web_Development.action-view #bodyContent .new-series a { background: none; color: #8D6310; padding-right: 0; } .page-Front-end_Web_Development.action-view .new-series__calendar { background: #fff; border: 4px solid #000; -webkit-box-shadow: 5px 10px rgba(0,0,0,.5); box-shadow: 5px 10px rgba(0,0,0,.5); font-family: "Helvetica Neue", Helvetica, sans-serif; height: 200px; margin: 2em auto; position: relative; text-align: center; width: 200px; } .page-Front-end_Web_Development.action-view .new-series__calendar:after { content: ''; display: block; position: absolute; bottom: 0; right: 0; border-width: 15px; border-color: #ddd #eee #eee #ddd; border-style: solid; } .page-Front-end_Web_Development.action-view .new-series__calendar__month, .page-Front-end_Web_Development.action-view .new-series__calendar__date { display: block; } .page-Front-end_Web_Development.action-view .new-series__calendar__month { background: #ff3333; color: #fff; font-size: 24px; line-height: 1.4em; text-transform: uppercase; } .page-Front-end_Web_Development.action-view .new-series__calendar__date { color: #000; font-size: 150px; /* 115px w/ months */ font-weight: 300; line-height: 1em; } .page-Front-end_Web_Development.action-view .new-series__calendar__months { display: block; font-size: 30px; line-height: 30px; } .page-Front-end_Web_Development.action-view .keep-informed { background: #36207C url('/images/8/85/Fwd-purple-bg.png') repeat-y 77px 0; background-attachment: fixed; background-size: contain; webkit-background-size: contain; color: #B1A3DB; } .page-Front-end_Web_Development.action-view .keep-informed a { color: #8C73DB; } .page-Front-end_Web_Development.action-view .keep-informed__buttons { list-style: none; margin: 1em auto; text-align: center; } .page-Front-end_Web_Development.action-view .keep-informed__buttons li { display: inline-block; } .page-Front-end_Web_Development.action-view .keep-informed__buttons li:first-child { margin-right: 1em; } .page-Front-end_Web_Development.action-view .keep-informed__buttons a { color: #99D7D7 !important; background: #116C6C !important; border-radius: 5px; display: inline-block; font-size: 24px; font-weight: bold; padding: 10px !important; } .page-Front-end_Web_Development.action-view .keep-informed__buttons a:hover { background: #1A5B5B !important; text-decoration: none; } .page-Front-end_Web_Development.action-view .keep-informed__buttons a:active { background: #095555 !important; } .page-Front-end_Web_Development.action-view .classes { display: table-row; } .page-Front-end_Web_Development.action-view .classes__class { display: table-cell; padding: 2em; width: 50%; } .page-Front-end_Web_Development.action-view .classes__class--lecture { background: #A2B3DB; } .page-Front-end_Web_Development.action-view #bodyContent .classes__class--lecture a { color: #10285F; } .page-Front-end_Web_Development.action-view .classes__class--lab { background: #99D7D7; } .page-Front-end_Web_Development.action-view #bodyContent .classes__class--lab a { color: #095555; } .page-Front-end_Web_Development.action-view .classes__current { background: #fff; background: rgba(255,255,255,.8); border-radius: 10px; margin: 1em 0; padding: 1em 1em .5em; } .page-Front-end_Web_Development.action-view .classes__current h4 { padding-top: 0; } .page-Front-end_Web_Development.action-view .classes__current p { font-size: 13px; } .page-Front-end_Web_Development.action-view .web-development__link { font-size: 1.5em; } .page-Front-end_Web_Development.action-view .catlinks { margin: 1em; } @media only screen and (max-width: 1100px) { .page-Front-end_Web_Development.action-view .hero__hgroup, .page-Front-end_Web_Development.action-view .hero__details { float: none; width: auto; } .page-Front-end_Web_Development.action-view .hero__hgroup { padding-right: 40px; } }