Difference between revisions of "MediaWiki: Common.css"
From Knowledge Federation
(485 intermediate revisions by 2 users not shown) | |||
Line 1: | Line 1: | ||
/* CSS placed here will be applied to all skins */ | /* CSS placed here will be applied to all skins */ | ||
+ | /*SORRY FOR THE MESS*/ | ||
+ | body.page-Main_Page.action-view h1.firstHeading, body.page-Main_Page.action-submit h1.firstHeading { display: none; } | ||
+ | #firstHeading {display: none;} | ||
+ | .round-images img{ | ||
+ | border-radius: 50%; | ||
+ | } | ||
+ | |||
+ | #mw-navigation{ | ||
+ | width: auto; | ||
+ | padding-top: 100px; | ||
+ | background-image:url(http://kf.wikiwiki.ifi.uio.no/img_auth.php/2/23/Kfbanner.jpg); | ||
+ | } | ||
+ | |||
+ | #footer{ | ||
+ | margin-bottom: 10px; | ||
+ | background-color: white; | ||
+ | border-top: 1px dashed #B3B3B3; | ||
+ | border-bottom: 1px dashed #B3B3B3; | ||
+ | } | ||
+ | |||
+ | hr{ | ||
+ | border: 0; | ||
+ | background-color: #F2F2F2; | ||
+ | border-bottom: 1px dashed #B3B3B3; | ||
+ | } | ||
+ | |||
+ | h1{ | ||
+ | color: #D53D0E; | ||
+ | margin: 0; | ||
+ | padding: 0; | ||
+ | } | ||
+ | |||
+ | .row{ | ||
+ | background-color: #F2F2F2; | ||
+ | font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; | ||
+ | font-size: 15px; | ||
+ | font-style: normal; | ||
+ | font-variant: normal; | ||
+ | margin: 20px 0 30px 0; | ||
+ | } | ||
+ | |||
+ | .row img{ | ||
+ | max-height: 100%; | ||
+ | max-width: 100%; | ||
+ | width: auto; | ||
+ | height: auto; | ||
+ | } | ||
+ | |||
+ | .row h2{ | ||
+ | font-size: 26px; | ||
+ | margin: 0; | ||
+ | padding-bottom: 10px; | ||
+ | } | ||
+ | |||
+ | .row h3{ | ||
+ | font-size: 17px; | ||
+ | font-weight: bold; | ||
+ | margin: 0; | ||
+ | padding-bottom: 10px; | ||
+ | } | ||
+ | |||
+ | .row small{ | ||
+ | font-family: "Courier New", Courier, "Lucida Sans Typewriter", "Lucida Typewriter", monospace | ||
+ | } | ||
+ | |||
+ | .row small center{ | ||
+ | padding-top: 10px; | ||
+ | } | ||
+ | |||
+ | .row blockquote{ | ||
+ | border: 0; | ||
+ | } | ||
+ | |||
+ | #n-KNOWLEDGE-FEDERATION{ | ||
+ | pointer-events: none; | ||
+ | cursor: default; | ||
+ | font-size: 30px; | ||
+ | background-color: white; | ||
+ | font-family: "Courier New", Courier, "Lucida Sans Typewriter", "Lucida Typewriter", monospace; | ||
+ | color: black; | ||
+ | margin-right: 15px; | ||
+ | padding-right: 0; | ||
+ | } | ||
+ | |||
+ | #n-Federation-through{ | ||
+ | pointer-events: none; | ||
+ | cursor: default; | ||
+ | background-color: white; | ||
+ | font-family: "Courier New", Courier, "Lucida Sans Typewriter", "Lucida Typewriter", monospace; | ||
+ | color: #666666; | ||
+ | } | ||
+ | |||
+ | |||
+ | #n-STORIES, #n-IMAGES, #n-CONVERSATIONS, #n-APPLICATIONS, #n-VISION, #n-EVENTS{ | ||
+ | color: #D53D0E; | ||
+ | font-family: "Courier New", Courier, "Lucida Sans Typewriter", "Lucida Typewriter", monospace; | ||
+ | background-color: white; | ||
+ | } | ||
+ | |||
+ | #navbar{ | ||
+ | font-family: "Courier New", Courier, "Lucida Sans Typewriter", "Lucida Typewriter", monospace; | ||
+ | } | ||
.navbar { | .navbar { | ||
− | background-color: | + | background-color: white; |
+ | background-image: none; | ||
+ | box-shadow: none; | ||
+ | padding-top: 10px; | ||
+ | border: none; | ||
+ | hight: 100px; | ||
+ | margin-bottom: 0px; | ||
+ | font-weight: bold; | ||
} | } | ||
− | . | + | .navbar-brand { |
+ | padding-left: 10px; | ||
+ | } | ||
+ | |||
+ | |||
+ | .navbar-right{ | ||
+ | margin-top: 0px; | ||
+ | /*border-top: 1px dashed #B3B3B3;*/ | ||
+ | margin-right: 1px; | ||
+ | } | ||
+ | |||
+ | .navbar-nav{ | ||
+ | /*position:right; | ||
+ | width: 87%;*/ | ||
+ | } | ||
+ | |||
+ | .nav{ | ||
+ | float: right; | ||
+ | } | ||
+ | |||
+ | #toc { | ||
+ | display:none; | ||
+ | } | ||
+ | |||
+ | .page-header{ | ||
+ | margin-bottom: 5px; | ||
+ | border-top: 1px dashed #B3B3B3; | ||
+ | border-bottom: 1px dashed #B3B3B3; | ||
+ | padding: 10px 0 19px 0; | ||
+ | } | ||
+ | |||
+ | /*temp solution*/ | ||
+ | .page-break{ | ||
+ | width: 135%; | ||
+ | height: 20px; | ||
+ | background-color: white; | ||
+ | margin: 30px -17% 30px -17%; | ||
+ | } | ||
+ | |||
+ | #contentwrapper{ | ||
+ | padding-top: 200px; | ||
+ | } | ||
+ | |||
+ | #mw-head{ | ||
+ | height: auto; | ||
+ | } | ||
+ | |||
+ | /* | ||
+ | #navbar:before{ | ||
+ | content: "KNOWLEDGE FEDERATION"; | ||
+ | color: #D53D0E; | ||
+ | font-size: 30px; | ||
+ | margin: 5px; | ||
+ | float: left; | ||
text-align: left; | text-align: left; | ||
+ | } | ||
+ | */ | ||
+ | |||
+ | #navbar{ | ||
+ | margin: auto; | ||
+ | } | ||
+ | |||
+ | .navbar-header{ | ||
+ | width: 12%; | ||
+ | height: auto; | ||
+ | margin: 5px 10px 5px 5px; | ||
+ | } | ||
+ | |||
+ | #navbar .navbar-nav{ | ||
+ | float: right; | ||
+ | text-align: right; | ||
+ | } | ||
+ | |||
+ | #navbar .navbar-right{ | ||
+ | clear: both; | ||
+ | /*width: 87%;*/ | ||
+ | /*padding-left: 33%;*/ | ||
+ | } | ||
+ | |||
+ | .navbar-brand img{ | ||
+ | max-width: 100%; | ||
+ | min-width: 80px; | ||
+ | height: auto; | ||
+ | display: block; | ||
+ | } | ||
+ | |||
+ | |||
+ | .container{ | ||
+ | padding-right: 0px; | ||
+ | } | ||
+ | |||
+ | |||
+ | /* MOBILE */ | ||
+ | |||
+ | |||
+ | @media only screen and (max-width: 700px) { | ||
+ | .navbar { | ||
+ | background-color: white; | ||
+ | background-image: none; | ||
+ | box-shadow: none; | ||
+ | padding-top: 0px; | ||
+ | border: none; | ||
+ | } | ||
+ | |||
+ | #mw-navigation{ | ||
+ | width: auto; | ||
+ | padding: 10px 0 0 0; | ||
+ | background-image:url(http://kf.wikiwiki.ifi.uio.no/img_auth.php/c/c6/Kf2.jpg); | ||
+ | } | ||
+ | |||
+ | #contentwrapper{ | ||
+ | padding: 100px 0 0 0; | ||
+ | } | ||
+ | |||
+ | .navbar-header{ | ||
+ | width: 100%; | ||
+ | float: center; | ||
+ | margin-bottom: 20px; | ||
+ | } | ||
+ | |||
+ | .navbar-brand{ | ||
+ | float: left; | ||
+ | width: 12%; | ||
+ | } | ||
+ | |||
+ | .navbar-toggle{ | ||
+ | float: right; | ||
+ | } | ||
+ | |||
+ | .nav{ | ||
+ | float: none; | ||
+ | } | ||
+ | |||
+ | #n-KNOWLEDGE-FEDERATION{ | ||
+ | display: none; | ||
} | } | ||
− | |||
− | |||
} | } |
Latest revision as of 15:55, 30 November 2018
/* CSS placed here will be applied to all skins */ /*SORRY FOR THE MESS*/ body.page-Main_Page.action-view h1.firstHeading, body.page-Main_Page.action-submit h1.firstHeading { display: none; } #firstHeading {display: none;} .round-images img{ border-radius: 50%; } #mw-navigation{ width: auto; padding-top: 100px; background-image:url(http://kf.wikiwiki.ifi.uio.no/img_auth.php/2/23/Kfbanner.jpg); } #footer{ margin-bottom: 10px; background-color: white; border-top: 1px dashed #B3B3B3; border-bottom: 1px dashed #B3B3B3; } hr{ border: 0; background-color: #F2F2F2; border-bottom: 1px dashed #B3B3B3; } h1{ color: #D53D0E; margin: 0; padding: 0; } .row{ background-color: #F2F2F2; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 15px; font-style: normal; font-variant: normal; margin: 20px 0 30px 0; } .row img{ max-height: 100%; max-width: 100%; width: auto; height: auto; } .row h2{ font-size: 26px; margin: 0; padding-bottom: 10px; } .row h3{ font-size: 17px; font-weight: bold; margin: 0; padding-bottom: 10px; } .row small{ font-family: "Courier New", Courier, "Lucida Sans Typewriter", "Lucida Typewriter", monospace } .row small center{ padding-top: 10px; } .row blockquote{ border: 0; } #n-KNOWLEDGE-FEDERATION{ pointer-events: none; cursor: default; font-size: 30px; background-color: white; font-family: "Courier New", Courier, "Lucida Sans Typewriter", "Lucida Typewriter", monospace; color: black; margin-right: 15px; padding-right: 0; } #n-Federation-through{ pointer-events: none; cursor: default; background-color: white; font-family: "Courier New", Courier, "Lucida Sans Typewriter", "Lucida Typewriter", monospace; color: #666666; } #n-STORIES, #n-IMAGES, #n-CONVERSATIONS, #n-APPLICATIONS, #n-VISION, #n-EVENTS{ color: #D53D0E; font-family: "Courier New", Courier, "Lucida Sans Typewriter", "Lucida Typewriter", monospace; background-color: white; } #navbar{ font-family: "Courier New", Courier, "Lucida Sans Typewriter", "Lucida Typewriter", monospace; } .navbar { background-color: white; background-image: none; box-shadow: none; padding-top: 10px; border: none; hight: 100px; margin-bottom: 0px; font-weight: bold; } .navbar-brand { padding-left: 10px; } .navbar-right{ margin-top: 0px; /*border-top: 1px dashed #B3B3B3;*/ margin-right: 1px; } .navbar-nav{ /*position:right; width: 87%;*/ } .nav{ float: right; } #toc { display:none; } .page-header{ margin-bottom: 5px; border-top: 1px dashed #B3B3B3; border-bottom: 1px dashed #B3B3B3; padding: 10px 0 19px 0; } /*temp solution*/ .page-break{ width: 135%; height: 20px; background-color: white; margin: 30px -17% 30px -17%; } #contentwrapper{ padding-top: 200px; } #mw-head{ height: auto; } /* #navbar:before{ content: "KNOWLEDGE FEDERATION"; color: #D53D0E; font-size: 30px; margin: 5px; float: left; text-align: left; } */ #navbar{ margin: auto; } .navbar-header{ width: 12%; height: auto; margin: 5px 10px 5px 5px; } #navbar .navbar-nav{ float: right; text-align: right; } #navbar .navbar-right{ clear: both; /*width: 87%;*/ /*padding-left: 33%;*/ } .navbar-brand img{ max-width: 100%; min-width: 80px; height: auto; display: block; } .container{ padding-right: 0px; } /* MOBILE */ @media only screen and (max-width: 700px) { .navbar { background-color: white; background-image: none; box-shadow: none; padding-top: 0px; border: none; } #mw-navigation{ width: auto; padding: 10px 0 0 0; background-image:url(http://kf.wikiwiki.ifi.uio.no/img_auth.php/c/c6/Kf2.jpg); } #contentwrapper{ padding: 100px 0 0 0; } .navbar-header{ width: 100%; float: center; margin-bottom: 20px; } .navbar-brand{ float: left; width: 12%; } .navbar-toggle{ float: right; } .nav{ float: none; } #n-KNOWLEDGE-FEDERATION{ display: none; } }