MediaWiki: Common.css

From Knowledge Federation
Revision as of 15:17, 30 November 2018 by Jacereim (talk | contribs)
Jump to: navigation, search

Note: After saving, 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: Hold Ctrl while clicking Refresh, or press Ctrl-F5
  • Opera: Go to Menu → Settings (Opera → Preferences on a Mac) and then to Privacy & security → Clear browsing data → Cached images and files.
/* 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: 0;
}

.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 20px 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;
}

.navbar-brand{
    float: left;
    width: 12%;
}

.navbar-toggle{
   float: right;
}

.navbar-default .navbar-collapse, .navbar-default .navbar-form{
    margin-top: 15px;
}

}