Difference between revisions of "Tod Naturlich/format classes.css"

From All The Fallen Stories
Jump to navigation Jump to search
(Added <code> replacement.)
m (Fixing code replacement.)
Line 13: Line 13:
/* A replacement for the "code" tag, so that format can be used inside it (but you have to use &lt; and the like instead of simple copy/paste. */
/* A replacement for the "code" tag, so that format can be used inside it (but you have to use &lt; and the like instead of simple copy/paste. */


.mw-body-content .code {
.mw-body-content .code p {
     font-family: "Courier New", Courier, monospace;
     font-family: "Courier New", Courier, monospace;
     font-size: 1rem;
     font-size: 1rem;
Line 22: Line 22:
}
}


.mw-body-content .code .user-input {
.mw-body-content .code p .user-input {
     color: #ee2222; /* Red */
     color: #ee2222; /* Red */
     font-weight: bold;
     font-weight: bold;

Revision as of 22:42, 18 September 2017

/***** Classes to give some effects *****/

/* Image with a description to the right, the image must be the first element on the div, the description must be a single element, can be wrapped in a div.*/

.mw-body-content .image-description {

   display: flex;

}

.mw-body-content .image-description img {

   margin: 0 1em 0 0;

}

/* A replacement for the "code" tag, so that format can be used inside it (but you have to use < and the like instead of simple copy/paste. */

.mw-body-content .code p {

   font-family: "Courier New", Courier, monospace;
   font-size: 1rem;
   color: #001f3f; /* Navy */
   background-color: #DDDDDD; /* silver */
   border-radius: 1em;
   padding: 1em;

}

.mw-body-content .code p .user-input {

   color: #ee2222; /* Red */
   font-weight: bold;

}

/* */