MediaWiki:Common.css

From EuroDIG Wiki
Jump to navigation Jump to search

Note: After publishing, 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)
  • Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5.
@-ms-viewport {
	width: device-width;
	initial-scale: 1;
}

@viewport {
	width: device-width;
	initial-scale: 1;
}

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

/* START styling tables in general */

table.wikitable > tr > th, 
table.wikitable > tr > td, 
table.wikitable > * > tr > th, 
table.wikitable > * > tr > td {
    padding: 0.2em 0.5em;
}

.wikitable ol {
   margin: 0.3em 0px 0px 1.4em;
}

/* END styling tables in general */

/* START styling for MAIN MENUE at the left */

li#n-Welcome\.21,
/*li#n-Messages,
li#n-Consolidated-programme,*/
li#n-Details,
/*li#n-Register-now,
li#n-YOUthDIG,*/
li#n-YOUthDIG-programme,
li#n-Greening-Internet-governance,
li#n-Digital-Cooperation,
li#n-Net-neutrality,
li#n-How-to-get-involved-in-Internet-governance,
li#n-Glossary,
li#n-EuroDIG-website
 {
  margin-bottom: 7px !important;
}

li#n-EuroDIG-website a,
li#n-Register-now a {
    background-position: right center !important;
    background-repeat: no-repeat !important;
    background-image: linear-gradient(transparent, transparent), url('data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%20standalone%3D%22no%22%3F%3E%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2212%22%20height%3D%2212%22%3E%3Cpath%20fill%3D%22%23fff%22%20stroke%3D%22%2306c%22%20d%3D%22M1.5%204.518h5.982V10.5H1.5z%22%2F%3E%3Cpath%20d%3D%22M5.765%201H11v5.39L9.427%207.937l-1.31-1.31L5.393%209.35l-2.69-2.688%202.81-2.808L4.2%202.544z%22%20fill%3D%22%2306f%22%2F%3E%3Cpath%20d%3D%22M9.995%202.004l.022%204.885L8.2%205.07%205.32%207.95%204.09%206.723l2.882-2.88-1.85-1.852z%22%20fill%3D%22%23fff%22%2F%3E%3C%2Fsvg%3E') !important;
    padding-right: 13px !important;
}

/* END styling for MAIN MENUE at the left */


/* START styling for ARCHIV main pages */

.blue-font {
   color: #0069b3;
}

/* END styling for ARCHIV main pages */


/* START styling for CTAs */
.cta { 
     float:right;
     min-width:150px;
     max-width:20%;
     background-color: #da001b;
     color:#fff;
     text-align:center;
     margin: 0 0 1em 1em;
     padding:1em;
}

#CTA > p > a:nth-child(1)
{
    color: #fff;
}

/* END styling for CTAs */



/* START styling for 2025, additions */
/* Programme table */
.break_25 {
     background-color: #fff;
}

#key01_25 > ul:nth-child(2) > li:nth-child(1) > a:nth-child(1) {
    color: rgb(220, 229, 237);
}

.event-width-25 {
  width: 23.25%;
}

.event-width-25_track-border {
  padding: 0 0.25em !important;
}

.event-width-25_track {
  width: 23.0%;
}

.track01_25-first, .track01_25-second, .track01_25-third, .track03_25-first, .track03_25-second, .track03_25-third {
  background-color: #cfcfcf;
}

.track02_25-first, .track02_25-second, .track02_25-third, .track04_25-first, .track04_25-second, .track04_25-third {
    background-color: #dfdfdf;
}




/* START styling for 2024, additions */
/* Programme table */
.break_24 {
     background-color: #fff;
}


#key01_24 > ul:nth-child(2) > li:nth-child(1) > a:nth-child(1),
#key01_24 > ul:nth-child(2) > li:nth-child(2) > a:nth-child(1),
#key03_24 > ul:nth-child(2) > li:nth-child(1) > a:nth-child(1) {
    color: #dce5ed;
}

.event-width-24 {
  width: 23.25%;
}

.event-width-24_track-border {
  padding: 0 0.25em !important;
}

.event-width-24_track {
  width: 23.0%;
}

