MediaWiki:Common.css: Difference between revisions

Revision as of 12:47, 19 January 2018

/* CSS placed here will be applied to all skins */

/* background setting */
body {
	background-image: url("/smw/resources/assets/design/bgmap8.jpg");
	background-attachment: fixed;
}

.img-responsive {
    margin: 0 auto;
}

h1 {
color:#36563C;
}
h2 {
color:#36563C;
/*color:#4C6473;*/
}

/* even and odd in Broad tables */
.smwtable .row-even {
    background-color: #fff;
}
.smwtable .row-odd {
    background-color: #cde6ea;
}

.smwtable td {
    width: 150px;
}

/* for highlight photo template */
.largephoto {
width:550px
}

/*  for voting to fix display of your vote */
.rating-voted { display: inline; padding-left: .7em; padding-right: .5em; position: static; right: initial; }

img { max-width: 100%; height: auto; width: auto\9; /* ie8 */ }

#ca-talk { display:none!important; }
body.page-Home h1.firstHeading { display: none; }

ul.titlelist {
  columns: 2;
  -webkit-columns: 2;
  -moz-columns: 2;
}

    /* @noflip */
a {
-ms-word-break: break-all;
word-break: break-all;
/* Non standard for WebKit */
word-break: break-word;
-webkit-hyphens: auto;
-moz-hyphens: auto;
hyphens: auto;
}

/* Infobox template style */
.infobox {
    background-color: #f2f3f2;
    /* @noflip */
    font-size: 88%;
}
.infobox .caption {
    font-size: 100%;
    font-weight: bold;
    padding: 0.2em!important;;
    background-color: #808f7c;
    color: #fff;
    text-align: center;
}

.right {
    float: right;
    width: 60%;
}
.left {
    float: left;
    width: 40%;
}

@@ Line 83: / Line 83: @@
      float: left;
      width: 40%;
-}
-/* footer */
-#myFooter {
-    background-color: #3c3d41;
-    color: white;
-    padding-top: 30px;
-}
-#myFooter .footer-copyright {
-    background-color: #333333;
-    padding-top: 3px;
-    padding-bottom: 3px;
-    text-align: center;
-}
-#myFooter .row {
-    margin-bottom: 60px;
-}
-#myFooter .navbar-brand {
-    margin-top: 45px;
-    height: 65px;
-}
-#myFooter .footer-copyright p {
-    margin: 10px;
-    color: #ccc;
-}
-#myFooter ul {
-    list-style-type: none;
-    padding-left: 0;
-    line-height: 1.7;
-}
-#myFooter h5 {
-    font-size: 18px;
-    color: white;
-    font-weight: bold;
-    margin-top: 30px;
-}
-#myFooter h2 a{
-    font-size: 50px;
-    text-align: center;
-    color: #fff;
-}
-#myFooter a {
-    color: #d2d1d1;
-    text-decoration: none;
-}
-#myFooter a:hover,
-#myFooter a:focus {
-    text-decoration: none;
-    color: white;
-}
-#myFooter .social-networks {
-    text-align: center;
-    padding-top: 30px;
-    padding-bottom: 16px;
-}
-#myFooter .social-networks a {
-    font-size: 32px;
-    color: #f9f9f9;
-    padding: 10px;
-    transition: 0.2s;
-}
-#myFooter .social-networks a:hover {
-    text-decoration: none;
-}
-#myFooter .facebook:hover {
-    color: #0077e2;
-}
-#myFooter .google:hover {
-    color: #ef1a1a;
-}
-#myFooter .twitter:hover {
-    color: #00aced;
-}
-#myFooter .btn {
-    color: white;
-    background-color: #d84b6b;
-    border-radius: 20px;
-    border: none;
-    width: 150px;
-    display: block;
-    margin: 0 auto;
-    margin-top: 10px;
-    line-height: 25px;
-}
-@media screen and (max-width: 767px) {
-    #myFooter {
-        text-align: center;
-    }
-}
-/* CSS used for positioning the footers at the bottom of the page. */
-/* You can remove this. */
-html{
-    height: 100%;
-}
-body{
-    display: flex;
-    display: -webkit-flex;
-    flex-direction: column;
-    -webkit-flex-direction: column;
-    height: 100%;
-}
-.content{
-   flex: 1 0 auto;
-   -webkit-flex: 1 0 auto;
-   min-height: 200px;
-}
-#myFooter{
-   flex: 0 0 auto;
-   -webkit-flex: 0 0 auto;
 }