1 Star 0 Fork 0

sijor2000/ct-js2

加入 Gitee
与超过 1200万 开发者一起发现、参与优秀开源项目,私有仓库也完全免费 :)
免费加入
克隆/下载
itchPage.css 5.76 KB
一键复制 编辑 原始数据 按行查看 历史
Cosmo Myzrail Gorynych 提交于 2019-08-15 18:39 . :bento:Sources of itch pages
/**********************************/
/********** BASIC LAYOUT **********/
/**********************************/
.responsive .inner_column {
max-width: initial;
}
.responsive .wrapper {
padding: 0;
}
.columns {
margin: 1.5rem 0 0 0;
display: -webkit-flex;
display: flex;
-webkit-flex-direction: column;
flex-direction: column;
max-width: 100vw;
}
.columns .left_col {
-webkit-order: 2;
order: 2;
}
.columns .right_col {
-webkit-order: 1;
order: 1;
}
.columns .right_col, .columns .left_col {
display: block;
margin: 0;
width: auto;
}
.view_game_page.buy_on_top .header_buy_row, #download, .buy_row, .uploads > p, .view_game_page .more_information_toggle .toggle_row {
text-align: center;
}
#view_game_footer {
padding: 2rem 1.5rem;
margin: 0 auto;
}
.header {
background: #446adb;
}
.right_col.column,
.formatted_description.user_formatted,
#devlog,
.view_game_page .uploads .upload_list_widget,
.game_community_preview_widget .community_topics,
.game_community_preview_widget .post_links,
.inner_column .footer,
.view_game_page .info_panel_wrapper {
width: 960px;
max-width: 100%;
max-width: 100vw;
margin: 0 auto;
padding: 0 1.5rem;
box-sizing: border-box;
}
.uploads, .view_game_page #download + .buy_row, #download, .community_summary {
background: #446adb;
padding: 1rem 0;
color: #fff;
margin: 0;
}
.view_game_page #download + .buy_row .button.buy_btn, .game_community_preview_widget .post_links a.button {
background: #fff;
color: #446adb;
box-shadow: inset 0 0 1px rgba(0, 0, 0, 0.21);
text-shadow: none;
}
/**********************************/
/********* TEXT & HEADERS *********/
/**********************************/
.formatted_description.user_formatted p:first-child {
margin-top: 1rem;
font-size: 125%;
}
.inner_column p, .inner_column ol, .inner_column ul {
line-height: 1.75em;
}
.inner_column h1, .inner_column h2, .inner_column h3, .inner_column h4 {
font-weight: 200;
padding-bottom: 0;
margin-bottom: 1rem;
margin-top: 1.5em;
}
.inner_column h2 {
font-size: 3rem;
text-align: center;
margin-top: 2rem;
}
.inner_column h4 {
font-weight: 600;
}
.formatted_description.user_formatted table, .formatted_description.user_formatted td {
border: 0;
text-align: center;
}
.formatted_description.user_formatted table strong {
font-weight: 300;
color: #5144db;
font-size: 1.5rem;
line-height: 3rem;
}
#download {
padding: 2rem 0 0;
}
/**********************************/
/****** SCREENSHOTS & DEMOS *******/
/**********************************/
.view_game_page .screenshot_list, .custom-Demos, .custom-MadeWithCtJs {
white-space: initial;
text-overflow: ellipsis;
overflow: auto;
font-size: 0;
text-align: center;
margin: 0;
}
.formatted_description.user_formatted img, .view_game_page .screenshot_list img, .custom-Demos img, .custom-MadeWithCtJs img {
border: 0 none;
border-radius: 0.35rem;
}
.view_game_page .screenshot_list img, .custom-Demos img, .custom-MadeWithCtJs img {
opacity: 0.95;
transform: scale(0.9);
transition: ease 0.35s all;
display: inline-block;
margin: 0;
height: 160px;
max-width: initial;
}
.custom-Demos img, .custom-MadeWithCtJs img {
height: initial;
}
.screenshot_list a:hover img, .custom-Demos a:hover img, .custom-MadeWithCtJs a:hover img {
opacity: 1;
transform: scale(1);
}
/**********************************/
/********* DOWNLOAD & BUY *********/
/**********************************/
.buy_row .buy_message .sub::before {
content: "$0+";
margin-right: 0.35rem;
font-size: 1.35rem;
vertical-align: -1px;
}
.view_game_page .buy_row .button_message {
flex-flow: column nowrap;
}
.view_game_page .buy_row .sub {
margin-top: 1rem;
}
.view_game_page .buy_row .button {
margin-right: 0;
font-size: 1.5rem;
line-height: 3rem;
height: auto;
font-weight: 300;
padding: 0 1rem;
border-radius: 0.35rem;
}
/**********************************/
/************ UPLOADS *************/
/**********************************/
.view_game_page #download + .buy_row {
padding-bottom: 0;
}
.view_game_page .uploads .upload_list_widget {
columns: 2;
width: 45rem;
max-width: 100%;
}
@media (max-width: 650px) {
.view_game_page .uploads .upload_list_widget {
columns: 1;
}
}
.upload_list_widget .upload .upload_name .name {
display: block;
line-height: 2;
}
.upload_list_widget .upload .upload_name, .upload_list_widget .upload .build_row {
display: inline;
}
.upload_list_widget .upload .upload_name > * {
margin-left: 0;
margin-right: 0.5rem;
}
.upload_list_widget .upload .info_column {
background: rgba(255, 255, 255, 0.1);
padding: 0.5rem 1rem;
border-radius: 0.35rem;
text-align: initial;
}
.view_game_page .uploads .upload_list_widget {
padding-bottom: 1.5rem
}
/**********************************/
/************ DEVLOG **************/
/**********************************/
.view_game_page .game_devlog ul li {
margin-bottom: 1rem;
justify-content: space-between;
align-items: first baseline;
}
/**********************************/
/************* FORUM **************/
/**********************************/
.game_community_preview_widget .community_topics, .game_community_preview_widget .community_topics a {
color: #fff;
text-decoration: none;
}
.game_community_preview_widget .community_topic_row .topic_tag {
background: #4F44DB;
font-weight: 400;
font-size: 75%;
padding: 0.35rem 0.5rem;
border-radius: 0.35rem;
}
.game_community_preview_widget .post_links {
margin: 1rem auto;
}
.game_community_preview_widget h2 {
color: #fff;
}
.game_community_preview_widget .community_topic_row {
padding: 0.25rem 1rem;
border-radius: 0.35rem;
margin: 0 -1rem 0.75rem;
}
马建仓 AI 助手
尝试更多
代码解读
代码找茬
代码优化
1
https://gitee.com/sijor2000/ct-js2.git
git@gitee.com:sijor2000/ct-js2.git
sijor2000
ct-js2
ct-js2
master

搜索帮助