Difference between revisions of "MediaWiki:Gadget-site.css"

From Caiyun Wiki
Jump to: navigation, search
Line 8: Line 8:
  
 
.tianqi {
 
.tianqi {
   float: right;
+
   display: inline;
 
   width:25em;
 
   width:25em;
 
   min-height:320px;
 
   min-height:320px;

Revision as of 01:17, 30 August 2018

.externalimage-holder {
    position: relative;
}
.externalimage-holder img {
    max-width: 100%;
    height: auto;
}

.tianqi {
  display: inline;
  width:25em;
  min-height:320px;
  background: #dbdbdb;
  border-radius: .2em;
  padding-top:1em;
  padding-left: 1em;
  padding-right:1em;
}

.city {
  font-family: Roboto;
  font-weight: 300;
  font-size: 1.8em;
  color:#5b5b5b;
}

.menu {
  float: right;
  font-family: Roboto;
  font-size:.5em;
  color:#5b5b5b;
  margin-top:-.09em;
  margin-right:-2em;
  list-style:square;
}

.sun {
  width:4em;
  height:4em;
  border-radius: 2.5em;
  background: #FBD80A;
  margin-top: 1em;
}

.temp {
  float:right;
  font-family:Roboto;
  font-weight: 300;
  font-size: 6em;
  margin-top:-.75em;
  color:#5b5b5b;
}

.variations {
  font-family:Roboto;
  font-wight:300;
  color:#8c8c8c;
  list-style:none;
  margin-left:-2em;
}

.mph {
   font-size:.8em;
}

.speed:before {
  content:url('https://i.imgur.com/luN0Jmq.png');
}

.forecast {
  width:100%;
  margin:0 auto;
}

.day {
  display:block;
  width: 21.5%;
  height:9em;
  float:left;
  margin: 0 .375em .5em;
  text-align:center;
  font-family:Roboto;
  color: #5b5b5b;
  border-right:.1em solid #d9d9d9;
  line-height: 2;
}

.fri {
  border-right:none;
}

.highTemp {
  font-weight:bold;
}

.lowTemp {
  color: #8c8c8c;
}

.cloudy {
  content: url('https://i.imgur.com/0PIYfV8.png');
}

.sunny {
  content: url('https://i.imgur.com/RdBr2SD.png');
}