MediaWiki:Common.css

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

.smw-eventcalendar { height: 100%; height:20em; width: 100%; width: 20em; }

.page-wrap { width: 1450px; margin-left: 10px; position: relative; }

.sidebar { width: 150px; position: fixed; margin-left: 1570px; }

/* from Common.css in SMW for the table of content */ border: 0px solid #AAA; background-color: #ffffff; font-size: 100%; width: 220px; } 	color: #164eaf; } .toc #toctitle, .toc .toctitle { text-align: right; }	font-size: 110%; } .toc h2 { display: none; } .toc .toctoggle { text-align: right !important; }
 * 1) smworgtable-toc #toc {
 * 1) smworgtable-toc.smworgtable-toc th a {
 * 1) toc #toctitle,
 * 1) toc .toctitle,
 * 1) smworgtable-toc #toc.toc {
 * 1) toc h2,
 * 1) toc .toctoggle,

/* a dropdown menu */ .dropbtn { background-color: #4CAF50; color: white; padding: 16px; font-size: 16px; border: none; cursor: pointer; }

.dropdown { position: relative; display: inline-block; }

.dropdown-content { display: none; position: absolute; background-color: #f9f9f9; min-width: 160px; box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2); }

.dropdown-content a { color: black; padding: 12px 16px; text-decoration: none; display: block; }

.dropdown-content a:hover {background-color: #f1f1f1}

.dropdown:hover .dropdown-content { display: block; }

.dropdown:hover .dropbtn { background-color: #3e8e41; }

/* container */

.alignleft { border: 0.1px solid #F5F5DC; width: 80%; float: left; } .alignright { border: 0.1px solid #F5F5DC; width: 18%; float: right; } .container { border: 0px solid #000000; overflow: auto; width: 100% } .div_hover { background-color: white;

}

.div_hover:hover { background-color: #F5F5DC; }

/* twitter box absolute */ border-radius: 25px; border: 0.1px solid #F5F5DC; position: fixed; right: 1em; top: 8em; }
 * 1) fixbox {

/* Styles for Agenda */ /*	PT Sans, 400, 400 italic, 700, 700 italic from https://www.semantic-mediawiki.org/wiki/MediaWiki:Common.css @import "http://webfonts.ru/import/ptsans.css"; /* Responsive */ @media screen and (max-width: 960px) { .ag-push-top .ag-top-column-right { margin-left: 0px !important; display: block !important; }   /* On every odd child show dev badge .agenda-line .agenda-item:nth-child(3n) .ag-item-title .badge-dev { display: inline-block !important; }   .agenda-line .agenda-item:nth-child(2n) .ag-item-title .badge-beg { display: inline-block !important; }*/ } /* Normal styles */ .agenda-block { font-family: "PT Sans"; margin: 40px 0px 40px 0px; max-width: 790px; font-size: 100%; } .agenda-block-header { font-size: 24px; font-family: Verdana; margin-left: 30px; margin-bottom: 30px; } .agenda-block-header .ag-title { color: black; } .agenda-block-header .ag-date { color: #1c56ac; padding-left: 5px; } .agenda-block-list { position: relative; margin-left: 70px; border-left: 2px solid #1c56ac; border-right: 2px solid #1c56ac; border-bottom: 2px solid #1c56ac; padding: 30px 0 30px 0; } .ag-push-top { position: relative; top: -30px; height: 30px; width: 100%; /*margin-bottom: -30px;*/ color: white; font-weight: bold; text-align: left; text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.59); font-size: 15px; } .ag-push-top .ag-top-column-left { display: inline-block; background: transparent url('/w/images/d/d8/Agenda-bg-blue.png') 0 0 repeat-x; width: 49%; height: 30px; text-indent: 40px; line-height: 28px; } .ag-push-top .ag-top-column-right { display: inline-block; background: transparent url('/w/images/1/1e/Agenda-bg-orange.png') 0 0 repeat-x; width: 49%; margin-left: 10px; height: 30px; text-indent: 40px; line-height: 28px; } .ag-push-left { position: relative; left: -80px; width: 80px; height: 40px; background: transparent url('/w/images/4/45/Agenda-bg-left.png') 0 0 repeat-x; margin-bottom: -40px; color: white; font-weight: bold; text-align: left; line-height: 38px; text-indent: 20px; border-bottom-left-radius: 4px; border-top-left-radius: 4px; -webkit-border-bottom-left-radius: 4px; -webkit-border-top-left-radius: 4px; -moz-border-radius-topleft: 4px; -moz-border-radius-bottomleft: 4px; text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.59); font-size: 16px; } .agenda-item { width: 320px; margin: 3px 10px 0 20px; /*display: inline-block;*/ float: left; padding: 0; min-height: 120px; } .ag-item-pic { border-radius: 60px; width: 60px; height: 60px; overflow: hidden; float: left; border: 4px solid rgba(28, 86, 172, 0.73); } .ag-item-pic-normal { border: 4px solid rgba(28, 86, 172, 0.73); } .ag-item-pic-dev { border: 4px solid rgba(181, 133, 18, 0.89); } /*.agenda-line .agenda-item:nth-child(odd) .ag-item-pic { border: 4px solid rgba(181, 133, 18, 0.89) !important; } .agenda-line .agenda-item:nth-child(odd) .ag-item-title a { color: rgba(181, 133, 18, 0.89) !important; } .agenda-line .agenda-item:nth-child(odd) .ag-item-text .ag-item-more a { color: rgba(181, 133, 18, 0.89) !important; }*/ .ag-item-desc { padding-left: 80px; } .ag-item-title { padding-bottom: 4px; } .ag-item-title a { font-size: 15px; color: #1c56ac; font-weight: bold; text-decoration: none; } .ag-item-title a:hover { color: #1e67da; } .agenda-line { overflow: hidden; margin-bottom: 0px; } .ag-item-author { font-size: 14px; text-align: left; } .ag-author-name { font-weight: bold; color: #747474; } .ag-author-job { color: #b9b9b9; padding-left: 2px; font-size: 13px; } .ag-item-text { padding: 5px 0 0 0; font-size: 13px; color: #868686; line-height: 15px; } .ag-item-span-text { overflow: hidden; height: 30px; display: block; } .ag-item-more { margin-top: 5px; color: #868686; font-size: 13px; text-align: right; } .ag-item-more a { text-decoration: none; border-bottom: 1px dotted #1c56ac; color: #1c56ac; } .ag-item-more a:hover { color: #1e67da; } .item-coffee { text-align: center; width: 209px; height: 55px; margin: 10px auto 0 auto; background: transparent url('/w/images/f/fa/Agenda-cb.png') 0 0 no-repeat; } .item-food-break { text-align: center; width: 209px; height: 55px; margin: 10px auto 10px auto; } .ag-stripes { /*background: linear-gradient(45deg, white 25%,   #ebebeb 25%,    #ebebeb 50%,    white 50%,    white 75%,    #ebebeb 75%); background-size:50px 50px;*/ border-top: 1px dotted #1e67da; padding: 0px; margin-bottom: 0px; } .ag-item-badge { padding: 1px 2px 1px 2px; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; color: white; display: none; font-size: 10px; position: relative; top: -1.5px; } .badge-dev { background-color: rgba(175, 113, 0, 0.83); } .badge-beg { background-color: rgba(60, 66, 131, 0.84); } .ag-line-title { padding: 10px 0 8px 20px; font-size: 18px; color: black; text-align: left; border-top: 1px dotted #1e67da; } .agenda-line:after { content:""; display:table; clear:both; } .smw-promo-btn, .smw-promo-btn2015f0, .smw-promo-btn2016f0 { width:150px; height:29px; background: transparent url('/File:Btn_blue_sprite.png') 0 0 no-repeat; cursor: pointer; display: inline-block; } .smw-promo-btn:hover, .smw-promo-btn2015f0ːhover, .smw-promo-btn2016f0ːhover { background-position-y: -29px; } .smw-promo-btn2, .smw-promo-btn2015f1, .smw-promo-btn2016f1 { width:150px; height:29px; background: transparent url('/w/images/9/95/Btn_or_sprite.png') 0 0 no-repeat; cursor: pointer; display: inline-block; } .smw-promo-btn2:hover, .smw-promo-btn2015f1:hover, .smw-promo-btn2016f1:hover { background-position-y: -29px; }

/* Single column */ .single-column { } .single-column .ag-top-column-left { display: none !important; } .single-column .ag-top-column-right { display: none !important; } .single-column .agenda-item { width: 640px !important; } .ag-item-author:empty, .ag-author-name:empty, .ag-author-job:empty{ display:none !important; } .agenda-keynote { border: 1px solid rgba(255, 165, 0, 0.34); margin-bottom: 25px; border-radius: 5px; /*background-color: rgba(255, 165, 0, 0.22);*/ padding: 20px; background: rgb(254,252,234); background: -moz-linear-gradient(-45deg, rgba(254,252,234,1) 0%, rgba(241,218,54,1) 100%); background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,rgba(254,252,234,1)), color-stop(100%,rgba(241,218,54,1))); background: -webkit-linear-gradient(-45deg, rgba(254,252,234,1) 0%,rgba(241,218,54,1) 100%); background: -o-linear-gradient(-45deg, rgba(254,252,234,1) 0%,rgba(241,218,54,1) 100%); background: -ms-linear-gradient(-45deg, rgba(254,252,234,1) 0%,rgba(241,218,54,1) 100%); background: linear-gradient(135deg, rgba(254,252,234,1) 0%,rgba(241,218,54,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fefcea', endColorstr='#f1da36',GradientType=1 ); } .agenda-keynote .ag-item-span-text { text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.69); } .agenda-block-header { margin-bottom: -40px; border: 2px solid rgb(27, 27, 112); padding: 5px 10px 5px 15px; border-radius: 3px; /*background: rgb(184,225,252); background: -moz-linear-gradient(-45deg, rgba(184,225,252,1) 0%, rgba(169,210,243,1) 10%, rgba(144,186,228,1) 25%, rgba(144,188,234,1) 37%, rgba(144,191,240,1) 50%, rgba(107,168,229,1) 51%, rgba(162,218,245,1) 83%, rgba(189,243,253,1) 100%); background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,rgba(184,225,252,1)), color-stop(10%,rgba(169,210,243,1)), color-stop(25%,rgba(144,186,228,1)), color-stop(37%,rgba(144,188,234,1)), color-stop(50%,rgba(144,191,240,1)), color-stop(51%,rgba(107,168,229,1)), color-stop(83%,rgba(162,218,245,1)), color-stop(100%,rgba(189,243,253,1))); background: -webkit-linear-gradient(-45deg, rgba(184,225,252,1) 0%,rgba(169,210,243,1) 10%,rgba(144,186,228,1) 25%,rgba(144,188,234,1) 37%,rgba(144,191,240,1) 50%,rgba(107,168,229,1) 51%,rgba(162,218,245,1) 83%,rgba(189,243,253,1) 100%); background: -o-linear-gradient(-45deg, rgba(184,225,252,1) 0%,rgba(169,210,243,1) 10%,rgba(144,186,228,1) 25%,rgba(144,188,234,1) 37%,rgba(144,191,240,1) 50%,rgba(107,168,229,1) 51%,rgba(162,218,245,1) 83%,rgba(189,243,253,1) 100%); background: -ms-linear-gradient(-45deg, rgba(184,225,252,1) 0%,rgba(169,210,243,1) 10%,rgba(144,186,228,1) 25%,rgba(144,188,234,1) 37%,rgba(144,191,240,1) 50%,rgba(107,168,229,1) 51%,rgba(162,218,245,1) 83%,rgba(189,243,253,1) 100%); background: linear-gradient(135deg, rgba(184,225,252,1) 0%,rgba(169,210,243,1) 10%,rgba(144,186,228,1) 25%,rgba(144,188,234,1) 37%,rgba(144,191,240,1) 50%,rgba(107,168,229,1) 51%,rgba(162,218,245,1) 83%,rgba(189,243,253,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b8e1fc', endColorstr='#bdf3fd',GradientType=1 );*/ background: rgb(207,231,250); background: -moz-linear-gradient(-45deg, rgba(207,231,250,1) 0%, rgba(99,147,193,1) 100%); background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,rgba(207,231,250,1)), color-stop(100%,rgba(99,147,193,1))); background: -webkit-linear-gradient(-45deg, rgba(207,231,250,1) 0%,rgba(99,147,193,1) 100%); background: -o-linear-gradient(-45deg, rgba(207,231,250,1) 0%,rgba(99,147,193,1) 100%); background: -ms-linear-gradient(-45deg, rgba(207,231,250,1) 0%,rgba(99,147,193,1) 100%); background: linear-gradient(135deg, rgba(207,231,250,1) 0%,rgba(99,147,193,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cfe7fa', endColorstr='#6393c1',GradientType=1 ); text-shadow: 1px 1px 1px white; } .ag-push-duration { top: 35px; width: 60px; left: -62px; height: 30px; /*border: 1px solid rgb(86, 97, 226);*/ text-indent: 7px; font-size: 14px; font-weight: bold; line-height: 34px !important; background: rgb(123, 178, 204); border-right: 0px; border-radius: 2px; box-shadow: 0px 1px 3px 0px rgba(95, 44, 4, 0.25); background: rgb(249,198,103); background: -moz-linear-gradient(-45deg, rgba(249,198,103,1) 0%, rgba(247,150,33,1) 100%); background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,rgba(249,198,103,1)), color-stop(100%,rgba(247,150,33,1))); background: -webkit-linear-gradient(-45deg, rgba(249,198,103,1) 0%,rgba(247,150,33,1) 100%); background: -o-linear-gradient(-45deg, rgba(249,198,103,1) 0%,rgba(247,150,33,1) 100%); background: -ms-linear-gradient(-45deg, rgba(249,198,103,1) 0%,rgba(247,150,33,1) 100%); background: linear-gradient(135deg, rgba(249,198,103,1) 0%,rgba(247,150,33,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9c667', endColorstr='#f79621',GradientType=1 ); } /* End styles for Agenda */