Home General Discussion

Happy Birthday Polycount, you're 21!

2

Replies

  • Ashervisalis
    Offline / Send Message
    Ashervisalis grand marshal polycounter
    For those who did not visit Polycount on this horrid, cursed day;



    The entire forum is swinging back and forth, and changing colours.
  • kanga
    Offline / Send Message
    kanga quad damage
    Holy FooBuckets!
    Bugga, my laptop musta broke the site :(

    Happy B day poly boyz.
  • Ashervisalis
    Offline / Send Message
    Ashervisalis grand marshal polycounter
    I just used the windows snipping tool. No rotation added. If anybody wants me to do a tutorial I can.


  • Daniel91
    Offline / Send Message
    Daniel91 triangle
    wait you guys made the site look like that? thought it was my new meds


    I need to go apologize to my doc for the email i sent him! 
  • Eric Chadwick
    Welcome back, ol' green and black!

    The CSS from this years' birthday, if anyone prefers colorcycling pastel angled goodness:

    /* APRIL FIRST 2019 */
    /*Invert all */
    body
    {
    -webkit-filter: invert(100%) hue-rotate(180deg);
    -moz-filter: invert(100%) hue-rotate(180deg);
    -ms-filter: invert(100%) hue-rotate(180deg);
    -o-filter: invert(100%) hue-rotate(180deg);
    filter: invert(100%) hue-rotate(180deg);
    }
    /* Reverse-invert images & embeds */
    a.banner-image,img,iframe,.VideoPreview a,.DataTable>tbody>tr>td
    {
    -webkit-filter: invert(100%) hue-rotate(-180deg);
    -moz-filter: invert(100%) hue-rotate(-180deg);
    -ms-filter: invert(100%) hue-rotate(-180deg);
    -o-filter: invert(100%) hue-rotate(-180deg);
    filter: invert(100%) hue-rotate(-180deg);
    }
    /* Re-invert again all profile pics, and embed previews */
    div.PhotoWrap,div.PhotoWrapSmall,div.Author-Photo,div.Author-Card,div.vp-preview vp-preview-cover,meta.image,
    {
    -webkit-filter: invert(100%) hue-rotate(-180deg);
    -moz-filter: invert(100%) hue-rotate(-180deg);
    -ms-filter: invert(100%) hue-rotate(-180deg);
    -o-filter: invert(100%) hue-rotate(-180deg);
    filter: invert(100%) hue-rotate(-180deg);
    }
    /* Invert more profile pics */
    img.ProfilePhoto,img.ProfilePhotoMedium,.PhotoWrapLarge>img,div.Block Wrap>a.AuthorLink>div.PhotoWrap PhotoWrapSmall,div.Author-Photo,div.Item-Inner>div.Item-Aside>div.Author-Card>a.PhotoWrap PhotoWrapLarge>img.ProfilePhoto ProfilePhotoLarge
    {
    -webkit-filter: invert(100%) hue-rotate(180deg);
    -moz-filter: invert(100%) hue-rotate(180deg);
    -ms-filter: invert(100%) hue-rotate(180deg);
    -o-filter: invert(100%) hue-rotate(180deg);
    filter: invert(100%) hue-rotate(180deg);
    }
    /* Header top edge appears when site is rotated */
    .navbar {
    border-top: solid 5px;
    border-color: #900089;
    }
    /* Easier to see breadcrumb navigation */
    .Breadcrumbs,.Breadcrumbs a,.Last a,.DataTable>thead>tr>td {
    color: #88be95;
    }
    /* Rotate the whole shebang */
    body {
    transform: rotate(-0.008turn);
    transform-origin: top;
    }
    /* Animate the pastels */
    body {
    color:#b600ff;
    animation: colorchange 60s;
    animation-iteration-count: infinite;
    -webkit-animation: colorchange 60s; /* Chrome and Safari */
    -webkit-animation-iteration-count: infinite;
    }
    @keyframes colorchange
    {
    0% {background-color: #FFDFDF;}
    10% {background-color: #FFCAF9;}
    20% {background-color: #DDCEFF;}
    30% {background-color: #BAD0EF;}
    40% {background-color: #A5DBEB;}
    50% {background-color: #BDFFEA;}
    60% {background-color: #CAFFD8;}
    70% {background-color: #DDFED1;}
    80% {background-color: #FFFFC8;}
    90% {background-color: #FFD7B3;}
    100% {background-color: #FFDFDF;}
    }
    @-webkit-keyframes colorchange /* Safari and Chrome - necessary duplicate */
    {
    0% {background-color: #FFDFDF;}
    10% {background-color: #FFCAF9;}
    20% {background-color: #DDCEFF;}
    30% {background-color: #BAD0EF;}
    40% {background-color: #A5DBEB;}
    50% {background-color: #BDFFEA;}
    60% {background-color: #CAFFD8;}
    70% {background-color: #DDFED1;}
    80% {background-color: #FFFFC8;}
    90% {background-color: #FFD7B3;}
    100% {background-color: #FFDFDF;}
    }
    /* Also animate the thread list, but offset the colors */
    .DataTable>tbody>tr>td {
    animation: coloralternate 60s;
    animation-iteration-count: infinite;
    -webkit-animation: coloralternate 60s; /* Chrome and Safari */
    -webkit-animation-iteration-count: infinite;
    }
    @keyframes coloralternate
    {
    0% {background-color: #CAFFD8;}
    10% {background-color: #DDFED1;}
    20% {background-color: #FFFFC8;}
    30% {background-color: #FFD7B3;}
    40% {background-color: #FFDFDF;}
    50% {background-color: #FFDFDF;}
    60% {background-color: #FFCAF9;}
    70% {background-color: #DDCEFF;}
    80% {background-color: #BAD0EF;}
    90% {background-color: #A5DBEB;}
    100% {background-color: #BDFFEA;}
    }
    @-webkit-keyframes coloralternate /* Safari and Chrome - necessary duplicate */
    {
    0% {background-color: #CAFFD8;}
    10% {background-color: #DDFED1;}
    20% {background-color: #FFFFC8;}
    30% {background-color: #FFD7B3;}
    40% {background-color: #FFDFDF;}
    50% {background-color: #FFDFDF;}
    60% {background-color: #FFCAF9;}
    70% {background-color: #DDCEFF;}
    80% {background-color: #BAD0EF;}
    90% {background-color: #A5DBEB;}
    100% {background-color: #BDFFEA;}
    }
    /* Push the footer down to show Reply buttons! */
    .sticky-footer {
    bottom: -100px;
    }

    And if you must... you can get this boat rollin' again...

    <a rel="nofollow" href="https://polycount.com/profile/keyframes">@keyframes</a> colorchange<br> {<br> 0% {transform: rotate(-0.008turn);background-color: #FFDFDF;}<br> 10% {transform: rotate(-0.005turn);background-color: #FFCAF9;}<br> 20% {transform: rotate(-0.002turn);background-color: #DDCEFF;}<br> 30% {transform: rotate(0.000turn);background-color: #BAD0EF;}<br> 40% {transform: rotate(0.002turn);background-color: #A5DBEB;}<br> 50% {transform: rotate(0.004turn);background-color: #BDFFEA;}<br> 60% {transform: rotate(0.002turn);background-color: #CAFFD8;}<br> 70% {transform: rotate(0.000turn);background-color: #DDFED1;}<br> 80% {transform: rotate(-0.002turn);background-color: #FFFFC8;}<br> 90% {transform: rotate(-0.005turn);background-color: #FFD7B3;}<br> 100% {transform: rotate(-0.008turn);background-color: #FFDFDF;}<br> }

  • Eric Chadwick
    We also have the skin from our 2017 birthday:

    /* <br>----------------------------------<br>    April Fools 2017<br>----------------------------------<br>*/<br>/* HEADER */<br>.navbar-brand {<br>    width: 140px;<br>    font: 0/0 a;<br>    color: transparent;<br>    text-shadow: none;<br>    background-color: transparent;<br>    border: 0;<br>    background-image: url(<a rel="nofollow" href="https://us.v-cdn.net/5021068/uploads/editor/ua/4rnz3vzl3qiy.png" title="Link: https://us.v-cdn.net/5021068/uploads/editor/ua/4rnz3vzl3qiy.png">https://us.v-cdn.net/5021068/uploads/editor/ua/4rnz3vzl3qiy.png</a>);<br>    background-repeat: no-repeat;<br>    background-position: center center;<br>    background-size: auto 22px;<br>}<br>.navbar-default .navbar-nav > li > a, .navbar-default .MeBox .Username, .navbar-default .MeBox .FlyoutButton {<br>    color: #357948;<br>}<br>/* Notifications count bubble */<br>.badge, .Count, .Alert {<br>    display: inline-block;<br>    min-width: 10px;<br>    padding: 3px 7px;<br>    font-size: 12px;<br>    font-weight: bold;<br>    color: #a5a5a5;<br>    line-height: 1;<br>    vertical-align: baseline;<br>    white-space: nowrap;<br>    text-align: center;<br>    background-color: #5e0000;<br>    border-radius: 10px;<br>}<br>&nbsp;<br>.MeBox > .PhotoWrap img {<br>    width: 0px;<br>    height: 0px;<br>    vertical-align: top;<br>}<br>.MeBox > .PhotoWrap {<br>    color: rgba(255, 255, 255, 0);<br>    background-image: url(<a rel="nofollow" href="https://us.v-cdn.net/5021068/uploads/editor/39/c1ybwqd9r32n.gif">https://us.v-cdn.net/5021068/uploads/editor/39/c1ybwqd9r32n.gif</a>);<br>    background-repeat: no-repeat;<br>    background-position: left center;<br>    background-size: 32px auto;<br>    display: inline-block;<br>    height: 32px;<br>    width: 32px;<br>    float: right !important;<br>    margin-left: 12px;<br>}<br>.banner-info .author {<br>    background-color: #002400;<br>}<br>/* FRONT PAGE */<br>div.Tile.ImageWrap.masonry-brick div.Body h2.Title a {<br>    color: white;<br>}<br>div.Tile.ImageWrap.masonry-brick div.Body h2.Title {<br>    background-color: #5e0000;<br>}<br>div.Tile div.Body div.Message {<br>    background-color: #002400;<br>}<br>.Tiles .Tile .AuthorWrap {<br>    background-color: #002400;<br>}<br>.Tiles .Tile .AuthorWrap a {<br>    background-color: #00254a;<br>}<br>.Tile {<br>    background-color: #111;<br>}<br>/* FORUM ROOT */<br>.CategoryGroup .H {<br>    background-color: #5e0000;<br>}<br>.DataTable > thead > tr > td {<br>    background-color: #5e0000;<br>    color: white;<br>}<br>.CategoryTable tbody .LatestPost {<br>    background-color: #00254a;<br>}<br>.DataTable > tbody > tr > td {<br>    background-color: #002400;<br>    border-top: #111 solid 5px;<br>}<br>.DataTable .Item .Meta a.UserLink.MItem {<br>    color: rgba(255, 255, 255, 0);<br>    background-image: url(<a rel="nofollow" href="https://us.v-cdn.net/5021068/uploads/editor/k2/py0xstopx1z1.png">https://us.v-cdn.net/5021068/uploads/editor/k2/py0xstopx1z1.png</a>);<br>    background-repeat: no-repeat;<br>    background-position: left center;<br>    background-size: 74px auto;<br>    display: inline-block;<br>    width: 74px;<br>}<br>/* DISCUSSION LISTS */<br>.CategoryGroup h2.H {<br>    color: white;<br>}<br><a rel="nofollow" href="https://polycount.com/profile/media">@media</a> screen and (min-width: 768px)<br>rev_143_2017-02…0.589b9087:356<br>.DataTableWrap .DataTable {<br>    margin-bottom: 0;<br>    margin-top: -23px;<br>    margin-left: -5px;<br>}<br>.CategoryTable .CategoryDescription {<br>    color: #ccc;<br>}<br>.NumberedPager > span, .NumberedPager > span:hover, .NumberedPager > span:focus {<br>    background-color: #00254a;<br>}<br>.NumberedPager > a, .NumberedPager > a:hover, .NumberedPager > a:focus {<br>    background-color: #00254a;<br>}<br>tr.Read .DiscussionName .EntryLink h3 {<br>    color: #999;<br>}<br>.BlockColumn .ProfilePhotoSmall {<br>    width: 0px;<br>    height: 0px;<br>}<br>.BlockColumn .PhotoWrap {<br>    float: left !important;<br>    width: 30px;<br>    height: 30px;<br>    background-image: url(<a rel="nofollow" href="https://us.v-cdn.net/5021068/uploads/editor/al/izw4y482re5f.gif">https://us.v-cdn.net/5021068/uploads/editor/al/izw4y482re5f.gif</a>);<br>    background-repeat: no-repeat;<br>    background-position: center center;<br>    background-size: 22px auto;<br>}<br>a.AuthorLink div.BlockTitle.LatestPostTitle {<br>    color: rgba(255, 255, 255, 0);<br>    background-image: url(<a rel="nofollow" href="https://us.v-cdn.net/5021068/uploads/editor/tn/5a6j695yz3jm.png">https://us.v-cdn.net/5021068/uploads/editor/tn/5a6j695yz3jm.png</a>);<br>    background-repeat: no-repeat;<br>    background-position: left center;<br>}<br>/* DISCUSSIONS */<br>.breadcrumb > .active, .Breadcrumbs .Last a {<br>    color: #357948;<br>}<br>.Breadcrumbs a {<br>    color: #357948;<br>}<br>.Breadcrumbs a:hover {<br>    color: white;<br>}<br>.Breadcrumbs .CrumbLabel {<br>    border: none;<br>}<br>.Item .Author-Photo .ProfilePhoto {<br>    width: 0px;<br>    height: 0px;<br>    border-radius: 0;<br>}<br>.Item .Author-Photo .PhotoWrap {<br>    display: block;<br>    width: 80px;<br>    height: 80px;<br>    background-image: url(<a rel="nofollow" href="https://us.v-cdn.net/5021068/uploads/editor/0u/bck2rtmaa9v0.gif">https://us.v-cdn.net/5021068/uploads/editor/0u/bck2rtmaa9v0.gif</a>);<br>    background-repeat: no-repeat;<br>    background-position: center center;<br>    background-size: 80px auto;<br>}<br>.Item .Author-Card .ProfilePhoto {<br>    display: block !important;<br>    width: 0px;<br>    height: 0px;<br>    border-radius: 0;<br>}<br>.Item .Author-Card .PhotoWrap {<br>    display: block;<br>    width: 291px;<br>    height: 291px;<br>    background-image: url(<a rel="nofollow" href="https://us.v-cdn.net/5021068/uploads/editor/ws/u0u6ll34c6zt.gif">https://us.v-cdn.net/5021068/uploads/editor/ws/u0u6ll34c6zt.gif</a>);<br>    background-repeat: no-repeat;<br>    background-position: center center;<br>    background-size: 290px auto;<br>}<br>.Item .Author-Card .Author-Meta {<br>    background-color: #5e0000;<br>}<br>.btn-primary, .Button.Primary, .MeBox-SignIn .SignInLinks a, .Button.Primary:hover, .Button.Primary:visited {<br>    background-color: #5e0000;<br>}<br>.btn-default, .btn-social-icon, .Button, .ActionBlock .React, .btn-social, .navbar-form input[type="submit"], .Section-Discussion .Bookmark, .SingleEntryMethod .ForgotPassword, .MultipleEntryMethods .ForgotPassword, .SocialIcon.HasText, .SocialIcon:not(.HasText) {<br>    background-color: #5e0000;<br>    color: white;<br>}<br>.MessageList .Item-Header, .DataList-Search .Item-Header {<br>    background-color: #00254a;<br>}<br>.Item .Author-Card .Author-Name a, .Item .Name, .Item .Username {<br>    color: transparent;<br>    text-transform: none;<br>    display: inline-block;<br>    min-width: 74px;<br>    height: 14px;<br>    margin-right: 5px;<br>    background-image: url(<a rel="nofollow" href="https://us.v-cdn.net/5021068/uploads/editor/84/041rjdp3tle9.png">https://us.v-cdn.net/5021068/uploads/editor/84/041rjdp3tle9.png</a>);<br>    background-repeat: no-repeat;<br>    background-position: left 3px;<br>}<br>.Item .Name, .Item .Username {<br>    font-size: 11px;<br>}<br>.MessageList .Item-Header .Rank, .DataList-Search .Item-Header .Rank {<br>    margin: 0 5px 0 0;<br>}<br>.MessageList .Item-Header .Meta, .DataList-Search .Item-Header .Meta, .MessageList .Item-Header .Meta a, .DataList-Search .Item-Header .Meta a {<br>    color: white;<br>}<br>.Section-Discussion .UserStatus > span {<br>    color: white;<br>}<br>.Section-Discussion .UserStatus a {<br>    color: white;<br>}<br>.MessageList .Item .Arrow, .DataList-Search .Item .Arrow, .MessageList .Item .AdminCheck, .DataList-Search .Item .AdminCheck {<br>    background-color: #00254a;<br>}<br>.MessageList .Item .Arrow, .DataList-Search .Item .Arrow {<br>    color: white;<br>}<br>.MessageList .Item-Body {<br>    background-color: #002400;<br>}<br>body {<br>    color: #ddd;<br>}<br>.Item-Footer {<br>    background-color: #121212;<br>}<br>.btn-secondary, .ReactButton {<br>    color: #ccc;<br>    background-color: #5e0000;<br>}<br>a.PhotoWrap.PhotoWrapSmall {<br>    display:none;<br>}<br>/* PROFILES */<br>.PhotoWrapLarge > img {<br>    margin-left: auto;<br>    margin-right: auto;<br>    height: 0px;<br>}<br>.PhotoWrap * {<br>    line-height: 1;<br>    display: block;<br>    width: 149px;<br>    height: 149px;<br>    margin-bottom: 10px;<br>    background-image: url(<a rel="nofollow" href="https://us.v-cdn.net/5021068/uploads/editor/zm/7wfvnl1glddq.gif">https://us.v-cdn.net/5021068/uploads/editor/zm/7wfvnl1glddq.gif</a>);<br>    background-repeat: no-repeat;<br>    background-position: center center;<br>    background-size: 149px auto;<br>}<br>.PhotoWrapLarge .ChangePicture {<br>    display: block;<br>    width: 100%;<br>    height: 149px;<br>    color: transparent;<br>}<br>.btn-info, .PhotoWrapLarge .ChangePicture {<br>    color: transparent;<br>    background-color: transparent; <br>    border-color: transparent; <br>}<br>.PhotoWrapLarge .ChangePicture:hover {<br>    color: transparent;<br>    background-color: transparent; <br>    border-color: transparent; <br>}<br>/* Recent Activity */<br>img.ProfilePhoto.ProfilePhotoMedium {<br>    display:none;<br>}<br>div.Excerpt img {<br>    display:none;<br>}

    Which looked like this: http://wiki.polycount.com/w/images/d/d6/PolycountForums2017-04-01.jpg
  • DavidCruz
    Offline / Send Message
    DavidCruz interpolator
    Nice, H4ppy BDay Pc.
  • pior
    Offline / Send Message
    pior grand marshal polycounter
    Seriously loving the theme :D The main landing page is actually really readable that way imho (seriously !)

    It may sound dumb but the slant somewhat helps navigating long thread lists too, as it gives an implicit anchor to each line. Makes it easy to tell how far down the page one is, it's actually pretty cool. But maybe that's because I am viewing this on a vertical monitor....

    How would one control the color of text in posts, and the color of text in the reply box ? 

    NVM, ended up simply applying it to the landing page and a few subforum sections, leaving individual threads as normal. Works great that way :D
  • Eric Chadwick
    For the curious, here's where you can see screens of how the site has changed over time...

    http://wiki.polycount.com/wiki/Polycount:About#Forum_Snapshots


  • JordonBritz
    Offline / Send Message
    JordonBritz polycounter lvl 6
    Polycount is a few months older then I am... weird.
  • littleclaude
    Offline / Send Message
    littleclaude quad damage
    Happy Birthday Polycount :)

    Thank you for being you.
  • wirrexx
    Offline / Send Message
    wirrexx quad damage
    haaaaaaaaaaapppy birthday! You made me feel drunk without drinking on 1st april! 
2
Sign In or Register to comment.