Difference between revisions of "User:Loch210/Rufus style.css"

From City of Hope MUSH
Jump to navigation Jump to search
 
(2 intermediate revisions by the same user not shown)
Line 1: Line 1:
−
* {
+
/***** HEADERS AND TRIANGLES *****/
−
   border: none;
+
div.sheet-header {
−
   margin: 0;
+
   display: inline-flex;
−
}
+
   float: right;
−
html,
+
   height: 20px; }
−
body {
+
 
−
  width: 100%;
+
div.sheet-triangle,
−
   height: 100%;
+
div.sheet-right-tri {
−
  overflow: hidden;
+
   border-top: 20px solid transparent; }
−
}
+
 
−
canvas {
+
div.sheet-triangle {
−
  background: white;
+
   border-right: 30px solid #afd3e2; }
−
  background: radial-gradient(#FFF, #DDD);
+
 
−
  transform-origin: 0 0;
+
div.sheet-right-tri {
−
   width: 100%;
+
   border-left: 30px solid #afd3e2; }
−
  height: 100%;
+
 
−
}
+
div.sheet-right-header {
−
.ui {
+
   margin-right: -8%;
−
   display: none;
+
   float: left; }
−
  position: fixed;
+
 
−
   z-index: 5;
+
/***** BOXES FOR DIFFERENT PC SECTIONS *****/
−
  bottom: 0;
+
.sheet-pc-box {
−
  left: 0;
+
   background-color: #e7e6e5;
−
   width: 120px;
+
   margin-left: 1.5px;
−
   padding: 10px;
+
   margin-right: 1.5px;
−
  background: rgba(255, 255, 255, 0.7);
+
   padding-left: 5px;
−
}
+
   padding-right: 5px;
−
.ui p {
+
   height: auto; }
−
   font-size: 11px;
+
 
−
   font-weight: 700;
+
.sheet-small-box {
−
}
+
   min-height: 150px; }
−
.ui p.zoom {
+
 
−
  margin-bottom: 5px;
+
.sheet-medium-box {
−
}
+
   min-height: 330px; }
−
.ui p.zoom span {
 
−
   margin-right: 5px;
 
−
   border: solid 1px #777;
 
−
   cursor: pointer;
 
−
   border-radius: 2px;
 
−
}
 
−
.ui p.zoom span.zoomin {
 
−
   padding: 2px 5px;
 
−
}
 
−
.ui p.zoom span.zoomout {
 
−
  padding: 2px 8px;
 
−
}
 
−
.ui p.zoom span:hover {
 
−
   background: black;
 
−
  color: white;
 
−
}
 

Latest revision as of 14:18, 4 August 2020

/***** HEADERS AND TRIANGLES *****/
div.sheet-header {
  display: inline-flex;
  float: right;
  height: 20px; }

div.sheet-triangle,
div.sheet-right-tri {
  border-top: 20px solid transparent; }

div.sheet-triangle {
  border-right: 30px solid #afd3e2; }

div.sheet-right-tri {
  border-left: 30px solid #afd3e2; }

div.sheet-right-header {
  margin-right: -8%;
  float: left; }

/***** BOXES FOR DIFFERENT PC SECTIONS *****/
.sheet-pc-box {
  background-color: #e7e6e5;
  margin-left: 1.5px;
  margin-right: 1.5px;
  padding-left: 5px;
  padding-right: 5px;
  height: auto; }

.sheet-small-box {
  min-height: 150px; }

.sheet-medium-box {
  min-height: 330px; }
Retrieved from "https://cityofhopemush.net/index.php?title=User:Loch210/Rufus_style.css&oldid=213139"