Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- /* Note: this is a rough implementation of my POC. It should work, but some aspects may not.
- * To get rid of those linear gradients, you'll have to remove them from the stylesheet before applying this.
- * Otherwise the CSS won't appear on those elements.
- * Here's a link to the imgur album: https://imgur.com/a/8nQsh#0
- * Also, I dunno if the CSS that changes the link color is in here, and i'm too tired to check :P
- * Anyways, enjoy! I hope it helps, and gives you some ideas. I'll happily work on it further if you decide
- * that you like my concept.
- *<3, /u/mos_6502
- */
- .pagename a {
- /* Change color to dark blue. */
- color: #3333D6;
- font-size: 38px;
- /* Give a nice hard black edge, as well as a nice orange glow behind the lettering. */
- text-shadow: 1px 1px 0px #000052,3px 3px 5px orange;
- position: relative;
- bottom: 52px;
- left: 125px;
- }
- .flair, .linkflairlabel {
- display: inline-block;
- margin-right: .5em;
- padding: 0 2px;
- background: #f5f5f5;
- color: #555;
- border: 1px solid #ddd;
- /* Very minor change to border-radius, to make flair have a more rounded edge.
- * The previous version had such a slight roundedness that it looked almost square, which is
- * a little hard on the eyes, IMO.
- */
- border-radius: 3.5px;
- }
- #header-bottom-left {
- height: 27px;
- width: auto;
- /* Change to a soft, flat blue that fits with the flat/minimalist design of the rest of the sub. */
- background-color: #4848B4;
- text-align: center;
- bottom: 0!important;
- position: absolute;
- padding-right: 1000%;
- }
- #header-bottom-right {
- /* Match the edits made above. */
- background-color: #4848B4;
- border-top: 0 solid #000;
- border-left: 1px solid #000 height:24px;
- width: auto;
- padding: 0 15px 0 0!important;
- bottom: 0;
- border-radius: 0;
- font-family: Arial,sans-serif;
- font-size: 11px;
- font-weight: bold;
- line-height: 24px;
- text-transform: uppercase;
- color: #444;
- position: absolute;
- top: auto!important;
- bottom: 0!important;
- z-index: 96;
- }
- .user .userkarma {
- /* Turn karma indicator orange, because it looks nice. */
- cursor: help;
- font-weight: bold;
- border-bottom: 1px dotted gray;
- color: orange;
- }
- .titlebox .usertext .md>h3 {
- font-size: 16px;
- background-color: #3333D6;
- color: white;
- text-shadow: 0 1px 0 rgb(16,59,128);
- height: 26px;
- border-bottom: 1px solid rgb(16,59,128);
- margin: 10px 8px 5px -21px;
- padding: 8px 0 0 32px;
- font-weight: bold;
- position: relative;
- box-shadow: 4px 4px 2px -3px #414141;
- -moz-box-shadow: 4px 4px 2px -3px #414141;
- -webkit-box-shadow: 4px 4px 2px -3px #414141;
- }
- /* Change how borders look on posts in the frontpage. */
- .linklisting {
- margin-left: 15px;
- border-top: 1px solid #A9A9EE;
- margin-right: 340px;
- border-top:none;
- }
- .content #siteTable .link {
- margin-bottom: 0px;
- padding-top: 11px;
- padding-bottom: 11px;
- border-bottom: 1px solid #A9A9EE;
- border-left: none;
- border-right: none;
- }
- /* End change borders */
- /* Remove borders from the sidebar */
- .side {
- background: transparent;
- /* No border = clean and spacious looking :) */
- border: none;
- }
- /* Change title color to soft blue */
- .thing .title, .thing .title :link {
- color: #7070E2;
- font-weight: normal;
- }
- /* Change footer appearance */
- .footer{
- border: none;
- }
- /* Change border color. */
- .footer .col {
- float: left;
- margin: 10px 0;
- padding: 0 15px;
- border-left: 1px solid #A9A9EE;
- height: 9.5em;
- }
- /* End change footer appearance */
- /* Flatter network box. */
- .side .md [href="/box1"] {
- display: inline-block;
- height: 30px;
- width: 366px;
- content: "See more of the abcqwerty123 network";
- color: black;
- font-size: 16px;
- font-weight: normal;
- text-align: center;
- padding-top: 3px;
- background-color: #AEAEAE;
- border-top: 2px #bebebe;
- border-left: 2px #bebebe;
- border-right: 2px #bebebe;
- border-bottom: 2px #bebebe;
- position: absolute!important;
- pointer-events: none;
- z-index: 2010;
- top: 22px!important;
- right: 0px;
- }
- .side .md [href="/box2"] {
- display: inline-block;
- pointer-events: none;
- height: 54px;
- width: 366px;
- content: "";
- color: black;
- background-color: #C4C4C4;
- border-top: 2px;
- border-left: 2px;
- border-right: 2px;
- border-bottom: 2px;
- position: absolute!important;
- z-index: 2010;
- top: 44px!important;
- right: 0px;
- }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement