What Have You Done Today - (Computer Version)

Nexus · Mar 19, 2020

Added an RGB LED light strip to the back of my desk ~~to boost my framerate~~ for some bias lighting.

Grayfox · Mar 20, 2020

Nexus
Added an RGB LED light strip to the back of my desk ~~to boost my framerate~~ for some bias lighting.

Makes me remember my set up.
I got rid of the LEDs as they were too jarring

Nexus · Mar 22, 2020

It took me a few hours, but I finally got around to doing cable management for my desk. I bought a few cable organisers, but mostly used sticky tape to bundle the cables and stick them in places that were out of sight.

I forgot to take before and after photos sadly. Still, I'm very happy with the results.

Casey · Mar 23, 2020

I got my PC setup for the Folding@home project. I'm going to be running it a few hours each day.

A few of them have finished so far but this is what it was at a few minutes ago.

francisbaud · Mar 24, 2020

So far I turned it on, not much more.

AnthonyD1993 · Mar 24, 2020

Bought a Razer Viper mini since the mouse that came with a Red dragon keyboard, mouse, and headset combo gave me hell. Now I'm researching both X570 motherboards and airflow cases because I absolutely don't trust this board or case to reliably handle a Ryzen 9 3900x (my end goal cpu).

Nexus · Apr 3, 2020

Updated my OnePlus 3 from LineageOS 16 to 17.1.

Swagger897 · Apr 3, 2020

AnthonyD1993
Bought a Razer Viper mini since the mouse that came with a Red dragon keyboard, mouse, and headset combo gave me hell. Now I'm researching both X570 motherboards and airflow cases because I absolutely don't trust this board or case to reliably handle a Ryzen 9 3900x (my end goal cpu).

FWIW I am running an ASUS TUF Gaming x570 + wifi with the 3900X and everything seems fine. I really like the EZ updater for the BIOS and their control panels work great together. No issues here with AMD drivers that a lot of people were complaining about earlier in the year.

AnthonyD1993 · Apr 3, 2020

Swagger897
FWIW I am running an ASUS TUF Gaming x570 + wifi with the 3900X and everything seems fine. I really like the EZ updater for the BIOS and their control panels work great together. No issues here with AMD drivers that a lot of people were complaining about earlier in the year.

Everything I've read so far says that ASUS really has the best line across the board for the X570s. According to this spreadsheet, even their worst X570 should handle a 3950X. I wish I knew about that document earlier though or else I wouldn't have used the MSI B450 Pro M2 in the first place.

Swagger897 · Apr 4, 2020

AnthonyD1993
Everything I've read so far says that ASUS really has the best line across the board for the X570s. According to this spreadsheet, even their worst X570 should handle a 3950X. I wish I knew about that document earlier though or else I wouldn't have used the MSI B450 Pro M2 in the first place.

I was gonna go for that board with the 3700 but shifted to a pre built with this.

Sonygamer455 · Apr 5, 2020

With the help of some people on Discord, I reinstalled Windows 10 on my computer since I have been having some serious issues with it for months now. A while back I got a blue screen error and when I came back, my sound didn't work, I had issues with the UI not showing in some places and various buttons on the UI not working. I finally reached my breaking point and decided to reinstall Windows 10 when the broken UI would not allow me to connect to our new router.

Fortunately, everything seems to be normal again and I haven't noticed any issues so far. Now I just need to get a lot of my old stuff back and I should be good. Soooo glad my laptop is working normally again!

PzR Slim · Apr 8, 2020

Finally managed to get my PC setup how I've always wanted it.

Also thought I'd post a quick vid of the desktop background that I found using Wallpaper Engine.

sesselpupser · Apr 10, 2020

@PzR Slim wow, Carol Vorderman has not done herself any favours.

Grayfox · Apr 13, 2020

Wrote a CSS override script for the web client for F@H.
Still working out the bugs
Which include progress bar, power bar, power background.

Grayfox · Apr 14, 2020

Finished the custom script for the client side F@H.

Also made a red version

CSS code is below
Dark theme with Blue

Code:

html, button, input, select, textarea
{
    color: #222222; /**/
}

body
{
    font-size: 14px; /**/
    line-height: 1.4; /**/
    background: #151515; /*Background Color*/
    text-align: center; /**/
    color: #EEEEEE; /**/
}

::-moz-selection
{
    background: #b3d4fc; /**/
    text-shadow: none; /**/
}

::selection
{
    background: #b3d4fc; /**/
    text-shadow: none; /**/
}

hr
{
    display: block; /**/
    height: 1px; /**/
    border: 0; /**/
    margin: 1em 0; /**/
    padding: 0; /**/
}

img
{
    vertical-align: middle; /**/
}

fieldset
{
    border: 0; /**/
    margin: 0; /**/
    padding: 0; /**/
}

textarea
{
    resize: vertical; /**/
}

h2
{
    font-family: Oswald, Helvetica, Arial, sans-serif; /**/
    color: #00AAFF; /**/
    font-size: 38px; /**/
    font-weight: normal; /**/
    margin-top: 0; /**/
    margin-bottom: 15px; /**/
}

a
{
    color: #15CCFF; /*Hyperlink Color*/
}

a:hover
{
    text-decoration: none; /**/
    color: #FFFF00; /*Hover Hyperlink Color:*/
}

p
{
    font-size: 14px; /**/
    margin-top: 0; /**/
}

.clearfix:before, .row:before, .clearfix:after, .row:after {
    content: " ";
    display: table;
}

.clearfix:after, .row:after
{
    clear: both; /**/
}

.clearfix, .row
{
    *zoom: 10; /**/
}

.header
{
    width: 1280px; /**/
    text-align: center; /**/
    margin: auto; /**/
    padding: 20px 0px; /**/
    position: relative; /**/
}

.header h1
{
    width: 413px; /**/
    margin: auto; /**/
}

.header h1 a
{
    display: block; /**/
    width: 413px; /**/
    height: 97px; /**/
    text-indent: -5000px; /**/
    background: url(../images/template/logo_folding_home.png) no-repeat; /**/
}

.footer
{
    height: 50px; /**/
}

.panel
{
    width: 970px; /**/
    background-color: #222222; /**/
    border: 3px solid #000000; /**/
    margin: auto; /**/
    -moz-box-shadow: 0px 4px 8px rgba(0, 0, 0, .6); /**/
    -webkit-box-shadow: 0px 4px 8px rgba(0, 0, 0, .6); /**/
    box-shadow: 0px 4px 8px rgba(0, 0, 0, .6); /**/
}

.panel-header
{
    background: #111111; /*Panel Header Background Color*/
    -moz-border-radius-topleft: .6em; /**/
    -webkit-border-top-left-radius: .6em; /**/
    border-top-left-radius: .6em; /**/
    -moz-border-radius-topright: .6em; /**/
    -webkit-border-top-right-radius: .6em; /**/
    border-top-right-radius: .6em; /**/
    text-align: left; /**/
    font-family: Helvetica, Arial, sans-serif; /**/
}

.panel-header h3
{
    margin: 0px; /**/
    padding: 7px 0px 6px 40px; /**/
    font-size: 18px; /**/
    color: #818d9f; /**/
    font-weight: bold; /**/
    line-height: 18px; /**/
}

.panel-content
{
    margin: auto; /**/
    text-align: left; /**/
}

.panel-content p
{
    font-size: 18px; /**/
    font-weight: normal; /**/
}

.popup
{
    width: 820px; /**/
    text-align: left; /**/
    background: #FF00FF; /**/
    padding: 45px; /**/
    margin: auto; /**/
}

.popup .row
{
    padding-right: 40px; /**/
    overflow: hidden; /**/
}

.popup .row .col-33
{
    margin-left: 60px; /**/
    margin-right: -40px; /**/
}

.popup .row .col-33.first
{
    margin-left: 0px; /**/
}

.corner-all
{
    -moz-border-radius: .6em; /**/
    -webkit-border-radius: .6em; /**/
    border-radius: .6em; /**/
}

.row
{
    margin: 0px 0px 20px 0px; /**/
    text-align: left; /**/
    clear: both; /**/
}

.col
{
    float: left; /**/
    display: inline; /**/
}

.col-50
{
    float: left; /**/
    display: inline; /**/
    width: 50%; /**/
}

.col-33
{
    float: left; /**/
    display: inline; /**/
    width: 33.333%; /**/
}

.col-25
{
    float: left; /**/
    display: inline; /**/
    width: 25%; /**/
}

.button
{
    background: #222 url(../images/template/button_bg.png) repeat-x 0px -9px; /**/
    display: inline-block; /**/
    color: #FFFFFF; /*Button Text Color*/
    font-family: Oswald, Arial, Helvetica, sans-serif; /*Button Font Family*/
    font-size: 24px; /*Button Font Size*/
    padding: 0px 26px 2px; /**/
    font-weight: normal; /**/
    line-height: normal; /**/
    text-decoration: none; /**/
    text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.25); /**/
    -moz-border-radius: 0.2em; /*Button Corner Radius*/
    -webkit-border-radius: 0.2em; /*Button Corner Radius*/
    border-radius: 0.2em; /*Button Corner Radius*/
    position: relative; /**/
    cursor: pointer; /**/
    overflow: visible; /**/
    width: auto; /*Button Width*/
}

button::-moz-focus-inner
{
    border: 0; /**/
    padding: 0; /**/
}

.button:hover
{
    background-color: #111; /**/
    color: #AAAAAA; /**/
}

.button:active
{
    -webkit-transform: translateY(1px); /**/
    -moz-transform: translateY(1px); /**/
}
.small.button
{
    font-size: 13px; /**/
}

.large.button
{
    background: url(../images/template/button_bg.png) repeat-x 0 0; /**/
    font-size: 33px; /**/
    padding: 2px 60px 5px; /**/
}

.green.button
{
    border: 2px solid #303031; /**/
    background-color: #46a95f; /**/
}

.green.button:hover
{
    border: 2px solid #303031; /**/
    background-color: #2c9345; /**/
}

.grey.button {
    border: 2px solid #303031; /**/
    background-color: #a4a4a4; /**/
}
.grey.button:hover
{
    border: 2px solid #303031; /**/
    background-color: #949494; /**/
}

.red.button {
    border: 2px solid #303031; /**/
    background-color: #e03131; /**/
}

.red.button:hover
{
    border: 2px solid #303031; /**/
    background-color: #ca2b2c; /**/
}

p.info, div.info, span.info
{
    font-style: italic; /**/
    color: #7a7a7a; /**/
}
.left
{
    text-align: left; /**/
    color: #00DDFF;
}

.center
{
    text-align: center; /**/
}

.right
{
    text-align: right; /**/
}

.hide
{
    display: none; /**/
}

.chromeframe
{
    margin: 0.2em 0;
    background: #ccc; /**/
    color: #000; /**/
    padding: 0.2em 0; /**/
}
.splash
{
    width: 755px; /**/
    margin: auto; /**/
    background: url(../images/template/splash_bg.png); /**/
}

.splash-content
{
    padding: 25px 60px 40px 60px; /**/
    font-family: Georgia, "Times New Roman", Times, serif; /**/
    font-size: 28px; /**/
    color: #000000; /**/
    line-height: 33px; /**/
}

.splash-content img
{
    margin-bottom: 15px; /**/
}

.splash-content p
{
    font-size: 28px; /**/
}

/* welcome */
#welcome h2
{
    margin-top: 52px; /**/
    margin-bottom: 36px; /**/
}

#welcome .panel-content
{
    width: 670px; /**/
}

#welcome .panel-content .row
{
    margin-bottom: 100px; /**/
}


.radio-selector
{
    list-style: none; /**/
    margin: 0px 0px 0px 90px; /**/
    padding: 0px; /**/
}

.radio-selector li
{
    margin-bottom: 7px; /**/
    font-size: 16px; /**/
}

.radio-selector li input[type="radio"]
{
    display: none; /**/
}

.radio-selector li input[type="radio"] + label span
{
    display: inline-block; /**/
    width: 28px; /**/
    height: 28px; /**/
    margin: 0px 10px 0px 0px; /**/
    vertical-align: middle; /**/
    background: url(../images/template/input_radio.png) 0px 0px no-repeat; /**/
    cursor: pointer; /**/
}

.radio-selector li input[type="radio"]:checked + label span
{
    background: url(../images/template/input_radio.png) 0px -56px no-repeat;
}

.lt-ie9 .radio-selector input
{
    display: inline-block !important;
}

.lt-ie9 .radio-selector label span
{
    display: none !important;
}

/* setup id */

#setupid-popup .row label
{
    display: block; /**/
    font-size: 18px; /**/
    padding-bottom: 5px; /**/
}

#setupid-popup .row input
{
    width: 225px; /**/
    margin-bottom: 20px; /**/
    border: 1px solid #000000; /**/
    padding: 2px 3px 3px 3px; /**/
    color: #5a5a5a; /**/
}

#setupid-popup .row p
{
    padding-right: 50px;
}

#setupid-btn-cancel
{
    margin-right: 10px; /**/
}

#menu
{
    font-size: 14pt; /**/
    font-weight: bold; /**/
    color: #818d9f; /**/
    width: 900px; /**/
    margin: 0 auto; /**/
}

#menu td
{
    width: 33%; /**/
    white-space: nowrap; /**/
}

#menu td.left
{
    text-align: left; /**/
}

#menu td.middle
{
    text-align: center; /**/
}

#menu td.right
{
    text-align: right; /**/
}

#menu span
{
    padding: 0 0.2em; /**/
}

#menu a
{
    text-decoration: none; /**/
}


#menu img
{
    width: 24px; /**/
    border: 1px solid #FFFFFF; /**/
    vertical-align: middle; /**/
    margin-bottom: 5px; /**/
    border-radius: 5px; /**/
}

#menu img:hover
{
    border: 1px solid #DDDDDD; /**/
}

#menu .button img, #menu .button img:hover
{
    border: 0;/**/
}

a.btn
{
    display: inline-block; /**/
    border-radius: 5px; /**/
    padding: 0.1em 0.2em; /**/
    line-height: 1.5em; /**/
}

a.btn:hover
{
    background: #DDDDDD; /**/
}

#menu .google-button
{
    position: relative; /**/
    top: 5px; /**/
}

#cp.panel
{
    background: #404040; /**/
}

#cp p
{
    font-size: 14px; /*Details Font Size*/
    color: #EEEEEE; /*Details Font Color*/
}

#cp .hlarge
{
    font-family: Oswald, Helvetica, Arial, sans-serif; /*Heading Text Font Family*/
    color: #0088FF; /*Heading Text Font Size*/
    font-size: 20px; /*Heading Text Font Size*/
    font-weight: normal; /*Heading Text Font Weight*/
    margin: 0; /**/
    padding: 0; /**/
    line-height: 1; /**/
}

#cp .col-left
{
    margin: 0px 20px 0px 40px; /**/
}

#cp .col-right
{
    margin: 0px 40px 0px 20px; /**/
}

#cp .panel-header
{
   margin-bottom: 0px; /**/
}

#cp .panel-header .col-header-right
{
    padding-top: 5px; /**/
    text-align: right; /**/
}

#cp .panel-header .col-header-right ul
{
    float: right; /**/
    list-style: none; /**/
    margin: 0; /**/
    padding: 0; /**/
}

#cp .panel-header .col-header-right ul li
{
    float: left; /**/
    margin-left: 15px; /**/
}

#cp .panel-header .col-header-right .btn-help
{
    background: #6781aa; /**/
    color: #FFFFFF; /**/
    line-height: 1; /**/
    padding: 2px 20px;/**/
    text-decoration: none; /**/
    font-size: 16px;  /**/
    -moz-border-radius: .6em; /**/
    -webkit-border-radius: .6em; /**/
    border-radius: .6em; /**/
    margin-right: 2em; /**/
}

#cp .panel-header .col-header-right .btn-help:hover
{
    background: #586e91; /**/
}

#cp .panel-top
{
    background: #222222; /*Top Header Background color*/
    padding-top: 20px; /**/
    margin-bottom: 0px; /**/
}

#box-user
{
    margin-bottom: 0px; /**/
}

#box-user #user-username
{
    margin-bottom: 6px; /**/
}

#box-cause-selector
{
    float: right; /**/
}

#box-cause-selector span {}

.sbHolder
{
    background-color: #353535; /*Dropdown Menu Background COlor*/
    border-radius: 5px; /**/
    box-shadow: 0px 2px 1px rgba(0, 0, 0, .3); /**/
    font-weight: normal; /**/
    height: 30px; /**/
    position: relative; /**/
    width: 200px; /**/
}

.sbSelector
{
    display: block; /**/
    height: 30px; /**/
    left: 0; /**/
    line-height: 30px; /**/
    outline: none; /**/
    overflow: hidden; /**/
    position: absolute; /**/
    text-indent: 10px; /**/
    top: 0; /**/
    width: 200px; /*Dropdown Menu Width*/
    color: #EEEEEE; /*Dropdown Menu Font Color*/
    text-decoration: none; /**/
    background: url(../images/template/select-icons.png) 165px -116px no-repeat; /**/
    -webkit-box-shadow: 0px 2px 1px rgba(0, 0, 0, .3); /**/
    -moz-box-shadow: 0px 2px 1px rgba(0, 0, 0, .3); /**/
}

.sbSelector:focus
{
    outline: none !important; /**/
}

.sbFocus
{
    outline: none !important; /**/
    text-decoration: none; /**/
    background: #454545; /**/
}

.sbToggleOpen
{
    background: url(../images/template/select-icons.png) 0 -16px no-repeat; /**/
}

.sbHolderDisabled
{
    background-color: #3c3c3c; /**/
    border: solid 1px #515151; /**/
}

.sbHolderDisabled .sbHolder {}
.sbHolderDisabled .sbToggle {}

.sbOptions
{
    background: #262626; /*Collapased Dropdown Menu Background Color*/
    border: solid 1px #010101; /**/
    list-style: none; /**/
    left: -1px; /**/
    margin: 0; /**/
    padding: 0; /**/
    position: absolute; /**/
    top: 30px; /**/
    width: 200px; /**/
    z-index: 1; /**/
    overflow-y: auto; /**/
}

.sbOptions li
{
    padding: 0; /**/
}

.sbOptions a
{
    display: block; /**/
    outline: none; /**/
    padding: 3px 5px 3px 10px; /**/
}

.sbOptions a:link, .sbOptions a:visited
{
    color: #EEEEEE; /**/
    text-decoration: none; /**/
}

.sbOptions a:hover, .sbOptions a:focus, .sbOptions a.sbFocus
{
    color: #000000; /**/
    background: #e1e3e8; /**/
}

.sbOptions li.last a
{
    border-bottom: none; /**/
}

.sbOptions .sbDisabled
{
    border-bottom: dotted 1px #515151; /**/
    color: #999999; /**/
    display: block; /**/
    padding: 7px 0 7px 3px; /**/
}

.sbOptions .sbGroup
{
    color: #EBb52D; /**/
    display: block; /**/
    font-weight: bold; /**/
    padding: 7px 0 7px 3px; /**/
}
.sbOptions .sbSub
{
    padding-left: 17px; /**/
}

#box-points-loading
{
    line-height: 3em;
}

#box-points
{
    display: none; /**/
    margin: 0; /**/
}

#box-points #box-points-counter
{
    display: block; /**/
    font-family: Oswald, Helvetica, Arial, sans-serif; /*Total Score Font Family*/
    color: #00AAFF; /*Total Score Color*/
    font-size: 44px; /*Total Score Font Size*/
    font-weight: normal; /**/
    margin: 0; /**/
    padding: 0px 10px 2px 0px; /**/
    line-height: 1; /**/
    float: left; /**/
}

#box-points .box-points- learn
{
    padding-top: 3px; /**/
    line-height: 18px; /**/
    float: left; /**/
    display: block; /**/
}

#cp .panel-pu
{
    background: #222222; /**/
    padding: 0px 20px; /**/
    margin-bottom: 13px; /**/
}

.box-pu
{
    list-style: none; /**/
    margin: 0px; /**/
    padding: 0px; /**/
}

.box-pu li
{
    height: 60px; /*Inactive Tab Height*/
    padding: 15px 0px 7px 0px; /**/
    position: relative; /**/
    float: left; /**/
    border-top-left-radius: 2em; /**/
    -moz-border-radius-topleft: 2em; /**/
    -webkit-border-top-left-radius: 2em; /**/
    border-top-right-radius: 2em; /**/
    -moz-border-radius-topright: 2em; /**/
    -webkit-border-top-right-radius: 2em; /**/
    background: #111111; /*Inactive Tab Color*/
    background-image: #111111; /*Inactive Tab Color*/
    background-image: -webkit#111111; /*Inactive Tab Color*/
    background-image: -moz#111111; /*Inactive Tab Color*/
    background-image: -ms-#111111; /*Inactive Tab Color*/
    background-image: -o-#111111; /*Inactive Tab Color*/
    background-image:  #111111; /*Inactive Tab Color*/
    -webkit-touch-callout: none; /**/
    -webkit-user-select: none; /**/
    -khtml-user-select: none; /**/
    -moz-user-select: none; /**/
    -ms-user-select: none; /**/
    user-select: none; /**/
}

.box-pu li:hover
{
    background: #AAAAAA; /*Tab Hover Color*/
    background-image: -webkit- #AAAAAA; /*Tab Hover Color*/
    background-image: -moz- #AAAAAA; /*Tab Hover Color*/
    background-image: -ms- #AAAAAA; /*Tab Hover Color*/
    background-image: -o- #AAAAAA; /*Tab Hover Color*/
    background-image: #AAAAAA; /*Tab Hover Color*/
}

.box-pu li.active
{
    background: #404040; /*Active Tab Color*/
}

.box-pu li .circle
{
    border-radius: 5%; /*Working Image Radius*/
    width: 54px; /*Working Image Width*/
    height: 54px; /*Working Image Height*/
    display: block; /**/
    border: 3px solid #000000; /*Working Image Border*/
    position: absolute; /**/
    left: 20px; /**/
}

.box-pu li .circle span
{
    display: block;  /**/
    width: 54px; /**/
    height: 54px; /**/
}