.track01_24-first, .track01_24-second, .track01_24-third, .track03_24-first, .track03_24-second, .track03_24-third {
  background-color: #cfcfcf;
}

.track02_24-first, .track02_24-second, .track02_24-third, .track04_24-first, .track04_24-second, .track04_24-third {
    background-color: #dfdfdf;
}


/* START styling for 2023, additions */

/* Proposal table, color squares */

.table-squares-23 {
   display: block;
   width: 12px;
   height: 12px;
   color:transparent;
}

/* Programme table */

.focus-area-width-23 {
  width: 10%;
}

.event-width-23 {
  width: 27.66%;
}

.event-width-23_track-border {
  padding: 0 0.25em !important;
}

.event-width-23_track {
  width: 27%;
}

.track01_23-first, .track01_23-second, .track01_23-third {
  background-color: #cfcfcf;
}

.track02_23-first, .track02_23-second, .track02_23-third {
    background-color: #dfdfdf;
}

.track03_23-first, .track03_23-second, .track03_23-third {
  background-color: #cfcfcf;
}

.track03, .track03 > a {
   color: #ff0000 !important;
}


.break_23 {
     background-color: #fff;
}

/* START styling for 2022, additions */

.right-border {
border-width: 0px 1px 0px 0px !important;
}

.event-width-22 {
  width: 23.25%;
}

.event-width-22_fa-first {
  width: 20.0%;
}

.event-width-22_fa-second,
.event-width-22_fa-second_break {
  width: 26.5%;
}

.fa01_22-first,
.fa03_22-first {
background-color: #cfcfcf
}

.fa01_22-second,
.fa01_22-break,
.fa03_22-second,
.fa03_22-break {
background-color: #cfcfcf;
}

.fa01_22-third,
.fa03_22-third {
 background-color: #cfcfcf;
 padding: 0 0.25em !important;
}

.fa02_22-first,
.fa04_22-first {
background-color: #cfcfcf;
}

.fa02_22-second,
.fa02_22-break,
.fa04_22-second,
.fa04_22-break {
background-color: #cfcfcf;
}

.fa02_22-third,
.fa04_22-third {
background-color: #cfcfcf;
 padding: 0 0.25em !important;
}


.e-d-m a {
 background-color: rgba(0, 0, 0, 0) !important;
}


.big-stage_day1_arrow_blue,
.big-stage_day2_arrow_blue {
  color: #dce5ed;
  background:
    url(/mw/images/7/7f/2022_Arrow_top-left.png) no-repeat,
    #0569b1;
  background-position: right -349px bottom;
}

.big-stage_day1_break_arrow,
.big-stage_day2_break_arrow {
  background:
    url(/mw/images/a/ac/2022_Arrow_top-right.png) no-repeat,
    #f8f9fa;
  background-position: left -100px bottom;
}

.keynote_day1_arrow_blue,
.keynote_day2_arrow_blue {
  color: #dce5ed;
  background:
    url(/mw/images/8/86/2022_Arrow_bottom-left.png) no-repeat,
    #0569b1;
  background-position: right -350px bottom;
}

.keynote_day1_break_arrow,
.keynote_day2_break_arrow {
  background:
    url(/mw/images/5/53/2022_Arrow_bottom-right.png) no-repeat,
    #f8f9fa;
  background-position: left -100px bottom;
}

