Difference between revisions of "Template:Plot/Plot.css"

From City of Hope MUSH
Jump to navigation Jump to search
(CSS for Plot Template)
 
m
 
(32 intermediate revisions by the same user not shown)
Line 1: Line 1:
 +
* {
 +
    box-sizing: border-box;
 +
}
 +
 
.header {
 
.header {
 
     padding: 5px 0;
 
     padding: 5px 0;
Line 7: Line 11:
 
}
 
}
  
#page {
+
.subheader {
     background-color: white;
+
     display: block;
    color: black;
+
     width: 100%;
    border: 2px;
+
     text-align: left;
    border-color: black;
+
     font-weight: bold;
}
 
 
 
#information {
 
    float: right;
 
     width: 25%;
 
     position: relative;
 
     left: 75%;
 
}
 
 
 
#rp-hooks {
 
    float: right;
 
    width: 25%;
 
    position: relative;
 
    left: 75%;
 
 
}
 
}
  
#summary {
+
.page:after {
    float: left;
+
  content: "";
    width: 75%;
+
  display: table;
    position: relative;
+
  clear: both;
 
}
 
}
  
#details {
+
.column {
    float: left;
+
  float: right;
    width: 75%;
+
  padding: 5px;
    position: relative;
 
 
}
 
}
  
#participants {
+
.col {
    float: left;
+
     width: 20%;
     width: 75%;
 
    position: relative;
 
 
}
 
}
  
#updates {
+
.left-side {
    float: left;
+
     width: 65%;
     width: 75%;
 
    position: relative;
 
 
}
 
}
  
#logs {
+
.right-side {
    float: left;
+
  width: 35%;
    width: 75%;
 
    position: relative;
 
 
}
 
}
  

Latest revision as of 11:34, 23 September 2020

  • {
   box-sizing: border-box;

}

.header {

   padding: 5px 0;
   display: block;
   width: 100%;
   text-align: center;
   font-weight: bold;

}

.subheader {

   display: block;
   width: 100%;
   text-align: left;
   font-weight: bold;

}

.page:after {

 content: "";
 display: table;
 clear: both;

}

.column {

 float: right;
 padding: 5px;

}

.col {

   width: 20%;

}

.left-side {

   width: 65%;

}

.right-side {

 width: 35%;

}

p {

   text-indent: 5em;

}