Difference between revisions of "MediaWiki:Common.css"

Jump to: navigation, search
m (Reverted edits by Kbjarkefur (talk) to last revision by Mrijanrimal)
 
(48 intermediate revisions by 3 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 */


/* Styling required for main page */
/*
 
#column-content { margin: 0 0 .6em 0; }
.mp_cont  {
#content { margin: 2.8em 0 0 0; }
  width: 100%;
#p-logo, .generated-sidebar, #p-lang, #p-tb, #p-search { display:none; }
  text-align:justify;
#p-cactions { left: .1em; }
  background-color:  #ffffff;
*/
  font-family: sans-serif;
}
 
.header_table {
  text-align: center;
  width: 100%;
  border-collapse: separate;
  border-spacing: 75px 20px;
}
 
.header_table td {
  width: 33%;
  background-color: #ffffff;
  border-color: lightgrey;
  border-style: solid;
  border-width: 1px;
  padding: 10px;
 
 
}
 
.sa-column {
 
  padding-bottom: 0px;
 
}
.sa-column .right-column {
  width: 100%;
}
.sa-column .right-td {
 
  text-align: center;
  height: 100px;
  font-size: 24px;
  border-top:  10px solid #c0c0c0;
}
.sa-column  .right-td, #dimewiki-mainpage-sa-js  {
  vertical-align:center;
  display: block;
  line-height: 1.2
}
#dimewiki-mainpage-sa-js {
  margin-bottom: 40px;
}
 
.border {
  width: 100%;
  height: 15px;
  background-color: white;
 
}
 
.topic-column-table .lc-column {
  width: 65%;
  vertical-align:top;
}
 
.topic-column-table .sa-column {
  width: 35%;
  vertical-align:top;
}
 
.title-table {
  margin: 10px 0 10px 0;
  text-align: center;
  font-size: 28px;
  font-family: sans-serif;
  color: #141414;
  height: 40px;
  width: 100%;
  vertical-align:center;
  border-color: white;
  border-style: solid;
  border-width: 2px;
}
 
.title-table, .table-div {
  background-color: white;
 
}
 
 
 
.dw-mp-topicimg {
 
  width: 100px;
  height: 100px;
 
}
 
.table-div {
  margin-bottom: 2px;
  padding: 3px;
 
}
 
.table-div td {
  border-bottom: 1px solid #c0c0c0;
}
 
.table-div td.td_lc_titl {
  border-bottom: none;
}
.td_sa {
  text-align: center;
  padding: 4px;
  font-size: 20px;
}
 
 
.td_lc_titl {
  font-size: 20px;
}
 
.td_lc_titl a, .td_sa a, .right-td a {
  color:  #36c;
  font-weight: 700;
  text-decoration:none;
 
}
 
.td_lc_desc {
  font-size: 16px;
  font-family: serif;
}
 
.portrat img {
  width: auto;
  height: 100%;
}
.landscape img {
  width: 100%;
  height: auto;
}


/* Styling required for checklists */
/* Styling required for checklists */


.chk_table {
.chk_table {
   width: 100%;
   width: 100%;
}
}
.chk_logo_img {
.chk_logo_img {
   width: 150px;
   width: 200px;
   height: auto;
   height: auto;
}
}
.chk_table td, .chk_table th {
.chk_table td, .chk_table th {
   border-style: solid;
   border-style: solid;
   border-width: 1px;
   border-width: 1px;
}
}
.chk_table th {
.chk_table th {
   height: 40px;
   height: 40px;
}
}
.chk_table td {
.chk_table td {
   text-align: center;
   text-align: center;
Line 180: Line 40:
   padding-left: 40px;
   padding-left: 40px;
}
}
.chk_table .chk_row2 {
.chk_table .chk_row2 {
   font-size: 14px;
   font-size: 14px;
   padding-left: 5px;
   padding-left: 5px;
}
}
.chk_table .chk_row3 {
.chk_table .chk_row3 {
   font-size: 14px;
   font-size: 14px;
Line 192: Line 50:
   font-size: 12px;
   font-size: 12px;
}
}
.chk_table .chk_row3 .chk_item {
.chk_table .chk_row3 .chk_item {
   padding-left: 40px;
   padding-left: 40px;
}
}
.chk_table .chk_row4 .chk_item {
.chk_table .chk_row4 .chk_item {
   padding-left: 60px;
   padding-left: 60px;
}
}
.chk_table .chk_number {
.chk_table .chk_number {
   text-align: left;
   text-align: left;
   margin-left: 1px;
   margin-left: 1px;
}
}
=======
.mw-content-ltr P {
/* CSS placed here will be applied to all skins */
    padding-top: 10px;
 
/* Styling required for main page */
 
.mp_cont  {
  width: 100%;
  text-align:justify;
  background-color:  #ffffff;
  font-family: sans-serif;
}
 
.header_table {
  text-align: center;
  width: 100%;
  border-collapse: separate;
  border-spacing: 75px 20px;
}
 
.header_table td {
  width: 33%;
  background-color: #ffffff;
  border-color: lightgrey;
  border-style: solid;
  border-width: 1px;
  padding: 10px;
 
 
}
 
.mp_cont #welcome {
    font-size: 24px;
}
 