.box-pu li .run, .box-pu li .upload, .box-pu li .download {
    background: #64ca7d; /**/
    background-image: -webkit-gradient(linear, left top, left bottom, from(#91eea7), to(#46a95f)); /**/
    background-image: -webkit-linear-gradient(#91eea7, #46a95f); /**/
    background-image: -moz-linear-gradient(#91eea7, #46a95f); /**/
    background-image: -ms-linear-gradient(#91eea7, #46a95f); /**/
    background-image: -o-linear-gradient(#91eea7, #46a95f); /**/
    background-image: linear-gradient(#91eea7, #46a95f); /**/
}

.box-pu li .run span, .box-pu li .finish span
{
    background: url(../images/template/anim_arrow.gif) no-repeat 10px 10px; /**/
}

.box-pu li .upload span
{
    background: url(../images/template/anim_upload.gif) no-repeat 10px 10px; /**/
}

.box-pu li .download span
{
    background: url(../images/template/anim_download.gif) no-repeat 10px 10px; /**/
}

.box-pu li .stop
{
    background: #e03131; /**/
    background-image: -webkit-gradient(linear, left top, left bottom, from(#fb8484), to(#e03131)); /**/
    background-image: -webkit-linear-gradient(#fb8484, #e03131); /**/
    background-image: -moz-linear-gradient(#fb8484, #e03131); /**/
    background-image: -ms-linear-gradient(#fb8484, #e03131); /**/
    background-image: -o-linear-gradient(#fb8484, #e03131); /**/
    background-image: linear-gradient(#fb8484, #e03131); /**/
}

.box-pu li .stop span
{
    background: none; /**/
}

.box-pu li .pause, .box-pu li .finish
{
    background: #e8b70c; /**/
    background-image: -webkit-gradient(linear, left top, left bottom, from(#fdf5de), to(#e8b70c)); /**/
    background-image: -webkit-linear-gradient(#fdf5de, #e8b70c); /**/
    background-image: -moz-linear-gradient(#fdf5de, #e8b70c); /**/
    background-image: -ms-linear-gradient(#fdf5de, #e8b70c); /**/
    background-image: -o-linear-gradient(#fdf5de, #e8b70c);  /**/
    background-image: linear-gradient(#fdf5de, #e8b70c); /**/
}

.box-pu li .pause span
{
    background: none;
}

.box-pu li .pu
{
    padding-left: 90px; /**/
    padding-right: 15px; /**/
}

.box-pu li .pu .pu-type
{
    float: left; /**/
    color: #2299FF; /**/
    font-weight: bold; /**/
    padding-top: 22px; /**/
    line-height: 0px; /**/
    white-space: nowrap; /**/
}

.box-pu li .pu .pu-load
{
    float: left; /**/
    position: relative; /**/
}

.box-pu li .pu .pu-load .hlarge
{
    position: absolute; /**/
    left: 0px; /**/
    top: 0px; /**/
}

.box-pu li .pu-bar
{
    height: 18px; /**/
    margin-top: 10px; /**/
    background: #777777; /**/
}

.box-pu-1 li
{
    width: 100%; /**/
}

.box-pu-2 li
{
    width: 50%; /**/
}

.box-pu-3 li
{
    width: 33.3%; /**/
}

.box-pu-x li
{
    width: 25%; /**/
}

.box-pu-x li .pu .pu-load .hlarge
{
    font-size: 20px !important; /**/
    padding-top: 8px !important; /**/
}

#box-stats
{
    width: 100%; /**/
    margin-bottom: 8px; /**/
}

#box-project
{
    overflow: hidden; /**/
}

#box-project .hlarge
{
    display: block; /**/
}
#box-project .box-project-img
{
    float: right; /**/
    padding-left: 10px; /**/
    max-width: 250px; /**/
}

#box-status
{
    margin-bottom: 1em;
}
#box-status-msg
{
    float: left; /**/
}

#box-status-msg span.hlarge
{
    text-transform: capitalize; /**/
    display: block; /**/
}

#box-status-points
{
    float: right; /**/
    text-align: right; /**/
}

#box-status-points span
{
    display: block; /**/
}

#box-all-slots
{
    background: #202020; /**/
    border-radius: 5px; /**/
    padding: 0.5em 1em; /**/
    margin: 0 -1em; /**/
}

#slots li
{
    overflow: hidden; /**/
}

#slots .description
{
    text-overflow: ellipsis; /**/
}

#box-power
{
    margin-bottom: 0px; /**/
}

#box-power-slider .hlarge
{
    display: block; /**/
    margin-bottom: 10px; /**/
}

#box-power-slider #slider
{
    height: 17px; /**/
    width: 200px; /**/
}

#box-idle-selector li
{
    white-space: nowrap; /**/
}

.ui-progressbar .ui-progressbar-value
{
    color: #111111; /*/*Progress Percentage Text Color*/
    padding-left: 0.25em; /**/
    line-height: 1em; /**/
    text-align: Left; /*Progress Percentage Text Alignment*/
}

.ui-slider .ui-slider-handle
{
    background: url(../images/template/ui-icon-slider.png) no-repeat !important; /**/
    width: 28px; /**/
    height: 37px; /**/
    border: none !important; /**/
    border-top-left-radius: 0; /**/
    border-top-right-radius: 0; /**/
    border-bottom-left-radius: 0; /**/
    border-bottom-right-radius: 0; /**/
    outline: none; /**/
}

.ui-slider .ui-slider-handle.ui-state-hover,
.ui-slider .ui-slider-handle.ui-state-active
{
    background:  url(../images/template/ui-icon-slider-hover.png) no-repeat !important; /**/
}

.ui-slider-horizontal
{
    background: #777777  no-repeat !important; /*Slider Background Color*/
}

.ui-widget-content
{
    border: 1px solid #000000; /**/
    background: #333333;
    color: #EEEEEE;
}

.ui-widget-header
{
    border: 1px solid #000000; /*Progress Bar Border*/
    border-right: 1px solid #000000; /**/
    background: #00AAFF !important;
}

.ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl
{
    border-top-left-radius: 0px; /*Progress Top Left Bar Radius*/
}
.ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr
{
    border-top-right-radius: 0px; /*Progress Top Right Bar Radius*/
}
.ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl
{
    border-bottom-left-radius: 00px; /*Progress Bottom Left Bar Radius*/
}

.ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br
{
    border-bottom-right-radius: 0px; /*Progress Bottom Right Bar Radius*/
}

#box-power-slider #labels
{
    width: 204px; /**/
    margin-top: 10px; /**/
    padding: 0px; /**/
    list-style: none; /**/
}

#box-power-slider #labels li
{
    float: left; /**/
    width: 33.3333%; /**/
    color: #DDDDDD; /*Power Slider Text*/
}

#box-power-slider #labels li.label-1
{
    text-align: left; /*Power Slider Light Alignment*/
}

#box-power-slider #labels li.label-2
{
    text-align: center; /*Power Slider Medium Alignment*/
}

#box-power-slider #labels li.label-3
{
    text-align: right; /*Power Slider Full Alignment*/
}

#box-idle-selector
{
    margin-left: 25px; /*When Selectior*/
    color: #EEEEEE;
}

#box-idle-selector .hlarge
{
    display: block; /**/
    margin-bottom: 10px; /**/
}
#box-idle-selector .radio-selector
{
    margin: 0;
}

#btn-stop
{
    background: url(../images/template/button_bg.png) repeat-x 0 0; /*Stop Button Image*/
    background-color: #e03131; /*Stop Button Color*/
    font-size: 33px; /*Stop Button Font Size*/
    width: 100%; /*Stop Button Width*/
    padding-left: 0px; /**/
    padding-right: 0px; /**/
    text-align: center; /*Stop Button Text Alignment*/
    border: 2px solid #303031; /*Stop Button Border*/
    margin-bottom: 15px; /**/
}

#btn-stop:hover
{
    background-color: #ca2b2c;
}

#btn-run
{
    background: url(../images/template/button_bg.png) repeat-x 0 0; /**/
    background-color: #46a95f; /**/
    font-size: 33px; /**/
    width: 100%; /**/
    padding-left: 0px; /**/
    padding-right: 0px; /**/
    text-align: center; /**/
    border: 2px solid #303031; /**/
    margin-bottom: 15px; /**/
}

#btn-run:hover
{
    background-color: #2c9345; /**/
}

#stop-popup
{
    width: 400px; /**/
    /*background: #252525; /*Stop Folding Popup*/*/
}

#stop-popup .green.button
{
    margin-right: 15px; /*Finish, then Stop*/
}

#bug-dialog
{
    text-align: left; /**/
}

#bug-dialog table
{
    border: 0; /**/
    width: 100%; /**/
    margin-bottom: 1em; /**/
}

#bug-dialog th, #bug-dialog td
{
    padding: 5px; /**/
}

#bug-dialog th
{
    text-align: right; /**/
}

#bug-dialog td
{
    text-align: left; /**/
}

#bug-dialog textarea
{
    width: 100%; /**/
}

#bug-iframe
{
    width: 100%; /**/
    height: 400px; /**/
}

#overlay
{
    position: fixed; /*Web Control Sleeping Text Position*/
    top: 0; /*Web Control Sleeping Text Position*/
    bottom: 0; /*Web Control Sleeping Text Position*/
    left: 0; /*Web Control Sleeping Text Position*/
    right: 0; /*Web Control Sleeping Text Position*/
    background-color: #000000; /*Web Control Sleeping Background color*/
    opacity: 0.95; /*Web Control Sleeping Background Transparancy*/
    display: none; /**/
    z-index: 1000; /**/
    text-align: center; /*Web Control Sleeping Text Alignment*/
    padding: 10%;  /*Web Control Sleeping Text Position*/
    font-size: 60px;  /*Web Control Sleeping Font Size*/
    font-weight: bold; /*Web Control Sleeping Font Weight*/
    color: #FFFFFF66; /*Web Control Sleeping Font Color(RGBA)*/
}

Dark theme with Red

Code:

html, button, input, select, textarea
{
    color: #222222; /**/
}

body
{
    font-size: 14px; /**/
    line-height: 1.4; /**/
    background: #151515; /*Background Color*/
    text-align: center; /**/
    color: #EEEEEE; /**/
}

::-moz-selection
{
    background: #b3d4fc; /**/
    text-shadow: none; /**/
}

::selection
{
    background: #b3d4fc; /**/
    text-shadow: none; /**/
}

hr
{
    display: block; /**/
    height: 1px; /**/
    border: 0; /**/
    margin: 1em 0; /**/
    padding: 0; /**/
}

img
{
    vertical-align: middle; /**/
}

fieldset
{
    border: 0; /**/
    margin: 0; /**/
    padding: 0; /**/
}

textarea
{
    resize: vertical; /**/
}

h2
{
    font-family: Oswald, Helvetica, Arial, sans-serif; /**/
    color: #FF2233; /**/
    font-size: 38px; /**/
    font-weight: normal; /**/
    margin-top: 0; /**/
    margin-bottom: 15px; /**/
}

a
{
    color: #FF1588; /*Hyperlink Color*/
}

a:hover
{
    text-decoration: none; /**/
    color: #FFFF00; /*Hover Hyperlink Color:*/
}

p
{
    font-size: 14px; /**/
    margin-top: 0; /**/
}

.clearfix:before, .row:before, .clearfix:after, .row:after {
    content: " ";
    display: table;
}

.clearfix:after, .row:after
{
    clear: both; /**/
}

.clearfix, .row
{
    *zoom: 10; /**/
}

.header
{
    width: 1280px; /**/
    text-align: center; /**/
    margin: auto; /**/
    padding: 20px 0px; /**/
    position: relative; /**/
}

.header h1
{
    width: 413px; /**/
    margin: auto; /**/
}

.header h1 a
{
    display: block; /**/
    width: 413px; /**/
    height: 97px; /**/
    text-indent: -5000px; /**/
    background: url(../images/template/logo_folding_home.png) no-repeat; /**/
}

.footer
{
    height: 50px; /**/
}

.panel
{
    width: 970px; /**/
    background-color: #222222; /**/
    border: 3px solid #000000; /**/
    margin: auto; /**/
    -moz-box-shadow: 0px 4px 8px rgba(0, 0, 0, .6); /**/
    -webkit-box-shadow: 0px 4px 8px rgba(0, 0, 0, .6); /**/
    box-shadow: 0px 4px 8px rgba(0, 0, 0, .6); /**/
}

.panel-header
{
    background: #111111; /*Panel Header Background Color*/
    -moz-border-radius-topleft: .6em; /**/
    -webkit-border-top-left-radius: .6em; /**/
    border-top-left-radius: .6em; /**/
    -moz-border-radius-topright: .6em; /**/
    -webkit-border-top-right-radius: .6em; /**/
    border-top-right-radius: .6em; /**/
    text-align: left; /**/
    font-family: Helvetica, Arial, sans-serif; /**/
}

.panel-header h3
{
    margin: 0px; /**/
    padding: 7px 0px 6px 40px; /**/
    font-size: 18px; /**/
    color: #818d9f; /**/
    font-weight: bold; /**/
    line-height: 18px; /**/
}

.panel-content
{
    margin: auto; /**/
    text-align: left; /**/
}

.panel-content p
{
    font-size: 18px; /**/
    font-weight: normal; /**/
}

.popup
{
    width: 820px; /**/
    text-align: left; /**/
    background: #FFFFFF; /**/
    padding: 45px; /**/
    margin: auto; /**/
}

.popup .row
{
    padding-right: 40px; /**/
    overflow: hidden; /**/
}

.popup .row .col-33
{
    margin-left: 60px; /**/
    margin-right: -40px; /**/
}

.popup .row .col-33.first
{
    margin-left: 0px; /**/
}

.corner-all
{
    -moz-border-radius: .6em; /**/
    -webkit-border-radius: .6em; /**/
    border-radius: .6em; /**/
}

.row
{
    margin: 0px 0px 20px 0px; /**/
    text-align: left; /**/
    clear: both; /**/
}

.col
{
    float: left; /**/
    display: inline; /**/
}

.col-50
{
    float: left; /**/
    display: inline; /**/
    width: 50%; /**/
}

.col-33
{
    float: left; /**/
    display: inline; /**/
    width: 33.333%; /**/
}

.col-25
{
    float: left; /**/
    display: inline; /**/
    width: 25%; /**/
}

.button
{
    background: #222 url(../images/template/button_bg.png) repeat-x 0px -9px; /**/
    display: inline-block; /**/
    color: #FFFFFF; /*Button Text Color*/
    font-family: Oswald, Arial, Helvetica, sans-serif; /*Button Font Family*/
    font-size: 24px; /*Button Font Size*/
    padding: 0px 26px 2px; /**/
    font-weight: normal; /**/
    line-height: normal; /**/
    text-decoration: none; /**/
    text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.25); /**/
    -moz-border-radius: 0.2em; /*Button Corner Radius*/
    -webkit-border-radius: 0.2em; /*Button Corner Radius*/
    border-radius: 0.2em; /*Button Corner Radius*/
    position: relative; /**/
    cursor: pointer; /**/
    overflow: visible; /**/
    width: auto; /*Button Width*/
}

button::-moz-focus-inner
{
    border: 0; /**/
    padding: 0; /**/
}

.button:hover
{
    background-color: #111; /**/
    color: #AAAAAA; /**/
}

.button:active
{
    -webkit-transform: translateY(1px); /**/
    -moz-transform: translateY(1px); /**/
}
.small.button
{
    font-size: 13px; /**/
}

.large.button
{
    background: url(../images/template/button_bg.png) repeat-x 0 0; /**/
    font-size: 33px; /**/
    padding: 2px 60px 5px; /**/
}

.green.button
{
    border: 2px solid #303031; /**/
    background-color: #46a95f; /**/
}

.green.button:hover
{
    border: 2px solid #303031; /**/
    background-color: #2c9345; /**/
}

.grey.button {
    border: 2px solid #303031; /**/
    background-color: #a4a4a4; /**/
}
.grey.button:hover
{
    border: 2px solid #303031; /**/
    background-color: #949494; /**/
}

.red.button {
    border: 2px solid #303031; /**/
    background-color: #e03131; /**/
}

.red.button:hover
{
    border: 2px solid #303031; /**/
    background-color: #ca2b2c; /**/
}

p.info, div.info, span.info
{
    font-style: italic; /**/
    color: #7a7a7a; /**/
}
.left
{
    text-align: left; /**/
    color: #FF0000;
}

.center
{
    text-align: center; /**/
}

.right
{
    text-align: right; /**/
}

.hide
{
    display: none; /**/
}

.chromeframe
{
    margin: 0.2em 0;
    background: #ccc; /**/
    color: #000; /**/
    padding: 0.2em 0; /**/
}
.splash
{
    width: 755px; /**/
    margin: auto; /**/
    background: url(../images/template/splash_bg.png); /**/
}

.splash-content
{
    padding: 25px 60px 40px 60px; /**/
    font-family: Georgia, "Times New Roman", Times, serif; /**/
    font-size: 28px; /**/
    color: #000000; /**/
    line-height: 33px; /**/
}

.splash-content img
{
    margin-bottom: 15px; /**/
}

.splash-content p
{
    font-size: 28px; /**/
}

/* welcome */
#welcome h2
{
    margin-top: 52px; /**/
    margin-bottom: 36px; /**/
}

#welcome .panel-content
{
    width: 670px; /**/
}

#welcome .panel-content .row
{
    margin-bottom: 100px; /**/
}


.radio-selector
{
    list-style: none; /**/
    margin: 0px 0px 0px 90px; /**/
    padding: 0px; /**/
}

.radio-selector li
{
    margin-bottom: 7px; /**/
    font-size: 16px; /**/
}

.radio-selector li input[type="radio"]
{
    display: none; /**/
}

.radio-selector li input[type="radio"] + label span
{
    display: inline-block; /**/
    width: 28px; /**/
    height: 28px; /**/
    margin: 0px 10px 0px 0px; /**/
    vertical-align: middle; /**/
    background: url(../images/template/input_radio.png) 0px 0px no-repeat; /**/
    cursor: pointer; /**/
}

.radio-selector li input[type="radio"]:checked + label span
{
    background: url(../images/template/input_radio.png) 0px -56px no-repeat;
}

.lt-ie9 .radio-selector input
{
    display: inline-block !important;
}

.lt-ie9 .radio-selector label span
{
    display: none !important;
}

/* setup id */

#setupid-popup .row label
{
    display: block; /**/
    font-size: 18px; /**/
    padding-bottom: 5px; /**/
}

#setupid-popup .row input
{
    width: 225px; /**/
    margin-bottom: 20px; /**/
    border: 1px solid #000000; /**/
    padding: 2px 3px 3px 3px; /**/
    color: #5a5a5a; /**/
}

#setupid-popup .row p
{
    padding-right: 50px;
}

#setupid-btn-cancel
{
    margin-right: 10px; /**/
}

#menu
{
    font-size: 14pt; /**/
    font-weight: bold; /**/
    color: #818d9f; /**/
    width: 900px; /**/
    margin: 0 auto; /**/
}

#menu td
{
    width: 33%; /**/
    white-space: nowrap; /**/
}

#menu td.left
{
    text-align: left; /**/
}

#menu td.middle
{
    text-align: center; /**/
}

#menu td.right
{
    text-align: right; /**/
}

#menu span
{
    padding: 0 0.2em; /**/
}

#menu a
{
    text-decoration: none; /**/
}


#menu img
{
    width: 24px; /**/
    border: 1px solid #FFFFFF; /**/
    vertical-align: middle; /**/
    margin-bottom: 5px; /**/
    border-radius: 5px; /**/
}

#menu img:hover
{
    border: 1px solid #DDDDDD; /**/
}

#menu .button img, #menu .button img:hover
{
    border: 0;/**/
}

a.btn
{
    display: inline-block; /**/
    border-radius: 5px; /**/
    padding: 0.1em 0.2em; /**/
    line-height: 1.5em; /**/
}

a.btn:hover
{
    background: #DDDDDD; /**/
}

#menu .google-button
{
    position: relative; /**/
    top: 5px; /**/
}

#cp.panel
{
    background: #404040; /**/
}

#cp p
{
    font-size: 14px; /*Details Font Size*/
    color: #EEEEEE; /*Details Font Color*/
}

#cp .hlarge
{
    font-family: Oswald, Helvetica, Arial, sans-serif; /*Heading Text Font Family*/
    color: #FF0055; /*Heading Text Font Size*/
    font-size: 20px; /*Heading Text Font Size*/
    font-weight: normal; /*Heading Text Font Weight*/
    margin: 0; /**/
    padding: 0; /**/
    line-height: 1; /**/
}

#cp .col-left
{
    margin: 0px 20px 0px 40px; /**/
}

#cp .col-right
{
    margin: 0px 40px 0px 20px; /**/
}

#cp .panel-header
{
   margin-bottom: 0px; /**/
}

#cp .panel-header .col-header-right
{
    padding-top: 5px; /**/
    text-align: right; /**/
}

#cp .panel-header .col-header-right ul
{
    float: right; /**/
    list-style: none; /**/
    margin: 0; /**/
    padding: 0; /**/
}

#cp .panel-header .col-header-right ul li
{
    float: left; /**/
    margin-left: 15px; /**/
}

#cp .panel-header .col-header-right .btn-help
{
    background: #6781aa; /**/
    color: #FFFFFF; /**/
    line-height: 1; /**/
    padding: 2px 20px;/**/
    text-decoration: none; /**/
    font-size: 16px;  /**/
    -moz-border-radius: .6em; /**/
    -webkit-border-radius: .6em; /**/
    border-radius: .6em; /**/
    margin-right: 2em; /**/
}

#cp .panel-header .col-header-right .btn-help:hover
{
    background: #586e91; /**/
}

#cp .panel-top
{
    background: #222222; /*Top Header Background color*/
    padding-top: 20px; /**/
    margin-bottom: 0px; /**/
}

#box-user
{
    margin-bottom: 0px; /**/
}

#box-user #user-username
{
    margin-bottom: 6px; /**/
}

#box-cause-selector
{
    float: right; /**/
}

#box-cause-selector span {}

.sbHolder
{
    background-color: #353535; /*Dropdown Menu Background COlor*/
    border-radius: 5px; /**/
    box-shadow: 0px 2px 1px rgba(0, 0, 0, .3); /**/
    font-weight: normal; /**/
    height: 30px; /**/
    position: relative; /**/
    width: 200px; /**/
}

.sbSelector
{
    display: block; /**/
    height: 30px; /**/
    left: 0; /**/
    line-height: 30px; /**/
    outline: none; /**/
    overflow: hidden; /**/
    position: absolute; /**/
    text-indent: 10px; /**/
    top: 0; /**/
    width: 200px; /*Dropdown Menu Width*/
    color: #EEEEEE; /*Dropdown Menu Font Color*/
    text-decoration: none; /**/
    background: url(../images/template/select-icons.png) 165px -116px no-repeat; /**/
    -webkit-box-shadow: 0px 2px 1px rgba(0, 0, 0, .3); /**/
    -moz-box-shadow: 0px 2px 1px rgba(0, 0, 0, .3); /**/
}

.sbSelector:focus
{
    outline: none !important; /**/
}

.sbFocus
{
    outline: none !important; /**/
    text-decoration: none; /**/
    background: #454545; /**/
}

.sbToggleOpen
{
    background: url(../images/template/select-icons.png) 0 -16px no-repeat; /**/
}

.sbHolderDisabled
{
    background-color: #3c3c3c; /**/
    border: solid 1px #515151; /**/
}

.sbHolderDisabled .sbHolder {}
.sbHolderDisabled .sbToggle {}

.sbOptions
{
    background: #262626; /*Collapased Dropdown Menu Background Color*/
    border: solid 1px #010101; /**/
    list-style: none; /**/
    left: -1px; /**/
    margin: 0; /**/
    padding: 0; /**/
    position: absolute; /**/
    top: 30px; /**/
    width: 200px; /**/
    z-index: 1; /**/
    overflow-y: auto; /**/
}

.sbOptions li
{
    padding: 0; /**/
}

.sbOptions a
{
    display: block; /**/
    outline: none; /**/
    padding: 3px 5px 3px 10px; /**/
}

.sbOptions a:link, .sbOptions a:visited
{
    color: #EEEEEE; /**/
    text-decoration: none; /**/
}

.sbOptions a:hover, .sbOptions a:focus, .sbOptions a.sbFocus
{
    color: #000000; /**/
    background: #e1e3e8; /**/
}

.sbOptions li.last a
{
    border-bottom: none; /**/
}

.sbOptions .sbDisabled
{
    border-bottom: dotted 1px #515151; /**/
    color: #999999; /**/
    display: block; /**/
    padding: 7px 0 7px 3px; /**/
}

.sbOptions .sbGroup
{
    color: #EBB52D; /**/
    display: block; /**/
    font-weight: bold; /**/
    padding: 7px 0 7px 3px; /**/
}
.sbOptions .sbSub
{
    padding-left: 17px; /**/
}

#box-points-loading
{
    line-height: 3em;
}

#box-points
{
    display: none; /**/
    margin: 0; /**/
}

#box-points #box-points-counter
{
    display: block; /**/
    font-family: Oswald, Helvetica, Arial, sans-serif; /*Total Score Font Family*/
    color: #FF0011; /*Total Score Color*/
    font-size: 44px; /*Total Score Font Size*/
    font-weight: normal; /**/
    margin: 0; /**/
    padding: 0px 10px 2px 0px; /**/
    line-height: 1; /**/
    float: left; /**/
}

#box-points .box-points- learn
{
    padding-top: 3px; /**/
    line-height: 18px; /**/
    float: left; /**/
    display: block; /**/
}

#cp .panel-pu
{
    background: #222222; /**/
    padding: 0px 20px; /**/
    margin-bottom: 13px; /**/
}

.box-pu
{
    list-style: none; /**/
    margin: 0px; /**/
    padding: 0px; /**/
}

.box-pu li
{
    height: 60px; /*Inactive Tab Height*/
    padding: 15px 0px 7px 0px; /**/
    position: relative; /**/
    float: left; /**/
    border-top-left-radius: 2em; /**/
    -moz-border-radius-topleft: 2em; /**/
    -webkit-border-top-left-radius: 2em; /**/
    border-top-right-radius: 2em; /**/
    -moz-border-radius-topright: 2em; /**/
    -webkit-border-top-right-radius: 2em; /**/
    background: #111111; /*Inactive Tab Color*/
    background-image: #111111; /*Inactive Tab Color*/
    background-image: -webkit#111111; /*Inactive Tab Color*/
    background-image: -moz#111111; /*Inactive Tab Color*/
    background-image: -ms-#111111; /*Inactive Tab Color*/
    background-image: -o-#111111; /*Inactive Tab Color*/
    background-image:  #111111; /*Inactive Tab Color*/
    -webkit-touch-callout: none; /**/
    -webkit-user-select: none; /**/
    -khtml-user-select: none; /**/
    -moz-user-select: none; /**/
    -ms-user-select: none; /**/
    user-select: none; /**/
}

.box-pu li:hover
{
    background: #AAAAAA; /*Tab Hover Color*/
    background-image: -webkit- #AAAAAA; /*Tab Hover Color*/
    background-image: -moz- #AAAAAA; /*Tab Hover Color*/
    background-image: -ms- #AAAAAA; /*Tab Hover Color*/
    background-image: -o- #AAAAAA; /*Tab Hover Color*/
    background-image: #AAAAAA; /*Tab Hover Color*/
}

.box-pu li.active
{
    background: #404040; /*Active Tab Color*/
}

.box-pu li .circle
{
    border-radius: 5%; /*Working Image Radius*/
    width: 54px; /*Working Image Width*/
    height: 54px; /*Working Image Height*/
    display: block; /**/
    border: 3px solid #000000; /*Working Image Border*/
    position: absolute; /**/
    left: 20px; /**/
}

.box-pu li .circle span
{
    display: block;  /**/
    width: 54px; /**/
    height: 54px; /**/
}

.box-pu li .run, .box-pu li .upload, .box-pu li .download {
    background: #64ca7d; /**/
    background-image: -webkit-gradient(linear, left top, left bottom, from(#91eea7), to(#46a95f)); /**/
    background-image: -webkit-linear-gradient(#91eea7, #46a95f); /**/
    background-image: -moz-linear-gradient(#91eea7, #46a95f); /**/
    background-image: -ms-linear-gradient(#91eea7, #46a95f); /**/
    background-image: -o-linear-gradient(#91eea7, #46a95f); /**/
    background-image: linear-gradient(#91eea7, #46a95f); /**/
}

.box-pu li .run span, .box-pu li .finish span
{
    background: url(../images/template/anim_arrow.gif) no-repeat 10px 10px; /**/
}

.box-pu li .upload span
{
    background: url(../images/template/anim_upload.gif) no-repeat 10px 10px; /**/
}

.box-pu li .download span
{
    background: url(../images/template/anim_download.gif) no-repeat 10px 10px; /**/
}

.box-pu li .stop
{
    background: #e03131; /**/
    background-image: -webkit-gradient(linear, left top, left bottom, from(#fb8484), to(#e03131)); /**/
    background-image: -webkit-linear-gradient(#fb8484, #e03131); /**/
    background-image: -moz-linear-gradient(#fb8484, #e03131); /**/
    background-image: -ms-linear-gradient(#fb8484, #e03131); /**/
    background-image: -o-linear-gradient(#fb8484, #e03131); /**/
    background-image: linear-gradient(#fb8484, #e03131); /**/
}

.box-pu li .stop span
{
    background: none; /**/
}

.box-pu li .pause, .box-pu li .finish
{
    background: #e8b70c; /**/
    background-image: -webkit-gradient(linear, left top, left bottom, from(#fdf5de), to(#e8b70c)); /**/
    background-image: -webkit-linear-gradient(#fdf5de, #e8b70c); /**/
    background-image: -moz-linear-gradient(#fdf5de, #e8b70c); /**/
    background-image: -ms-linear-gradient(#fdf5de, #e8b70c); /**/
    background-image: -o-linear-gradient(#fdf5de, #e8b70c);  /**/
    background-image: linear-gradient(#fdf5de, #e8b70c); /**/
}

.box-pu li .pause span
{
    background: none;
}

.box-pu li .pu
{
    padding-left: 90px; /**/
    padding-right: 15px; /**/
}

.box-pu li .pu .pu-type
{
    float: left; /**/
    color: #FF66AA; /**/
    font-weight: bold; /**/
    padding-top: 22px; /**/
    line-height: 0px; /**/
    white-space: nowrap; /**/
}

.box-pu li .pu .pu-load
{
    float: left; /**/
    position: relative; /**/
}

.box-pu li .pu .pu-load .hlarge
{
    position: absolute; /**/
    left: 0px; /**/
    top: 0px; /**/
}

.box-pu li .pu-bar
{
    height: 18px; /**/
    margin-top: 10px; /**/
    background: #777777; /**/
}

.box-pu-1 li
{
    width: 100%; /**/
}

.box-pu-2 li
{
    width: 50%; /**/
}

.box-pu-3 li
{
    width: 33.3%; /**/
}

.box-pu-x li
{
    width: 25%; /**/
}

.box-pu-x li .pu .pu-load .hlarge
{
    font-size: 20px !important; /**/
    padding-top: 8px !important; /**/
}

#box-stats
{
    width: 100%; /**/
    margin-bottom: 8px; /**/
}

#box-project
{
    overflow: hidden; /**/
}

#box-project .hlarge
{
    display: block; /**/
}
#box-project .box-project-img
{
    float: right; /**/
    padding-left: 10px; /**/
    max-width: 250px; /**/
}

#box-status
{
    margin-bottom: 1em;
}
#box-status-msg
{
    float: left; /**/
}

#box-status-msg span.hlarge
{
    text-transform: capitalize; /**/
    display: block; /**/
}

#box-status-points
{
    float: right; /**/
    text-align: right; /**/
}

#box-status-points span
{
    display: block; /**/
}

#box-all-slots
{
    background: #202020; /**/
    border-radius: 5px; /**/
    padding: 0.5em 1em; /**/
    margin: 0 -1em; /**/
}

#slots li
{
    overflow: hidden; /**/
}

#slots .description
{
    text-overflow: ellipsis; /**/
}

#box-power
{
    margin-bottom: 0px; /**/
}

#box-power-slider .hlarge
{
    display: block; /**/
    margin-bottom: 10px; /**/
}

#box-power-slider #slider
{
    height: 17px; /**/
    width: 200px; /**/
}

#box-idle-selector li
{
    white-space: nowrap; /**/
}

.ui-progressbar .ui-progressbar-value
{
    color: #111111; /*/*Progress Percentage Text Color*/
    padding-left: 0.25em; /**/
    line-height: 1em; /**/
    text-align: Left; /*Progress Percentage Text Alignment*/
}

.ui-slider .ui-slider-handle
{
    background: url(../images/template/ui-icon-slider.png) no-repeat !important; /**/
    width: 28px; /**/
    height: 37px; /**/
    border: none !important; /**/
    border-top-left-radius: 0; /**/
    border-top-right-radius: 0; /**/
    border-bottom-left-radius: 0; /**/
    border-bottom-right-radius: 0; /**/
    outline: none; /**/
}

.ui-slider .ui-slider-handle.ui-state-hover,
.ui-slider .ui-slider-handle.ui-state-active
{
    background:  url(../images/template/ui-icon-slider-hover.png) no-repeat !important; /**/
}

.ui-slider-horizontal
{
    background: #777777  no-repeat !important; /*Slider Background Color*/
}

.ui-widget-content
{
    border: 1px solid #000000; /**/
    background: #333333;
    color: #EEEEEE;
}

.ui-widget-header
{
    border: 1px solid #000000; /*Progress Bar Border*/
    border-right: 1px solid #000000; /**/
    background: #FF2233 !important; /*Progress Bar Color*/
}

.ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl
{
    border-top-left-radius: 0px; /*Progress Top Left Bar Radius*/
}
.ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr
{
    border-top-right-radius: 0px; /*Progress Top Right Bar Radius*/
}
.ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl
{
    border-bottom-left-radius: 00px; /*Progress Bottom Left Bar Radius*/
}

.ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br
{
    border-bottom-right-radius: 0px; /*Progress Bottom Right Bar Radius*/
}

#box-power-slider #labels
{
    width: 204px; /**/
    margin-top: 10px; /**/
    padding: 0px; /**/
    list-style: none; /**/
}

#box-power-slider #labels li
{
    float: left; /**/
    width: 33.3333%; /**/
    color: #DDDDDD; /*Power Slider Text*/
}

#box-power-slider #labels li.label-1
{
    text-align: left; /*Power Slider Light Alignment*/
}

#box-power-slider #labels li.label-2
{
    text-align: center; /*Power Slider Medium Alignment*/
}

#box-power-slider #labels li.label-3
{
    text-align: right; /*Power Slider Full Alignment*/
}

#box-idle-selector
{
    margin-left: 25px; /*When Selectior*/
    color: #EEEEEE;
}

#box-idle-selector .hlarge
{
    display: block; /**/
    margin-bottom: 10px; /**/
}
#box-idle-selector .radio-selector
{
    margin: 0;
}

#btn-stop
{
    background: url(../images/template/button_bg.png) repeat-x 0 0; /*Stop Button Image*/
    background-color: #e03131; /*Stop Button Color*/
    font-size: 33px; /*Stop Button Font Size*/
    width: 100%; /*Stop Button Width*/
    padding-left: 0px; /**/
    padding-right: 0px; /**/
    text-align: center; /*Stop Button Text Alignment*/
    border: 2px solid #303031; /*Stop Button Border*/
    margin-bottom: 15px; /**/
}

#btn-stop:hover
{
    background-color: #ca2b2c;
}

#btn-run
{
    background: url(../images/template/button_bg.png) repeat-x 0 0; /**/
    background-color: #46a95f; /**/
    font-size: 33px; /**/
    width: 100%; /**/
    padding-left: 0px; /**/
    padding-right: 0px; /**/
    text-align: center; /**/
    border: 2px solid #303031; /**/
    margin-bottom: 15px; /**/
}

#btn-run:hover
{
    background-color: #2c9345; /**/
}

#stop-popup
{
    width: 400px; /**/
    /*background: #252525; /*Stop Folding Popup*/*/
}

#stop-popup .green.button
{
    margin-right: 15px; /*Finish, then Stop*/
}

#bug-dialog
{
    text-align: left; /**/
}

#bug-dialog table
{
    border: 0; /**/
    width: 100%; /**/
    margin-bottom: 1em; /**/
}

#bug-dialog th, #bug-dialog td
{
    padding: 5px; /**/
}

#bug-dialog th
{
    text-align: right; /**/
}

#bug-dialog td
{
    text-align: left; /**/
}

#bug-dialog textarea
{
    width: 100%; /**/
}

#bug-iframe
{
    width: 100%; /**/
    height: 400px; /**/
}

#overlay
{
    position: fixed; /*Web Control Sleeping Text Position*/
    top: 0; /*Web Control Sleeping Text Position*/
    bottom: 0; /*Web Control Sleeping Text Position*/
    left: 0; /*Web Control Sleeping Text Position*/
    right: 0; /*Web Control Sleeping Text Position*/
    background-color: #000000; /*Web Control Sleeping Background color*/
    opacity: 0.95; /*Web Control Sleeping Background Transparancy*/
    display: none; /**/
    z-index: 1000; /**/
    text-align: center; /*Web Control Sleeping Text Alignment*/
    padding: 10%;  /*Web Control Sleeping Text Position*/
    font-size: 60px;  /*Web Control Sleeping Font Size*/
    font-weight: bold; /*Web Control Sleeping Font Weight*/
    color: #FFFFFF66; /*Web Control Sleeping Font Color(RGBA)*/
}

Yes I left CSS notes on each line so I know what each line does, dont fully know what each line does yet.

TJ13 · Apr 14, 2020

Been debating on what I should do.

Currently have a 1050 Ti.

I looked at everything and I would go with a 2060 as it's just about a 200% increase in what I have now. but only a 20%ish from 2060 to 2070 (Guessing the extra 2 GB vram)

No VR gaming, No 4K gaming due to no 4K monitor.
Only downside is having 6 GB vram with 2060 as opposed to 8GB with 2070, but will be gaining 2 GB from what I have now.

I checked and it says that I could run about 96.3% of games on recommended with the 2060.

Darla Starch · Apr 17, 2020

TJ13
Been debating on what I should do.

Currently have a 1050 Ti.

I looked at everything and I would go with a 2060 as it's just about a 200% increase in what I have now. but only a 20%ish from 2060 to 2070 (Guessing the extra 2 GB vram)

No VR gaming, No 4K gaming due to no 4K monitor.
Only downside is having 6 GB vram with 2060 as opposed to 8GB with 2070, but will be gaining 2 GB from what I have now.

I checked and it says that I could run about 96.3% of games on recommended with the 2060.

I'd swing 2070 myself, just for that added headroom and in case you may change your mind and try 4K.

TJ13 · Apr 28, 2020

Well I finally got a 2060 coming.
Will replace the 1050 ti I have.
So now I should all be good to go for awhile.

Ryzen 5 3600, 32GB ram at 3000 mhz, rtx 2060.
Should last a few years now.

Grayfox · Apr 29, 2020

Made a dark theme for time.is

TJ13
Well I finally got a 2060 coming.
Will replace the 1050 ti I have.
So now I should all be good to go for awhile.

Ryzen 5 3600, 32GB ram at 3000 mhz, rtx 2060.
Should last a few years now.

I would love a new GPU.
A few more frames in BL3 would be nice.
But that means re doing my water cooling loop.

sesselpupser · Apr 30, 2020

I made a thing that turns my PC on, then turns my TV on, then selects the PC source on the TV. It's step one of many to create device that's a wireless lap keyboard (Roccat Sova), USB server and TV remote all in one.

The slightly longer version is that I got a Raspberry Pi Zero W today, installed Raspbian Lite, configured it to enable SSH and connect to my WiFI entirely headlessly (which was actually very easy to do on my Chromebook, I was very impressed), generated SSH keys to allow it to log into the Pi 3B I keep plugged into my TV, created a script on the 3B to do the WOL and HDMI-CEC stuff (with wakeonlan and cec-client respectively), created a "script" on the Zero W to trigger that script with SSH, and I currently have the Zero W plugged into an Anker portable charger to test the battery life. So far it's up to almost 6 hours and the battery indicator says 75%, but has done for about 2 hours now so I'd guess it's closer to 50%.

Also I discovered Chrome OS's SSH client. Slick as anything. All I have to do is type 'ssh ' into the omnibar then the user and host and it just works. You can also mount remote filesystems as if they were external drives with SFTP which is something I believe to be very good. It's especially useful because my work laptop is locked down but Chrome extensions are OK, so I can use it on that to connect to the Pi I'm doing some development work on instead of PuTTY, which is entirely fine but a bit annoying because of how it entirely shuts down when the connection is lost.

Edit: 13 hours and 20 minutes, not bad for my application but either the battery I'm using has been very overrated, it's in really poor condition or my Pi is using a lot more current than estimated because on paper that should've been more like 43 hours and 20 minutes...

Also, sad news: I asked Michael, the VirtualHere dev, if I could transfer my license from my existing server to my Zero and he said no as he's already done it for me once before so until I've got £50 to burn (which won't be for a while) I'll be limited to the unoptimised build and one device. As my mouse is wireless anyway I can just plug it into my PC and it should be fine, so I'm testing the battery again with the keyboard connected to my PC through the Zero with 33 keys backlit (on the dimmest setting) to see how long it lasts now. I'm hoping for 6 hours minimum, but I'm not very hopeful that it'll get there.

Edit II: 7 hours on the dot, not bad. Might get a fresh battery to test with, but either way I think that'll do. Next up: figure out how to make a 3D model for mount to attach it to the keyboard, print it and fabricate the cables. This is probably where I'll give up as I've never 3D printed my own design before.

TJ13 · May 2, 2020

Got my RTX in, after I spent like 5 minutes trying to plug it in, and find out that I had my connector backwards. :lol:

Now it's just waiting to try it out.

Grayfox · May 5, 2020

TJ13
Got my RTX in, after I spent like 5 minutes trying to plug it in, and find out that I had my connector backwards.

Now it's just waiting to try it out.

Lucky it is a RTX2060 and not a RTX2080Ti.
Those are bricks.

TJ13 · May 5, 2020

Grayfox
Lucky it is a RTX2060 and not a RTX2080Ti.
Those are bricks.

Also the "rumor" is that the 2000 series won't age well when ampre comes.
But at what cost will that be.

Since latest rumor has the 3060 can be just as powerful as the 2080 Ti

I'm just happy I got to try minecraft rtx although I couldn't just create an rtx world on my own I had to live with one of those others.

AnthonyD1993 · May 7, 2020

TJ13
Also the "rumor" is that the 2000 series won't age well when ampre comes.
But at what cost will that be.

Since latest rumor has the 3060 can be just as powerful as the 2080 Ti

I'm just happy I got to try minecraft rtx although I couldn't just create an rtx world on my own I had to live with one of those others.

That ultimately will come down to how good RDNA2 is. If AMD misses the mark again (even if RDNA1 was a major step in the right direction), I can see prices staying high for the bulk of Nvidia's gpus and my 1660 Super staying in my rig for another 2-3 years.

TJ13 · May 7, 2020

Now it looks like the new Ryzen 4000 series will only be compatible with the 500 series motherboards.
In which in some cases are good but some cases are not so good.
If looking to upgrade, they are saying wait until about June ish for the 500 series mobo to come out to upgrade.

Grayfox · May 11, 2020

Diagnosing an issue with thunderbolt where it makes all drivers crash.
Dont have an issue in linux.
Reinstalled drivers for chipset, IME.
Nothing works

Sonygamer455 · May 14, 2020

Decided recently that since I find myself going back to my family's PC to search for music time and time again, I should probably just copy all the music from that PC to my portable HDD so I won't have to turn it on every time I want to get something. Although I think I have nearly everything I need from that PC, it seems once I feel like I have found everything, I always find something I'm missing upon looking again. I found evidence on that computer's iTune's that my siblings apparently have bought some music that I don't already have, but sadly I couldn't find the files anywhere. Hopefully, I'll figure it out later on.

Eventually, I am going to do the same with my brother's Mac for the exact same reason as the other. I intend to replace a lot of my low-quality music with much higher quality files over time, fortunately, my brother already has some with better sound quality than some of the ones I already have.

AnthonyD1993 · May 14, 2020

I put an 860 Evo in my pc and took the 240 gb Kingston I had in it into my parent's old HP Pavillion. At the very least, that should keep the old thing alive for a few more years. I have to say that it made the thing go from a slug to a usable computer for the first time in probably 5 years.

Grayfox · May 15, 2020

One problem fixed, another crops up.

Fixed the thunderbolt issue.
Seems setting Boot on Thunderbolt caused it.

My loop has developed a small leak which has been fixed for now.

Going with Acrylic due to PETG being more susceptible to warping at fittings due to heat.
Yes, my system does run warm.

Nexus · May 15, 2020

Cleaned out my case and installed my new parts, then did a fresh install of Windows. My licence doesn't seem to be reactivating for some reason (despite being a digital licence), but I'll deal with that later. Already spent a few more hours than I should've cause of my case being a bit of a pain to work with.

Also only had 5 motherboard screws instead of the required 9, but she'll be right.

The end result:

What Have You Done Today - (Computer Version)

Nexus

Grayfox

Nexus

Casey

francisbaud

AnthonyD1993

Nexus

Swagger897

AnthonyD1993

Swagger897

Sonygamer455

PzR Slim

sesselpupser

Bearded Member

Grayfox

Grayfox

TJ13

Dark Theme. Thank you.

Darla Starch

TJ13

Dark Theme. Thank you.

Grayfox

sesselpupser

Bearded Member

TJ13

Dark Theme. Thank you.

Grayfox

TJ13

Dark Theme. Thank you.

AnthonyD1993

TJ13

Dark Theme. Thank you.

Grayfox

Sonygamer455

AnthonyD1993

Grayfox

Nexus

Similar threads

Latest Posts