Work Text:
Here is the code:
#workskin .console {
/*This should cover both Windows and IOS font wise*/
font-family: Lucida Console, courier, Arial;
/*Green text */
color: #00b300;
/*dark green background*/
background-color: #001a00;
/*makes sure the text isn't too close to the edge of the 'screen'*/
padding: 15px;
/*rounded fallout computer screen like borders*/
border-radius: 20px;
}
ROBCO INDUSTRIES UNIFIED OPERATING SYSTEMS
COPYRIGHT 2075-2077 ROBCO INDUSTRIES
TURING SERVER
*************************************************************
Here is the code in action.
You can use it for text on computer consoles in your fic to give them a bit of styling.
Works best for text that isn’t too long or too short. Just play with it and see what works.
To make this work for your fic.
1. Copy the code into a new workskin into the box marked CSS.
2. For the work you want this skin to be present on, select it as a workskin.
3. You need to wrap the text you want to look like the console in a css div class. Do this in the HTML editor.
<div class=“console”>
<p>Text you want computery goes here</p>
</div>
(Not sure if this is an IOS only issue, but sometimes after posting the class name goes blank and I have to type it in again, but after that it works.)
This should work, but any issues let me know!
Here is the GitHub link with better code documentation