.mp_cont #contribute {
    font-size: 20px;
}
 
.border {
  width: 100%;
  height: 15px;
  background-color: white;
 
}
 
.topic-column-table .lc-column {
  width: 65%;
  vertical-align:top;
}
 
.topic-column-table .sa-column {
  width: 35%;
  vertical-align:top;
}
 
.title-table {
  margin: 10px 0 10px 0;
  text-align: center;
  font-size: 28px;
  font-family: sans-serif;
  color: #141414;
  height: 40px;
  width: 100%;
  vertical-align:center;
  /*border-color: white;
  border-style: solid;
  border-width: 2px;*/
  border-bottom: 2px;
  border-bottom-color: #848383;
  border-bottom-style: solid;
  }
 
.title-table, .table-div {
  background-color: white;
 
}
 
 
 
.dw-mp-topicimg {
 
  width: 100px;
  height: 100px;
 
}
 
.table-div {
  margin-bottom: 2px;
  padding: 3px;
 
}
.table-div td {
  border-bottom: 2px solid #c0c0c0;
}
}


.table-div td.td_lc_titl {
.mw-content-ltr ol{
  border-bottom: none;
    margin: 0.3em 0 0 1.6em;
}
    padding: 0;
.td_sa {
  text-align: center;
  padding: 4px;
  font-size: 20px;
}
}


.td_lc_titl {
span.hiddentext { display:none; }
  font-size: 20px;
}
 
.td_lc_titl a, .td_sa a, .header_table a {
  color:  #36c;
  font-weight: 700;
  text-decoration:none;


.ran_box {
    color: inherit;
    font-size: 14px;
    line-height: 20px;
    text-shadow: inherit;
}
}
 
.ran_box .title{
.td_lc_desc {
    padding-bottom: 5px;
  font-weight: 400;
  font-family: serif;
}
 
.portrat img {
  width: auto;
  height: 100%;
}
.landscape img {
  width: 100%;
  height: auto;
}
}


/* Styling required for checklists */
@media (min-width: 768px)
 
.col-sm-10 {
.chk_table {
    width: 85.00% !important;
 
  width: 100%;
 
}
 
.chk_logo_img {
  width: 150px;
  height: auto;
}
 
.chk_table td, .chk_table th {
  border-style: solid;
  border-width: 1px;
}
 
.chk_table th {
  height: 40px;
}
 
.chk_table td {
  text-align: center;
}
.chk_table .chk_item {
  text-align: left;
}
.chk_table .chk_row1 {
  background-color: grey;
  height: 40px;
}
.chk_table .chk_row1 td {
  text-align: left;
  font-weight: bold;
  font-size: 20px;
  padding-left: 40px;
}
 
.chk_table .chk_row2 {
  font-size: 14px;
  padding-left: 5px;
}
 
.chk_table .chk_row3 {
  font-size: 14px;
}
.chk_table .chk_row4, .chk_table .chk_row5  {
  font-size: 12px;
}
 
.chk_table .chk_row3 .chk_item {
  padding-left: 40px;
}
 
.chk_table .chk_row4 .chk_item {
  padding-left: 60px;
}
 
.chk_table .chk_number {
  text-align: left;
  margin-left: 1px;
}
}

Latest revision as of 10:43, 15 May 2018

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

/*
#column-content { margin: 0 0 .6em 0; }
#content { margin: 2.8em 0 0 0; }
#p-logo, .generated-sidebar, #p-lang, #p-tb, #p-search { display:none; }
#p-cactions { left: .1em; }
*/

/* Styling required for checklists */

.chk_table {
  width: 100%;
}
.chk_logo_img {
  width: 200px;
  height: auto;
}
.chk_table td, .chk_table th {
  border-style: solid;
  border-width: 1px;
}
.chk_table th {
  height: 40px;
}
.chk_table td {
  text-align: center;
}
.chk_table .chk_item {
  text-align: left;
}
.chk_table .chk_row1 {
  background-color: grey;
  height: 40px;
}
.chk_table .chk_row1 td {
  text-align: left;
  font-weight: bold;
  font-size: 20px;
  padding-left: 40px;
}
.chk_table .chk_row2 {
  font-size: 14px;
  padding-left: 5px;
}
.chk_table .chk_row3 {
  font-size: 14px;
}
.chk_table .chk_row4, .chk_table .chk_row5  {
  font-size: 12px;
}
.chk_table .chk_row3 .chk_item {
  padding-left: 40px;
}
.chk_table .chk_row4 .chk_item {
  padding-left: 60px;
}
.chk_table .chk_number {
  text-align: left;
  margin-left: 1px;
}
.mw-content-ltr P {
    padding-top: 10px;
}

.mw-content-ltr ol{
    margin: 0.3em 0 0 1.6em;
    padding: 0;
}

span.hiddentext { display:none; }

.ran_box {
     color: inherit;
    font-size: 14px;
    line-height: 20px;
    text-shadow: inherit;
}
.ran_box .title{
    padding-bottom: 5px;
}

@media (min-width: 768px)
.col-sm-10 {
    width: 85.00% !important;
}