SoylentNews

The Memories Brought Back by Today's Wonderful Theme

posted by cmn32480 on Friday April 01 2016, @08:40PM   
from the blame-the-mighty-buzzard dept.

The WWW - How We Got Here

An Anonymous Coward writes:

The editors [it was the developers - ed] with their relaxing site scheme have sure brought back memories of the good ol' days of CompuServe, 14.4K modems, and AOL install CDs falling out of CompUSA shopping bags. In that spirit, and mindful of NCommander's decree that no lamestream April Fool's stories will be posted on his watch, I spent literally hours identifying the world's most definitive and comprehensive history of the Internet. Wait, maybe it's this one. Whatever.

Nice!

jimbrooking writes:

The new design for SN is just great, however I think you will agree it would be so much better with slowly falling snowflakes (or toasters) overlaying the content!

---

Original Submission #1  Original Submission #2 

• It wasn't funny when the first person did it. It wasn't funny when the first person did it. (Score: 2, Interesting) by liquibyte on Friday April 01 2016, @10:03PM

  by liquibyte (5582) on Friday April 01 2016, @10:03PM (#325888) Homepage

  I hate the April Fools thing. Despise it actually.

  Stylish code for a red theme that overrides this dumbassery.

  @namespace url(http://www.w3.org/1999/xhtml);

  @-moz-document domain("soylentnews.org")
  {
  #topnav {
          background-image: none !important;
  }
  body, div, form, #links ul li, #links ul, #topnav, img {
          font-size: 100%;
  }

  body, body.admin {
          background: none !important;
          background-color: #111 !important;
          color:#aaa;
  }

  #logo {
          transform: none !important;
          animation: none !important;
  }

  #logo h1 a {
          width: 115px;
          height: 80px;
          text-decoration: none !important;
          background: transparent url("https://soylentnews.org/images/logo.png") !important;
  }

  fieldset {
          border: 1px solid rgba(191, 0, 0, 0.5);
  }

  legend {
          color: #bf0000;
  }

  hr {
          border-top: 1px solid rgba(191, 0, 0, 0.5);
          color: transparent;
  }

  .user_admin, body .adminstoryform fieldset {
          background-color: #440;
          border: none;
  }

  a, .error {
          outline: 0;
          color: #bf0000;
  }

  a:visited {
          color: #990000;
  }

  a:hover {
          color: #990000;
  }

  ::-moz-selection { /*validator chokes on this*/
          background-color: #802626;
          color: #ccc;
  }
  ::selection {
          background-color: #802626;
          color: #ccc;
  }

  /********* LAYOUT **********/
  #contents {
          min-width: 20em;
  }

  /********* HEADER **********/
  #logo h1 a {
          width: 115px;
          height: 80px;
          background: url("https://soylentnews.org/images/logo_night.png") no-repeat;
  }

  #slogan h2, #slogan #head_message {
          color: #ccc;
          font-weight: bold;
          font-size: .813em;
  }

  #slogan #head_message a {
          color: #ccc;
  }

  #section_banner {
          background-color: #600;
          background: linear-gradient(rgba(255, 0, 0, 0.5), rgba(255, 0, 0, 0.25)) repeat scroll 0% 0% transparent;
          border-radius: 8px;
          font-size: 1.125em;
          font-weight: bold;
  }

  /********* LINKS **********/
  #links a, #links a:visited, #slashboxes a {
          color: #bf0000;
          text-decoration: none;
  }

  #links a:hover, #slashboxes a:hover {
          color: #990000;
          text-decoration: underline;
  }

  .comment_count {
          color: #a00;
  }

  #links div.title {
          background: linear-gradient(rgba(255, 0, 0, 0.5), rgba(255, 0, 0, 0.25)) repeat scroll 0% 0% transparent;
          border: 1px solid rgba(191, 0, 0, 0.5);
          border-bottom: none;
          border-radius: 10px 10px 0 0;
  }

  #links h4 {
          color: #ccc;;
          font-weight: bold;
          font-size: .813em;
  }

  div.title h3 a, div.title h4 a, #poll-title h4 a, #top10journals-title h4 a, li.comments a {
          color: #ccc;;
  }

  div.title h3 a:hover, #poll-title h4 a:hover, #top10journals-title h4 a:hover, li.comments a:hover {
          color: #aaa;
  }

  #links div.content {
          background-color: #111;
          border: 1px solid rgba(191, 0, 0, 0.5);
          border-radius: 0 0 10px 10px;
          padding: .3em .3em .6em .3em;
          font-size: .755em;
          line-height: 1.4em;
          position: relative;
  }

  #navigation-content, #sections-content, #sitebox-content, #user-info-content, #site_news-content, #poll-content, #top10journals-content, #olderstuff-content, #index_qlinks-content {
          border: 1px solid #aaa;
  }

  #site_news-content div div div, #site_news-content div div, #site_news-content div {
          background: none !important;
  }

  #site_news-content div div div {
          background: linear-gradient(to right, rgba(255, 0, 0, 1), rgba(0, 255, 0, 0.5)) repeat scroll 0% 0% transparent !important;
  }

  #navigation-content li.user {
          background: linear-gradient(rgba(255, 0, 0, 0.5), rgba(255, 0, 0, 0.25)) repeat scroll 0% 0% transparent;
          border: 1px solid rgba(191, 0, 0, 0.5);
          color: #ccc;;
          border-radius: 5px;
  }

  #navigation-content ul ul {
          background-color: #111;
          border: none;
  }

  /********* SLASHBOXES **********/
  #slashboxes div.title {
          /*background-color: #666;*/
          background: linear-gradient(rgba(255, 0, 0, 0.5), rgba(255, 0, 0, 0.25)) repeat scroll 0% 0% transparent;
          border: 1px solid rgba(191, 0, 0, 0.5);
          border-bottom: none;
          border-radius: 10px 10px 0 0;
  }

  #slashboxes h4 {
          font-size: .813em;
          color: #ccc;;
  }

  #slashboxes div.content {
          color: #ccc;;
          background-color: #111;
          border: 1px solid rgba(191, 0, 0, 0.5);
          border-radius: 0 0 10px 10px;
          font-size: .755em;
          line-height: 1.4em;
  }

  #slashboxes .highlight {
          background-color: #555;
  }

  .indexhead {
          font-size: .875em;
  }

  /********* COMMENTS PAGES **********/
  .commentTop .title {
          background-color: #600;
          background: linear-gradient(rgba(255, 0, 0, 0.5), rgba(255, 0, 0, 0.25)) repeat scroll 0% 0% transparent;
          border: 1px solid rgba(191, 0, 0, 0.5);
          border-bottom: none;
          border-radius: 10px 10px 0 0;
  }

  .commentTop .title h4 {
          color: #ccc;;
  }

  .commentTop .details {
          border: 1px solid rgba(191, 0, 0, 0.5);
          border-top: none;
          background-color: #111;
          background: linear-gradient(rgba(255, 0, 0, 0.25), transparent 60%) repeat scroll 0% 0% transparent;
          /*background: linear-gradient(#444, #222);*/
          color: #ccc;;
  }

  .commentTop .details a, .commentTop .details a:visited {
          color: #f00;
  }

  .commentTop .details a:hover {
          color: #990000;
  }

  .commentSub {
          border: 1px solid rgba(191, 0, 0, 0.5);
          border-top: none;
          background-color: #111;
  }

  .commentBody {
          border: 1px solid rgba(191, 0, 0, 0.5);
          border-bottom: none;
          border-top: none;
          background-color: #111;
  }

  .commentBody blockquote, .commentBody .quote {
          background: linear-gradient(to right, rgba(255, 0, 0, 0.25), transparent 60%) repeat scroll 0% 0% transparent;
          border-left-color: rgba(255, 0, 0, 0.25);
          border-top-left-radius: 3px;
          border-bottom-left-radius: 3px;
  }

  #commentlisting ul {
          border-left: 1px solid rgba(191, 0, 0, 0.5);
  }

  .preview li.comment {
          border-bottom: 1px solid #777;
  }

  #commentwrap, .commentwrap, .commentBoxForm {
          background-color: #111;
          margin: 0;
          padding: 0;
          border: 0;
  }

  #commentwrap {
          border: 1px solid rgba(191, 0, 0, 0.5);
          margin-bottom: 0.6em;
  }

  .linkCommentPage {
          background-color: #555;
  }

  #commentwrap .commentNoArchive {
          background: linear-gradient(rgba(255, 0, 0, 0.25), transparent 60%) repeat scroll 0% 0% transparent;
  }

  /********* COMMENTS **********/
  #commentwrap .commentBox {
          border-bottom: 1px solid rgba(191, 0, 0, 0.5);
  }

  #commentControlBox .commentBox {
          margin-top: 0.6em;
          border-top: 1px solid rgba(191, 0, 0, 0.5);
          border-bottom: none;
  }

  .commentBox {
          background-color: #600;
          background: linear-gradient(rgba(255, 0, 0, 0.5), rgba(255, 0, 0, 0.25)) repeat scroll 0% 0% transparent;
          margin-top: 0;
  }

  .commentBox a {
          color: #ccc;;
          font-size: .9em;
  }

  .commentBox a:hover {
          color: #aaa;
          font-size: .9em;
  }

  /********* FORMTABS **********/
  #formtabs ul li {
          background-color: #933;
          border-radius: .3em .3em 0 0;
          color: #ccc;;
  }

  #formtabs ul li.active {
          color: #ccc;;
  }

  #formtabs ul li a {
  text-decoration: none;
          color: #ccc;;
  }

  #formtabs ul li a:visited {
          color: #ccc;;
  }

  #formtabs ul li a:hover {
          color: #ccc;;
  }

  /********* QUICK LINKS CONTENT **********/
  #slashboxes #index_qlinks-content ul, #slashboxes #index_qlinks-content li, #slashboxes #features_qlinks-content ul, #slashboxes #features_qlinks-content li {
          list-style: none;
          padding: 0;
          margin: 0;
  }

  /********* GENERAL **********/
  .generaltitle h3, .generaltitle h3 a, .search-results h4 a {
          color: #ccc;
          font-size: 1em;
  }

  .generaltitle .title h3 a:hover, .search-results h4 a:hover {
          color: #eee;
  }

  .generaltitle h3 a:visited, .search-results h4 a:visited {
          color: #aaa;
  }

  .generalbody {
          background-color: #111;
          border: 1px solid rgba(191, 0, 0, 0.5);
  }

  .generalbody .title {
          border: none;
          width: auto;
          background: none;
  }

  /********* ARTICLES **********/
  .generaltitle div.title, .article div.title, .search-results h4 {
          background-color: #600;
          background: linear-gradient(rgba(255, 0, 0, 0.5), rgba(255, 0, 0, 0.25)) repeat scroll 0% 0% transparent;
          border: 1px solid rgba(191, 0, 0, 0.5);
          border-bottom: none;
          border-radius: 10px 10px 0 0;
  }

  .search-results h4 a {
          color: #ccc;
  }

  .generaltitle div.title {
          border-top: 1px solid rgba(191, 0, 0, 0.5);
          border-right: 1px solid rgba(191, 0, 0, 0.5);
          border-left: 1px solid rgba(191, 0, 0, 0.5);
  }

  #journal .article h3 {
          color: #ccc;;
          font-size: 1em;
  }

  .article .details, .search-results .data {
          font-size: .7em;
          font-weight: normal;
          border: 1px solid rgba(191, 0, 0, 0.5);
          border-top: none;
          background-color: #111;
          background: linear-gradient(rgba(255, 0, 0, 0.25), transparent 60%) repeat scroll 0% 0% transparent;
          /*background: linear-gradient(#444, #222);*/
  }

  .article .body, .search-results .intro, .search-results .author {
          border: 1px solid rgba(191, 0, 0, 0.5);
          border-top: none;
          background-color: #111;
  }

  .article blockquote, .article .quote {
          background: linear-gradient(to right, rgba(255, 0, 0, 0.25), transparent 60%) repeat scroll 0% 0% transparent;
          border-left-color: rgba(255, 0, 0, 0.25);
          border-top-left-radius: 3px;
          border-bottom-left-radius: 3px;
  }

  div.storylinks, .search-results .details {
          background-color: #111;
          background: linear-gradient(transparent 20%, rgba(255, 0, 0, 0.5)) repeat scroll 0% 0% transparent;
          /*background: linear-gradient(#444, #222);*/
          border: 1px solid rgba(191, 0, 0, 0.5);
          border-top: none;
          border-radius: 0 0 10px 10px;
          margin-bottom: 20px;
          font-size: .813em;
  }

  div.storylinks div ul {
          padding: .5em 1em;
          margin: 0;
          line-height: .875em;
  }

  div.storylinks ul li {
          padding: .3em .5em;
          border-left: 1px solid #555;
  }

  /********* FOOTER **********/
  #footer em {
          font-size: .813em;
          float: right;
          width: 45%;
  }

  #footer .search {
          font-size: .7em;
          width: 50%;
          padding: 0 .3em;
          margin: 0;
  }

  #footer legend, #footer fieldset, #footer label {
          margin: 0;
          padding: 0;
          border: none;
  }

  #footer .search input {
          margin: 0;
  }

  #footer .copyright {
          font-size: x-small;
          color: #000;
  }

  #footer .admin li {
          border-left: 1px solid #555;
          margin: 0;
          padding: 0;
          list-style: none;
          display: inline;
  }

  .story_main {
          background-color: #ccc;
  }

  input[type=submit], #user-info-content .logout a, #userlogin-content .logout a, div.storylinks ul li.more a, .nbutton p b a {
          /*background: linear-gradient(#444, #222);*/
          background: linear-gradient(rgba(191, 0, 0, 0.5), rgba(191, 0, 0, 0.1)) repeat scroll 0% 0% transparent;
          color: #ccc;
          text-decoration: none;
          border: 1px solid rgba(191, 0, 0, 0.1);/*#bf0000;*/
  }

  input[type=submit]:hover, #user-info-content .logout a:hover, #userlogin-content .logout a:hover, div.storylinks ul li.more a:hover, .nbutton a:hover {
          /*background: linear-gradient(#222, #444);*/
          background: linear-gradient(rgba(191, 0, 0, 0.01), rgba(191, 0, 0, 0.25)) repeat scroll 0% 0% transparent;
          color: #ccc;
          text-decoration: none;
          cursor: pointer;
  }

  input[type=text], input[type=password] {
          height: 18px;
          background-color: rgba(191, 0, 0, 0.1);
          color: #aaa;
          border: 1px solid rgba(191, 0, 0, 0.5);
  }

  #adminmenu a {
          color: #600;
  }

  .data_head {
          background: linear-gradient(rgba(255, 0, 0, 0.25), transparent 60%) repeat scroll 0% 0% transparent;
  }

  .data_head th:first-child {
          border-left: 1px solid rgba(191, 0, 0, 0.5);
  }

  .data_head th:last-child {
          border-right: 1px solid rgba(191, 0, 0, 0.5);
  }

  .data, .data_hl1, .data_hl2, .data_hl3 {
          background-color: #111;
          color: #ccc;;
  }

  .data_hl1 {
          background-color: #333;
  }

  .data_hl1 td:first-child, .data_hl2 td:first-child {
          border-left: 1px solid rgba(191, 0, 0, 0.5);
  }

  .data_hl1 td:last-child, .data_hl2 td:last-child {
          border-right: 1px solid rgba(191, 0, 0, 0.5);
  }

  table.data tr:last-of-type td:last-of-type {
          border-bottom: 1px solid rgba(191, 0, 0, 0.5);
  }

  table.data tr:nth-last-child(2) td {
          border-bottom: 1px solid rgba(191, 0, 0, 0.5);
  }

  .data_hl2 {
          background-color: #292929;
  }

  .data .status0 {
          background-color: #aa6;
  }

  .data .status1 {
          background-color: #a66;
  }

  .data .status2 {
          background-color: #6a6;
  }

  .status0 a, .status1 a, .status2 a {
          color: #ccc;;
  }

  .lt_tb_col {
          background-color: #111;
  }

  /********* POLL **********/
  .bar {
          border: 1px solid #404040;
  }

  .barColor {
          background: linear-gradient(to left, rgba(255, 0, 0, 0.25), rgba(255, 255, 255, 0.01)) repeat scroll 0% 0% transparent;
          color: #aaa;
          border: none;
  }

  .barPercent, .barVotes {
          background: none;
          background-color: #111;
          color: #aaa;

  }

  /********* BOTTOM NAV **********/
  .btmnav {
          color: #f00;
          font-size: .7em;
  }

  .btmnav ul li a, .btmnav ul li a:visited {
          color: #bf0000;
  }

  .btmnav ul li a:hover {
          color: #990000;
  }

  /********* JOURNAL **********/
  .journaldate {
          position: relative;
  }

  .generalbody #journalgeneric .article {
          height: auto;
          margin: 0 0 1em 0;
  }

  #authors .generalbody h3 a {
          color: #ccc;;
  }

  /********* FORMS **********/
  textarea {
          width: 80%;
  }

  #journal input.button, #admin input.button {
          width: auto;
  }

  /********* MISC **********/
  .tb_col {
          background-color: #600;
  }

  /********* USERMENU **********/
  .user {
          background: linear-gradient(rgba(255, 0, 0, 0.5), rgba(255, 0, 0, 0.25)) repeat scroll 0% 0% transparent;
          border-radius: 3px;
  }

  #navigation-content .user, #navigation-content .user ul, #navigation-content .user ul li {
          background-color: #111;
  }

  #navigation-content ul:last-child {
          border-bottom-left-radius: 5px;
          border-bottom-right-radius: 5px;
  }

  ul.menu li a, ul.menu li a:visited {
          color: #ccc;;
  }

  ul.menu li.selected a, ul.menu li a:hover {
          color: #990000;
  }

  .generalbody ul.menu li a {
          color: #990000;
  }

  #usermenu {
          border: 1px solid rgba(191, 0, 0, 0.5);
          border-bottom: none;
          background-color: #111;
  }

  #usermenu ul.menu {
          border-bottom: 1px solid #777;
          padding: .2em 0 0 0;
  }

  #usermenu ul.menu li {
          padding: .2em;
  }

  #usermenu ul.menu li a {
          background-color: #600;
          background: linear-gradient(rgba(255, 0, 0, 0.5), rgba(255, 0, 0, 0.25)) repeat scroll 0% 0% transparent;
          border-radius: .3em .3em 0 0;
          border: none;
          padding: .2em .6em;
          text-decoration: none;
          color: #ccc;;
  }

  #usermenu ul.menu li.selected a {
          background-color: #777;
          background: linear-gradient(#777, #555);
          text-decoration: none;
          color: #ccc;;
  }

  #adminmenu ul.menu a, #adminmenu ul.menu a:visited {
          color: #600;
  }

  .menuoldstyle li {
          display: inline;
          list-style: none;
          margin: 0;
          padding: 0 2px 0 1px;
  }

  .menuoldstyle ul {
          padding: 0;
          margin: 0 0 1em 0;
  }

  .menuoldstyle li:before {
          content: "| ";
  }

  .menuoldstyle li:first-child:before {
          content: "";
  }

  #article .briefarticle {
          padding: .3em .6em;
          background-color: #111;
          font-size: .813em;
          color: #000;
  }

  #article .briefarticle a {
          color: #bf0000;
  }

  #article .briefarticle .storytitle {
          font-weight: bold;
  }

  #index .briefarticle {
          padding: .3em .6em;
          color: #ccc;;
          margin-bottom: .6em;
          background-color: #600;
          background: linear-gradient(rgba(255, 0, 0, 0.5), rgba(255, 0, 0, 0.25)) repeat scroll 0% 0% transparent;
          border-radius: 10px;
  }

  #index .briefarticle a {
          color: #ccc;;
          text-decoration: none;
          font-weight: bold;
  }

  .briefarticle .section {
          color: #111;
  }

  .briefarticle .introhide {
          display: none;
  }

  .briefarticle .intro {
          padding-left: 1em;
          padding-top: 0.5em;
  }

  /********* MESSAGING **********/
  .message_menu {
          border: 1px solid rgba(191, 0, 0, 0.5);
          background-color: #111;
          color: #ccc;;
          border-bottom: none;
  }

  .message_menu ul {
          margin: 0;
  }

  .message_subject {
          border: 1px solid rgba(191, 0, 0, 0.5);
          background-color: #111;
          background: linear-gradient(rgba(255, 0, 0, 0.25), transparent 60%) repeat scroll 0% 0% transparent;
          /*background: linear-gradient(#444, #222);*/
          color: #ccc;;
  }

  .message_body {
          border: 1px solid rgba(191, 0, 0, 0.5);
          border-bottom: none;
          border-top: none;
          background-color: #111;
  }

  .message_footer {
          border: 1px solid rgba(191, 0, 0, 0.5);
          border-top: none;
          background-color: #111;
  }
  }

  Starting Score:	1		point
  Moderation		+1
  Interesting=1, Total=1
  Extra 'Interesting' Modifier		0
  Total Score:		2

