Skip to content

Commit

Permalink
24 files | forums.css, profilev2.css, workshop.css, workshop_itemdeta…
Browse files Browse the repository at this point in the history 
…ils.css, workshop_userfiles.css, broadcast.css, friends.css, forums.js, chathelpers.js, clientcom.js, friends.js, friendsui_english.js, profile.js, steammessages.js, user_reviews.js, labs.css, game.css, itemstore.css, curator_admin.js, eventcomponents.js, main.js, main_english-json.js, store_common.js, home.js
  • Loading branch information
@SteamTracker
SteamTracker committed Jun 3, 2020
1 parent 85c8b57 commit 6e1c60f
Show file tree
Hide file tree
Showing 24 changed files with 73,230 additions and 40,143 deletions.
17 changes: 16 additions & 1 deletion steamcommunity.com/public/css/skin_1/forums.css
View file
Expand Up @@ -169,6 +169,14 @@ textarea.forumtopic_reply_textarea {
background-image: none;
}

.forum_topic.needs_content_check {
background-image: none;
background-color: rgba( 23, 34, 48, 0.7);
}
.forum_topic.failed_content_check {
background-image: none;
background-color: rgba(165, 91, 19, 0.25);
}
.forum_topic.deleted {
background-image: none;
background-color: rgba( 23, 34, 48, 0.7);
Expand Down Expand Up @@ -1302,7 +1310,9 @@ input.discussionSearchText:-moz-placeholder {
.forum_topic_deleted_notice,
.forum_topic_locked_notice,
.forum_topic_pinned_notice,
.forum_topic_reported_notice {
.forum_topic_reported_notice,
.forum_topic_needs_content_check_notice,
.forum_topic_failed_content_check_notice {
margin-bottom: 12px;
padding: 14px 11px;
margin-top: 4px;
Expand All @@ -1320,6 +1330,11 @@ input.discussionSearchText:-moz-placeholder {
background-color: #4A3E2E;
}

.forum_topic_needs_content_check_notice > img,
.forum_topic_failed_content_check_notice > img {
width: 12px;
}

table.forum_auditlog {
border-spacing: 0;
border-collapse: collapse;
Expand Down
118 changes: 83 additions & 35 deletions steamcommunity.com/public/css/skin_1/profilev2.css
View file
@@ -1,4 +1,32 @@

body.DefaultTheme {
--gradient-right: rgba(109, 38, 44, 0.301);
--gradient-left: rgba(50, 255, 193, 0.103);
--gradient-background: rgba(34, 35, 48, 0.93);
--gradient-background-right: rgba(109, 38, 44, 0.164);
--gradient-background-left: rgba(50, 255, 193, 0.103);
--color-showcase-header: rgba(43, 45, 68, 0.93);
--gradient-showcase-header-left: rgba(115, 173, 184, 0.247);
--btn-background:rgba(43, 52, 68, 1);
--btn-background-hover:rgba(48, 57, 73, 1);
--btn-outline:rgb(73, 87, 110);
}

body.CosmicTheme {
--gradient-right: rgba(248, 70, 180, 0.301);
--gradient-left: rgba(9, 243, 99, 0.247);
--gradient-background: rgba(38, 23, 65, 0.93);
--gradient-background-right: rgba(248, 70, 180, 0.164);
--gradient-background-left: rgba(9, 243, 99, 0.13);
--color-showcase-header: rgba(50, 32, 61, 0.93);
--gradient-showcase-header-left: rgba(20, 60, 68, 0.93);
--btn-background:rgba(100, 38, 102, 1);
--btn-background-hover:rgba(128, 50, 131, 1);
--btn-outline:rgba(175, 71, 179, 1);

}


div.profile_page {
position: relative;

Expand Down Expand Up @@ -80,6 +108,8 @@ body.profile_page.flat_page #footer_spacer {
}
}



.profile_header_bg {
position: relative;
max-width: 1018px;
Expand All @@ -95,23 +125,19 @@ body.profile_page.flat_page #footer_spacer {
max-width: 976px;
min-height: 224px;
margin: 0 auto;
background:
radial-gradient(
farthest-side at bottom right,
rgba(109, 38, 44, 0.301),
transparent 500px
),
radial-gradient(
farthest-corner at bottom left,
rgba(50, 255, 193, 0.103),
transparent 400px
);
background-color: rgba(34, 35, 48, 0.93);
/*background-image: url( 'https://steamcommunity-a.akamaihd.net/public/images/profile/2020/bg_frame_top.png' );*/
background: radial-gradient(
farthest-side at bottom right,
var(--gradient-right),
transparent 500px
),
radial-gradient(
farthest-corner at bottom left,
var(--gradient-left),
transparent 600px
);
background-color: var(--gradient-background);
background-repeat: no-repeat;
background-position: center;

/*box-shadow: 0 0 11px 2px black;*/
}


Expand Down Expand Up @@ -402,7 +428,8 @@ body.profile_page.flat_page #footer_spacer {
text-decoration: none;
cursor: pointer;
/*border: 1px solid #212121;*/
background-color: rgba(43, 52, 68, 0.98);
background-color: var(--btn-background);
transition: 0.2s;
/*background: #373f4f; /* Old browsers */
/*background: -webkit-linear-gradient( top, #7a8494 5%, #282f3d 95%);
background: linear-gradient( to bottom, #7a8494 5%, #282f3d 95%);
Expand All @@ -412,23 +439,26 @@ body.profile_page.flat_page #footer_spacer {

border-radius: 2px;
display: block;
background-color: rgba(43, 52, 68, 0.93);
background-color: var(--btn-background);
/*background: #2e394c; /* Old browsers */
/*background: -webkit-linear-gradient( top, #33425a 5%, #282f3d 95%);
background: linear-gradient( to bottom, #33425a 5%, #282f3d 95%);
*/
}
.btn_profile_action:hover, .btn_profile_action.focus {
text-decoration: none;
background-color: rgba(48, 57, 73, 0.93);
background: #688bb1 ; /* Old browsers */
background-color: var(--btn-background-hover);
/*background: #688bb1 ;*/ /* Old browsers */
box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
transition: 0.2s;
/*background: -webkit-linear-gradient( top, #9ba9bf 5%, #282f3d 95%);
background: linear-gradient( to bottom, #9ba9bf 5%, #282f3d 95%);
*/
}
.btn_profile_action:hover > span, .btn_profile_action.focus > span {
background: #526d95; /* Old browsers */
background-color: rgba(48, 57, 73, 0.93);
/*background: #526d95;*/ /* Old browsers */
background-color: var(--btn-background-hover);
/*outline: var(--btn-outline) solid 0.5px;*/
/*background: -webkit-linear-gradient( top, #3c597b 5%, #282f3d 95%);
background: linear-gradient( to bottom, #3c597b 5%, #282f3d 95%);
*/
Expand Down Expand Up @@ -468,17 +498,25 @@ body.profile_page.flat_page #footer_spacer {
background:
radial-gradient(
farthest-side at top right,
rgba(109, 38, 44, 0.301),
var(--gradient-right),
transparent 500px
),
radial-gradient(
farthest-corner at top left,
rgba(50, 255, 193, 0.103),
transparent 400px
var(--gradient-left),
transparent 600px
),
radial-gradient(
farthest-corner at bottom right,
var(--gradient-background-right),
transparent 500px
),
radial-gradient(
farthest-corner at bottom left,
var(--gradient-background-left),
transparent 600px
);
background-color: rgba(34, 35, 48, 0.93);
/*background-image: url( 'https://steamcommunity-a.akamaihd.net/public/images/profile/2020/bg_frame_bottom.png' );*/
/*background-position: center;*/
background-color: var(--gradient-background);
background-repeat: no-repeat;
padding: 12px 12px 64px 12px;
width: 952px;
Expand All @@ -497,19 +535,28 @@ body.profile_page.flat_page #footer_spacer {

.profile_content.has_profile_background
{
/*background-image: url( 'https://steamcommunity-a.akamaihd.net/public/images/profile/2020/bg_frame_bottom.png' );*/
background:
radial-gradient(
farthest-side at top right,
rgba(109, 38, 44, 0.301),
var(--gradient-right),
transparent 500px
),
radial-gradient(
farthest-corner at top left,
rgba(50, 255, 193, 0.103),
transparent 400px
var(--gradient-left),
transparent 600px
),
radial-gradient(
farthest-corner at bottom right,
var(--gradient-background-right),
transparent 500px
),
radial-gradient(
farthest-corner at bottom left,
var(--gradient-background-left),
transparent 600px
);
background-color: rgba(34, 35, 48, 0.93);
background-color: var(--gradient-background);
margin-top: 0px;
overflow: hidden;
padding-top: 16px;
Expand Down Expand Up @@ -593,7 +640,7 @@ body.profile_page.flat_page #footer_spacer {

.profile_customization:hover .profile_customization_editlink {
display: block;
background-color: rgba( 43, 52, 68, 0.93);
background-color: var(--color-showcase-header);
filter: none;
padding: 5px;
}
Expand All @@ -606,8 +653,9 @@ body.profile_page.flat_page #footer_spacer {
font-family: "Motiva Sans", Sans-serif;
font-weight: 200; /* thin */


background-color: rgba( 43, 52, 68, 0.93);
/*background-color: var(--color-showcase-header);*/
background: var(--color-showcase-header);
background: linear-gradient(90deg, var(--gradient-showcase-header-left) 0%, var(--color-showcase-header) 90%);
padding: 5px 10px 5px 10px;
color: #ffffff;
font-size: 16px;
Expand Down
61 changes: 21 additions & 40 deletions steamcommunity.com/public/css/skin_1/workshop.css
View file
Expand Up @@ -1749,20 +1749,24 @@ textarea {
}

.workshopBrowseItems {
display: flex;
display: grid;
justify-content: space-between;
flex-flow: row wrap;
grid-template-columns: 1fr 1fr 1fr;
grid-column-gap: 20px;
grid-row-gap: 10px;
}

.workshopItem {
position: relative;
width: 200px;
max-width: 31%;
width: 100%;
min-height: 200px;
margin-right: 0px;
margin-bottom: 10px;
}

.workshopItem > a {
display: block;
}

.workshopItem .workshopItemAuthorName
{
font-size: 12px;
Expand Down Expand Up @@ -3768,28 +3772,6 @@ div.hover {
display: inline;
}

.sectionTabsHR
{

top: 38px;
left: 0px;
background-color:#4d4d4e;
height:1px;
margin:0;
padding:0;
margin-bottom:8px;
}

#ig_bottom .sectionTabsHR.stats {
background-color: #ac966a;
}

#profileBlock .sectionTabsHR
{
top: 114px;
}


.general_btn.createCollection
{
position: relative;
Expand Down Expand Up @@ -3986,20 +3968,10 @@ html.responsive #ig_bottom {
background: transparent;
}

#ig_bottom:not(.item) .sectionTabsHR {
position: relative;
top: -8px;
left: 0px;
}

#ig_bottom .sectionTabsHR {
background-color: #417B9C;
height: 5px;
left: 0px;
width: 950px;
#ig_bottom .responsive_tab_baseline.stats {
background-color: #ac966a;
}


#ig_bottom div.dayselect #dayselect_activeday
{
background-color: transparent;
Expand Down Expand Up @@ -4359,7 +4331,7 @@ html.responsive #ig_bottom {
}

#ig_bottom .forum_discussion_profileBlock#profileBlock {
width: 645px;
max-width: 645px;
padding-left: 0px;
}

Expand Down Expand Up @@ -5065,6 +5037,15 @@ a.readmore_link
min-height: 0;
}

html.responsive .workshopItem .workshopItemTitle {
max-width: 100px;
font-size: 12px;
}

html.responsive .fileRating {
max-width: 60px;
}

html.responsive .guide_category_tags {
top: 0px;
z-index: 0;
Expand Down
10 changes: 8 additions & 2 deletions steamcommunity.com/public/css/skin_1/workshop_itemdetails.css
View file
Expand Up @@ -3353,7 +3353,7 @@ div.visibilityselect div.option img, div.visibilityselect_options div.option img
margin-bottom: 4px;
}

@media screen and (max-width: 480px)
@media screen and (max-width: 910px)
{
/* don't let the floating guys cram text into a small corner */
html.responsive .sharedFilePreviewImage.floatLeft, html.responsive .sharedFilePreviewImage.floatRight {
Expand Down Expand Up @@ -3615,10 +3615,16 @@ h2.stats {
position: absolute;
bottom: 15px;
right: 45px;
width: 500px;
max-width: 500px;
width: calc( 100% - 10px);
padding: 5px;
border-radius: 3px;
}
@media screen and (max-width: 910px) {
html.responsive .statsBox .graphNotice {
position: unset;
}
}

.statsBox .graphNotice p {
margin: 0;
Expand Down

0 comments on commit 6e1c60f

Please sign in to comment.