8,960
edits
MediaWiki:Common.css: Difference between revisions
Jump to navigation
Jump to search
no edit summary
No edit summary |
No edit summary |
||
| Line 1: | Line 1: | ||
.pie-chart445 { | |||
position: relative; | |||
min-width: 200px; | |||
min-height: 200px; | |||
max-width: 200px; | |||
overflow: hidden; | |||
transform: scaleX(-1) rotate(-90deg); | |||
} | |||
.pie-chart445 div { | |||
border: solid transparent; | |||
position: absolute; | |||
width: 100px; | |||
height: 100px; | |||
} | |||
.pie-chart445 .section1 { | |||
bottom: 100px; | |||
left: 100px; | |||
background-color: #ffa500; | |||
} | |||
.pie-chart445 .section2 { | |||
bottom: 100px; | |||
right: 100px; | |||
background-color: #ffa500; | |||
} | |||
.pie-chart445 .section3 { | |||
top: 100px; | |||
right: 100px; | |||
background-color: #ffa500; | |||
} | |||
.pie-chart445 .section4 { | |||
top: 100px; | |||
right: 100px; | |||
border-width: 58.778525229247px 80.901699437495px 0px 0px; | |||
border-right-color: #008b8b; | |||
} | |||
.pie-chart445 .section5 { | |||
top: 100px; | |||
left: 100px; | |||
background-color: #008b8b; | |||
} | |||
.pie-chart445 .image-overlay { | |||
position: absolute; | |||
top: 0; | |||
left: 0; | |||
width: 100%; | |||
height: 100%; | |||
background: url('/images/a/a4/Circle_frame.svg.png') no-repeat center center; | |||
background-size: contain; | |||
transform: scaleX(-1) rotate(90deg); | |||
} | |||
.relative-container { | |||
position: relative; | |||
min-width: 200px; | |||
min-height: 200px; | |||
max-width: 200px; | |||
overflow: hidden; | |||
transform: scaleX(-1) rotate(-90deg); | |||
} | |||
.orange-box { | |||
border: solid transparent; | |||
position: absolute; | |||
width: 100px; | |||
height: 100px; | |||
border: 0; | |||
background-color: #ffa500; | |||
} | |||
.bottom-left { | |||
bottom: 100px; | |||
left: 100px; | |||
} | |||
.bottom-right { | |||
bottom: 100px; | |||
right: 100px; | |||
} | |||
.top-right { | |||
top: 100px; | |||
right: 100px; | |||
} | |||
.turquoise-box { | |||
border: solid transparent; | |||
position: absolute; | |||
top: 100px; | |||
left: 100px; | |||
width: 100px; | |||
height: 100px; | |||
border: 0; | |||
background-color: #008b8b; | |||
} | |||
.turquoise-triangle { | |||
border: solid transparent; | |||
position: absolute; | |||
top: 100px; | |||
right: 100px; | |||
width: 100px; | |||
height: 100px; | |||
border-width: 58.778525229247px 80.901699437495px 0px 0px; | |||
border-right-color: #008b8b; | |||
} | |||
.circle-frame { | |||
position: absolute; | |||
min-width: 200px; | |||
min-height: 200px; | |||
overflow: hidden; | |||
} | |||
.pie-chart4 { | .pie-chart4 { | ||
width: 200px; | width: 200px; | ||