@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap');
body
{
color: #b3b3b3;
background-color: #0d0d0d;
font-size: 15px;
font-family: Inter, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
line-height: 1.6;
margin: 0 auto;
min-width: 840px;
width: 840px;
padding: 0;
text-align: center;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
/* --- Top Navigation --- */
#navback
{
text-align: left;
margin: 0 74px;
width: 692px;
padding: 0;
height: 46px;
font-size: 13px;
}
#navcontainer
{
margin: 0;
width: 696px;
position: absolute;
height: 46px;
}
#navcontainer ul
{
padding: 0;
margin: 0;
color: #8a8a8a;
float: left;
display: flex;
align-items: center;
gap: 0;
list-style: none;
}
#navcontainer li
{
display: inline;
float: left;
}
#navcontainer ul li a
{
margin: 0;
padding: 14px 16px;
color: #8a8a8a;
text-decoration: none;
float: left;
display: inline;
font-weight: 500;
font-variant: normal;
font-size: 13px;
letter-spacing: 0.03em;
text-transform: uppercase;
position: relative;
left: 0;
transition: color 0.2s ease;
}
#navcontainer ul li a:hover,
#navcontainer ul li a:focus,
#navcontainer a:active,
#navcontainer li#active a
{
color: #ffffff;
outline: 0;
}
#navcontainer #cur a
{
position: relative;
height: auto;
padding: 14px 16px;
top: 0;
border: none;
color: #ffffff;
background-color: transparent;
border-bottom: 2px solid #0074e4;
}
#navcontainer #cur a:hover,
#navcontainer #cur a:focus,
#navcontainer #cur a:active
{
color: #ffffff;
}
/* --- Shadow Container (repurposed as card) --- */
#shadow-container
{
padding: 0 0 3em 0;
margin: 0 62px;
width: 716px;
clear: both;
}
#shadow-page
{
background-color: #1a1a1a;
margin: 0;
padding: 0;
border-radius: 12px;
}
#shadow-container .shadow1
{
margin: 0;
padding: 0;
border: 1px solid rgba(255, 255, 255, 0.08);
border-radius: 12px;
}
#shadow-container .shadow2
{
margin: 0;
padding: 0;
border: none;
}
#shadow-container .shadow3
{
margin: 0;
padding: 0;
border: none;
}
/* --- Images --- */
a img,
img
{
border: 4px solid #ffffff;
background-color: #ffffff;
}
#navcontainer img
{
border: 0;
}
#overflowpic img
{
border-style: solid;
border-color: #1a1a1a;
border-left-width: 0px;
border-right-width: 16px;
border-top-width: 16px;
border-bottom-width: 16px;
border-radius: 0;
}
/* --- Main Content Area --- */
#content
{
text-align: left;
clear: both;
padding: 40px 48px 32px 48px;
margin: 0;
color: #b3b3b3;
}
#content h2
{
margin: 2em 0 1em 0;
padding: 0;
font-size: 14px;
font-family: Inter, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
border-bottom: 1px solid rgba(255, 255, 255, 0.1);
clear: both;
}
#content h3
{
clear: both;
color: #ffffff;
font-size: 18px;
font-weight: 600;
margin-top: 1.5em;
}
#content li
{
padding: 0 0 0.8em 0;
line-height: 1.6;
}
#content a
{
font-weight: 600;
color: #61cdff;
text-decoration: none;
transition: color 0.2s ease;
}
#content a:hover
{
color: #9de0ff;
}
/* --- Page Mark (product logo) --- */
#pagemark
{
float: left;
padding: 0 32px 12px 0;
margin: 0;
}
#pagemark img
{
border-radius: 0;
}
/* --- Title --- */
#titleback
{
margin: 0;
padding: 0;
text-align: left;
color: #ffffff;
background-color: transparent;
}
#title h1
{
font-size: 28px;
margin: 0 0 0.5em 0;
padding: 0;
font-weight: 700;
font-family: Inter, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
color: #ffffff;
letter-spacing: -0.02em;
line-height: 1.2;
}
/* --- News Sidebar --- */
#news
{
text-align: left;
font-size: 13px;
font-family: Inter, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
margin: 0 0 16px 20px;
padding: 20px;
float: right;
width: 200px;
background-color: #202024;
color: #b3b3b3;
border: 1px solid rgba(255, 255, 255, 0.08);
border-radius: 10px;
line-height: 1.5;
}
#news a
{
color: #61cdff;
font-weight: 500;
outline: 0;
text-decoration: none;
}
#news a:hover
{
color: #9de0ff;
}
#news a b
{
color: #ffffff;
}
/* --- Section Headers --- */
.section
{
background-color: #0074e4;
color: #ffffff;
padding: 6px 16px 5px 16px;
clear: both;
border-radius: 4px;
font-weight: 600;
font-size: 14px;
letter-spacing: 0.02em;
display: inline-block;
}
.section a b
{
color: #ffffff;
font-weight: 600;
clear: both;
}
/* --- Product Cards (picparagraph) --- */
.picparagraph
{
width: 616px;
padding: 24px;
margin: 16px 0;
float: left;
border-bottom: none;
background-color: #202024;
border: 1px solid rgba(255, 255, 255, 0.06);
border-radius: 10px;
transition: border-color 0.2s ease;
display: flex;
align-items: center;
}
.picparagraph:hover
{
border-color: rgba(255, 255, 255, 0.15);
}
.tableparagraph
{
width: 100%;
padding: 0 10% 0 10%;
margin: 1em 0em 1em 0em;
float: left;
}
.smallpic
{
margin: 0 12px 0 0;
padding: 0;
float: left;
}
.smallpictext
{
margin: 0;
padding: 0;
color: #b3b3b3;
flex: 1;
}
.smallpictextshort
{
margin: 0;
padding: 0;
}
/* --- Sub-navigation --- */
#subback
{
text-align: left;
padding: 1em 0 1em 0;
margin: 0;
width: 475px;
font-size: 11px;
color: #ffffff;
float: left;
}
#subback:after
{
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
#subback li
{
padding: 0;
}
.subcontainer
{
width: 173px;
float: left;
padding: 0;
margin: 0 12px 0 0px;
background-color: #2a2a2e;
border-radius: 6px;
overflow: hidden;
}
#subback ul
{
list-style: none;
padding: 0;
margin: 0;
background-color: #2a2a2e;
width: 100%;
text-align: center;
float: left;
height: 2.5em;
}
#subback ul li
{
padding: 0;
margin: 0;
}
#subback ul li a
{
margin: 0;
float: left;
padding: 6px 0px 6px 0px;
background-color: #2a2a2e;
text-decoration: none;
width: 100%;
font-weight: 500;
transition: background-color 0.2s ease;
}
#subback a:link
{
background: #2a2a2e;
color: #b3b3b3;
}
#subback a:visited
{
background: #2a2a2e;
color: #b3b3b3;
}
#subback a:hover,
#subback a:focus
{
background-color: #0074e4;
color: #ffffff;
}
#subback a:active,
#subback li#active a
{
background: #2a2a2e;
color: #ffffff;
}
#subback #scur a
{
background-color: #0074e4;
color: #ffffff;
}
/* --- Quotes --- */
.quotescontainer
{
text-align: left;
width: 100%;
padding: 0;
margin: 0;
}
.quoteslist dt
{
color: #d0d0d0;
font-weight: 400;
font-style: italic;
padding: 0 0 0.3em 24px;
margin: 0 0 0 0;
border-left: 3px solid #0074e4;
line-height: 1.6;
}
.quoteslist dd
{
padding: 0 0 2em 24px;
margin: 0 0 0 0;
font-size: 13px;
color: #61cdff;
font-style: normal;
font-weight: 600;
border-left: none;
}
/* --- Games List --- */
.gamescontainer
{
text-align: left;
width: 100%;
padding: 0;
margin: 0;
font-size: 13px;
}
.gameslist dt
{
padding: 0 0 1.5em 0;
margin: 0;
float: left;
width: 30%;
clear: both;
color: #ffffff;
font-weight: 500;
}
.gameslist dd
{
padding: 0 0 1.5em 0;
margin: 0 0 0 35%;
color: #8a8a8a;
}
.gameslist dl
{
padding: 0;
margin: 0;
}
.gameslist dl:after
{
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.gamestop dt
{
border-bottom: 1px solid rgba(255, 255, 255, 0.1);
padding: 8px 0;
margin: 0;
float: left;
width: 30%;
color: #ffffff;
font-weight: 600;
}
.gamestop dd
{
border-bottom: 1px solid rgba(255, 255, 255, 0.1);
padding: 8px 0;
margin: 0 0 0 5%;
width: 64%;
float: left;
color: #8a8a8a;
}
/* --- Compressor Charts --- */
.compcontainer
{
text-align: left;
width: 100%;
padding: 0;
margin: 0;
font-size: 13px;
}
.complist dt
{
padding: 0 0 1em 0;
margin: 0;
float: left;
width: 60%;
clear: both;
color: #ffffff;
}
.complist dd
{
text-align: right;
padding: 0 0 1em 0;
margin: 0 0 0 65%;
color: #8a8a8a;
}
.complist dl
{
padding: 0;
margin: 0;
}
.complist dl:after
{
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.comptop dt
{
border-bottom: 1px solid rgba(255, 255, 255, 0.1);
padding: 8px 0;
margin: 0;
float: left;
width: 60%;
color: #ffffff;
font-weight: 600;
}
.comptop dd
{
text-align: right;
border-bottom: 1px solid rgba(255, 255, 255, 0.1);
padding: 8px 0;
margin: 0 0 0 5%;
float: left;
width: 34%;
color: #8a8a8a;
font-weight: 600;
}
.comptop dl
{
padding: 0;
margin: 0;
}
/* --- Download List --- */
.downcontainer
{
text-align: left;
width: 100%;
padding: 0;
margin: 0;
font-size: 13px;
}
.downlist dt
{
padding: 1em 0 1em 0;
margin: 0;
float: left;
width: 30%;
clear: both;
color: #ffffff;
font-weight: 500;
}
.downlist dd
{
padding: 1em 0 1em 0;
margin: 0 0 0 35%;
}
.downlist dl
{
padding: 0 0 2em 0;
margin: 0;
border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}
.downlist dl:after
{
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
/* --- Tight Lists --- */
#tight li
{
padding: 0;
margin: 0;
}
#tight li li
{
font-size: 14px;
font-family: Inter, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
}
/* --- Donate / Side Content --- */
#donate
{
text-align: left;
font-size: 14px;
font-family: Inter, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
margin: 0 2em 0 0;
float: left;
width: 42%;
}
/* --- Footer --- */
#infoback
{
margin: 0;
padding: 0;
width: 712px;
background-color: #141416;
clear: both;
font-size: 12px;
border-top: 1px solid rgba(255, 255, 255, 0.08);
border-radius: 0 0 12px 12px;
}
#infocontainer
{
margin: 0;
padding: 12px 0;
text-align: center;
}
#infocontainer ul
{
margin: 0;
padding: 0;
background-color: transparent;
color: #666666;
float: left;
display: flex;
justify-content: center;
width: 100%;
list-style: none;
}
#infocontainer ul li
{
margin: 0;
padding: 0 1em;
border-right: 1px solid #333333;
display: inline;
float: left;
color: #666666;
}
#infocontainer ul li:last-child
{
border-right: none;
}
#infocontainer a
{
margin: 0;
color: #61cdff;
display: inline;
float: left;
text-decoration: none;
transition: color 0.2s ease;
}
#infocontainer a:hover
{
color: #9de0ff;
}
#infoback:after
{
margin: 0;
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
/* --- Selection Color --- */
::selection
{
background: #0074e4;
color: #ffffff;
}
/* --- Scrollbar (Webkit) --- */
::-webkit-scrollbar
{
width: 8px;
}
::-webkit-scrollbar-track
{
background: #0d0d0d;
}
::-webkit-scrollbar-thumb
{
background: #333;
border-radius: 4px;
}
::-webkit-scrollbar-thumb:hover
{
background: #555;
}
/* --- General Paragraph Styling --- */
p
{
margin-bottom: 1em;
line-height: 1.65;
}
b, strong
{
color: #e0e0e0;
font-weight: 600;
}
i, em
{
color: #cccccc;
}
/* --- Horizontal Rules --- */
hr
{
border: none;
border-top: 1px solid rgba(255, 255, 255, 0.08);
margin: 2em 0;
}