Difference between revisions of "MediaWiki:Common.css"

From Shangpa Resource Center
Line 62: Line 62:
 
.topics_list_item
 
.topics_list_item
 
{
 
{
flex: 50%;
+
flex: 30%;
 
display:flex;
 
display:flex;
 
margin-top: 10px;
 
margin-top: 10px;

Revision as of 11:01, 12 December 2018

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

@import url('https://fonts.googleapis.com/css?family=Lato');

body {
    font-family: 'Lato', sans-serif;
}

@media (min-width: 1200px)
.container {
    /*width: 1300px;*/
    width: 100%;
}

/* Logo principal en haut */
@media (min-width: 1200px)
#p-logo > a > img {
width: 20%;
margin-left: 30px;
}

@media (min-width: 1200px)
#mw-navigation-collapse {
    margin-left: 200px;
}

/* Titre H1 des pages */
.firstHeading {
color: #7d0711;
font-size: 32px;
}

.navbar-nav > li {
 border-left: solid 1px white;
}

#mw-navigation {
    background-color: #7d0711;
    border: none;
font-variant-caps: small-caps;
}

#mw-navigation-collapse > ul > li > a, #mw-navigation-collapse > div > ul > li > a {
color: white;
-webkit-transition: background-color 400ms linear;
    -ms-transition: background-color 400ms linear;
    transition: background-color 400ms linear;
}
#mw-navigation-collapse > ul > li > a:hover, #mw-navigation-collapse > div > ul > li > a:hover {
color: white;
background-color: #eb800e;
}

.home_image {
 width:100%;
height: auto;
}

/* ------------------- */
/* Templates Topics */
/* ------------------- */
.topics_list_item
{
flex: 30%;
display:flex;
margin-top: 10px;
margin-bottom: 10px;
}

.topics_list_item_image
{
flex: 5%;
text-align: left;
}

.topics_list_item_title
{
margin-top: 0;
font-size: 1.5em;
}

.topics_list_item_description
{
flex: 50%;
margin-left: 10px;
}

/* ------------------- */
/* Templates Text, Person, Place */
/* ------------------- */
/* Template Text : le texte */
.main_text {
 font-size: 120%;
 line-height: 250%;
}

/* Tableau affichant les propriétés sur les pages Text, Person, Place */
table.text_properties {
    background-color: #fff;
    color:  #7D0711;
     border: 1px solid #EB807B;
    border-collapse: collapse;
float: right;
}

table.text_properties > * > tr > th {
background-color: #fff;
    color: #7D0711;
    text-align: right;
}
table.text_properties > tr > th, table.text_properties > tr > td, table.text_properties > * > tr > th, table.text_properties > * > tr > td {
    border: none;
    padding: 0.2em 0.4em;
    display: block;
    text-align: right;
   padding-right: 20px;
    padding-left: 20px;
padding-top: 5px;
}

/* ? */
div.smwpre {
font-family: auto;
    padding: 0;
    border: none;
    color: #7D0711;
    background-color: white;
    line-height: 1em;
    word-wrap: break-word;
    word-break: break-word;
    margin-right: auto;
}

/* Page de type Text, Person, Place: ce div contient le tableau de propriété à gauche */
div.text_left_column {  
flex: 30%;
margin-right: 10px;
}

/* Colonne de droite, balise p automatiquement rajoutée par MediaWiki pour encadrer le free-text dans les pages Text */
div.text_left_column + p,  div.text_right_column {
border: none;
margin-left: 10px;
flex: 70%;
}

h2.h2_person {
margin-top: 5px;
font-size: 20px;
}

/* ------------------- */
/* TinyMCE */
/* ------------------- */
/* Mise en forme texte Tibétain. Ajouté également dans le fichier extensiosn/TinyMCE/MW_tinymce.css pour que cette mise en forme soit prise en compte dans l''éditeur aussi. */
.tibetan_small {
font-size: 66%;
vertical-align: super;
}

.mceContentBody span.tibetan_small {
font-size: 66%;
vertical-align: super;
}
/* ------------------- */
/* FOOTER */
/* ------------------- */
/* On cache les footer par défaut, Powered by MediaWiki, etc */
#footer-icons, #footer-info { display: none; }

/* Footer Mediawiki qu'on affiche pas : Special Pages, Upload File, Page History, etc */
#p-tb {
display:none;
    border-color: #7d0711;
border-top-style: solid;
    border-top-width: 10px;
background: #ffffff url(/resources/assets/motif-shangpa-foundation-300x298.png) top center repeat scroll;
}

#p-tb > ul > li > a {
color: #aaaaaa;
}

#footer {
    border-top-style: solid;
    border-top-width: 10px;
    padding: 15px 0 30px 0;
}

.footer_color {
    color: #aaaaaa;
    border-color: #7d0711;
    background: #ffffff url(//www.shangpafoundation.org/wp-content/uploads/motif-shangpa-foundation-300x298.png) top center repeat scroll;
}

div .av_one_fourth {
    margin-left: 2%;
    width: 20.5%;
    z-index: 1;
    float: left;
    position: relative;
    min-height: 1px;
}

#footer .widget {
    margin: 0px 0 10px 0;
}

.widgettitle {
    margin-top: 0.85em;
}