.t-a-o_ig-eco_22 {
  background-image: linear-gradient(#cabbdb, #e3b262);
}

.hu-ri_i-a-e_22 {
  background-image: linear-gradient(#faf3a0, #c5dcf4);
}

.ig-eco_hu-ri_22 {
  background-image: linear-gradient(#e3b262, #faf3a0);
}


.t-a-o_i-a-e_22 {
  background-image: linear-gradient(#cabbdb, #c5dcf4);
}

/* END styling for 2022, additions */


/* START styling for 2021, additions */
.event-width-21 {
  width: 23.25%;
}

.event-width-21_fs-first {
  width: 17.6%;
}

.event-width-21_fs-second {
  width: 5.65%;
  font-size: 85%;
  color: #555;
  opacity: 0.90;
}
.event-width-21_fs-second_break {
  width: 5.65%;
  font-size: 85%;
  color: #000;
  opacity: 0.65;
}

.arrow_gray-21-1 {
background: url(/mw/images/5/57/Pfeil_programme_01.png);
background-repeat: no-repeat;
background-position: 50% bottom;
}

.arrow_gray-21-1_2 {
background: url(/mw/images/5/57/Pfeil_programme_01.png), url(/mw/images/5/57/Pfeil_programme_01.png);
background-repeat: no-repeat, no-repeat;
background-position: calc(16.5% - 15.5px) bottom, 50% bottom;
}

.arrow_gray-21-3 {
background: url(/mw/images/5/57/Pfeil_programme_01.png);
background-repeat: no-repeat;
background-position: right calc(16.5% - 15.5px) bottom;
}

.tracks-21-head {
    text-align: center;
    color: #f00;
}

.hu-ri_t-a-o_21 {
  background-image: linear-gradient(#faf3a0, #cabbdb);
}

.m-a-c_t-a-o_21 {
  background-image: linear-gradient(#c9ab8f, #cabbdb);
}

/* END styling for 2021, additions*/


/* START styling for 2020, additions */

/* breakdown-tabelle 2020 */

.breakdown_2020 .head-data-width {
    min-width: 15%;
}

.breakdown_2020 .data-center {
    text-align: center;
}

.event-width-20 {
  width: 18.6%;
}

.event-width-20-virtual {
  width: 31%;
}

.vitual-meeting-info {
   color: #FF0000;
}

.a-a-l_ig-eco {
  background-image: linear-gradient(#bfd27e, #e3b262);
}

.i-a-e_hu-ri_20 {
  background-image: linear-gradient(#c5dcf4, #faf3a0);
}

.hu-ri-i-a-e_20 {
  background-image: linear-gradient(#faf3a0, #c5dcf4);
}


.a-a-l_i-a-e_20 {
  background-image: linear-gradient(#bfd27e, #c5dcf4);
}

.s-a-c_c-c-o_20 {
  background-image: linear-gradient(#d7847b, #cfcfcf);
}

.s-a-c_t-a-o_20 {
  background-image: linear-gradient(#d7847b, #cabbdb);
}

/* styling for 2020, additions END */

/* styling for programm table 2019 additional */

.no-border {
border: 0px !important;
}

.e-d-m_border-top,
.e-d-m_border-top a {
  background-color: #0569b1;
  color: #dce5ed;
  border-left: 0px !important;
  border-right: 0px !important;
  border-bottom: 0px !important;
}

.keynote_day1_afternoon_blue {
  color: #dce5ed;
  background:
    url(https://eurodigwiki.org/mw/images/5/57/Pfeil_programme_01.png) 29.4% bottom no-repeat,
    url(https://eurodigwiki.org/mw/images/5/57/Pfeil_programme_01.png) 50% bottom no-repeat,
 /*   url(https://eurodigwiki.org/mw/images/5/57/Pfeil_programme_01.png) 91.2% bottom no-repeat, */
    #0569b1;
}
.keynote_day1_afternoon_blue a {
  color: #dce5ed;
}
.keynote_day1_afternoon_blue ul {
  color: #dce5ed;
}

.keynote_day1_afternoon_white {
  background:
    url(https://eurodigwiki.org/mw/images/5/57/Pfeil_programme_01.png) 29.4% top no-repeat,
    url(https://eurodigwiki.org/mw/images/5/57/Pfeil_programme_01.png) 50% top no-repeat;
  /*   url(https://eurodigwiki.org/mw/images/5/57/Pfeil_programme_01.png) 91.2% top no-repeat; */
}

.arrow_gray {
background: url(https://eurodigwiki.org/mw/images/5/57/Pfeil_programme_01.png);
background-repeat: no-repeat;
background-position: center bottom;
}

.double-arrow_gray {
background: url(https://eurodigwiki.org/mw/images/0/02/Doppelpfeil_01.png);
background-repeat: no-repeat;
background-position: 52% bottom;
}

/**
 * <= 1022px
 */
@media screen and (max-width: 1022px) {
.double-arrow_gray {
background: url(https://eurodigwiki.org/mw/images/8/85/Doppelpfeil_01_1024.png);
background-repeat: no-repeat;
background-position: 52% bottom;
}

}

/**
 * <= 870px
 */
@media screen and (max-width: 870px) {
.double-arrow_gray {
background: url(https://eurodigwiki.org/mw/images/3/3b/Doppelpfeil_01_850.png);
background-repeat: no-repeat;
background-position: 52% bottom;
}

}

.shaft_gray {
background: url(https://eurodigwiki.org/mw/images/5/57/Pfeil_programme_01.png);
background-repeat: no-repeat;
background-position: center top;
}

.arrow_gray_on-blue {
background: url(https://eurodigwiki.org/mw/images/5/57/Pfeil_programme_01.png);
background-color:#0569b1;
background-repeat: no-repeat;
background-position: center bottom;
  border-left: 0px !important;
  border-right: 0px !important;
  border-bottom: 0px !important;
}

/* END styling for 2020, additions */


/* START styling for 2019, additions */

.event-width-19 {
    width: 15.5%;
}

.ig-eco_t-a-o {
  background-image: linear-gradient(#e3b262, #cabbdb);
}

.t-a-o_ig-eco {
  background-image: linear-gradient(#cabbdb, #e3b262);
}

.a-a-l_hu-ri {
  background-image: linear-gradient(#bfd27e, #faf3a0);
}

.t-a-o_hu-ri {
  background-image: linear-gradient(#cabbdb, #faf3a0);
}

.hu-ri_i-a-e  {
  background-image: linear-gradient(#faf3a0, #c5dcf4);
}

.i-a-e_hu-ri_19 {
  background-image: linear-gradient(#c5dcf4, #faf3a0);
}

.m-a-c_a-a-l {
  background-image: linear-gradient(#c9ab8f, #bfd27e);
}
/* END styling for 2019, additions */


/* START styling for programm table 2018 basics */


/* Access & literacy color */
.a-a-l {
  background-color: #bfd27e !important;
}

/* Development of  IG eco system color */
.ig-eco {
  background-color: #e3b262 !important;
}

/* Human rights color */
.hu-ri {
  background-color: #faf3a0 !important;
}

/* Innovation and economic issues color */
.i-a-e {
  background-color: #c5dcf4 !important;
}

/* Media and content color */
.m-a-c {
  background-color: #c9ab8f !important;
}

/* Security and crime color */
.s-a-c {
  background-color: #d7847b !important;
}

/* Technical and operational issues color */
.t-a-o {
  background-color: #cabbdb !important;
}

/* Cross cutting color */
.c-c-o {
  background-color: #cfcfcf !important;
}

.i-a-e_s-a-c {
  background: linear-gradient(to bottom, #c5dcf4 0%,#c5dcf4 50%,#c5dcf4 50%,#d7847b 50%,#d7847b 100%);
}

.i-a-e_hu-ri {
  background: linear-gradient(to bottom, #c5dcf4 0%,#c5dcf4 50%,#c5dcf4 50%,#faf3a0 50%,#faf3a0 100%);
}

.e-d-m a,
.e-d-m {
  background-color: #0569b1;
  color: #dce5ed;
}

.flash-go {
  color: #4e7828;
}

.dateline {
  color: #e3981c;
  font-weight: bold;
}

.header {
  background-color: #e9e9e9;
}

.header_youth-date {
  background-color: #fff;
}

.category {
  width: 25%;
}

.time-width {
  width: 7%;
}

.time-width_youth {
  width: 20%;
}

.header-width {
  width: 93%;
}

.header-width_youth {
  width: 80%;
}

.preevent-width_4 {
  width: 23.25%;
}

.preevent-width_3 {
  width: 31%;
}

.preevent-width_2 {
  width: 46.5%;
}

.event-width {
  width: 18.6%;
}

/**
 * general wiki tweeks
 */
.catlinks {
  margin-top: 2.5em !important;
}
Retrieved from "https://eurodigwiki.org/mw04/index.php?title=MediaWiki:Common.css&oldid=26865"