MediaWiki:Common.css

From Openresearch
Revision as of 17:34, 30 October 2016 by Liy1 (talk | contribs)
Jump to: navigation, search

Note: After saving, 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)
  • Internet Explorer: Hold Ctrl while clicking Refresh, or press Ctrl-F5
  • Opera: Go to Menu → Settings (Opera → Preferences on a Mac) and then to Privacy & security → Clear browsing data → Cached images and files.
/* 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 */
#smworgtable-toc #toc {
	border: 0px solid #AAA;
	background-color: #ffffff;
	font-size: 100%;
	width: 220px;
} 
#smworgtable-toc.smworgtable-toc th a {
	color: #164eaf;
}
 
#toc #toctitle,
.toc #toctitle,
#toc .toctitle,
.toc .toctitle {
	text-align: right;
}
 
#smworgtable-toc #toc.toc {
	font-size: 110%;
}
 
#toc h2,
.toc h2 {
	display: none;
}
 
#toc .toctoggle,
.toc .toctoggle {
	text-align: right !important;
}

/* 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 */
#fixbox {
   border-radius: 25px;
   border: 0.1px solid #F5F5DC;
   position: fixed;
   right: 1em;
   bottom: 0;
}


/* 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 */
Retrieved from "https://www.openresearch.org/mediawiki/index.php?title=MediaWiki:Common.css&oldid=209427"