• Re:It wasn't funny when the first person did it. Re:It wasn't funny when the first person did it. (Score: 2) by The Mighty Buzzard on Saturday April 02 2016, @12:58AM

  by The Mighty Buzzard (18) <themightybuzzard@proton.me> on Saturday April 02 2016, @12:58AM (#325951) Homepage Journal

  Dude, pastebin is our friend.

  --
  My rights don't end where your fear begins.

  Parent

  • Re:It wasn't funny when the first person did it. Re:It wasn't funny when the first person did it. (Score: 2, Interesting) by liquibyte on Saturday April 02 2016, @01:41AM

    by liquibyte (5582) on Saturday April 02 2016, @01:41AM (#325966) Homepage

    Dude, April Fools is a third grade meme. Don't F with my already working theme and I won't have to post it in the raw because every numbnut on the net thinks it's funny to do this shit.

    Parent

    • Re:It wasn't funny when the first person did it. (Score: 3, Funny) by The Mighty Buzzard on Saturday April 02 2016, @01:49AM

      by The Mighty Buzzard (18) <themightybuzzard@proton.me> on Saturday April 02 2016, @01:49AM (#325969) Homepage Journal

      You may be giving us too much credit for maturity.

      --
      My rights don't end where your fear begins.

      Parent

  • Re:It wasn't funny when the first person did it. (Score: 3, Funny) by RamiK on Saturday April 02 2016, @06:02AM

    by RamiK (1813) on Saturday April 02 2016, @06:02AM (#326035)

    This fit of madness has inspired this Plan9 Acme knockoff: http://pastebin.com/45wbecVe [pastebin.com]

    I'm sorry. It needed to be done.

    --
    compiling...

    Parent