snappark.jpが使いづらいので、PC表示時の写真表示を3列に変更し、写真拡大画面も大きく表示されるように変更しました。
snappark.jp by shkd
Details
Authorshkd
LicenseNo License
Categorysnappark.jp
Created
Updated
Size1.4 kB
Statistics
Learn how we calculate statistics in the FAQ.
Failed to fetch stats.
Description
Notes
Userstyle doesn't have notes.Source code
/* ==UserStyle==
@name snappark.jp - 2023/3/1 11:18:30
@namespace github.com/openstyles/stylus
@version 1.0.0
@description A new userstyle
@author Me
==/UserStyle== */
ul[lazy-load-area]{
display: grid;
grid-template-columns: 33% 33% 33%;
}
ul[lazy-load-area] > li{
float: none !important;
width: 100% !important;
}
main .inner #photo_detail_modal #photo_detail{
width: 80vw !important;
height: 90vh !important;
min-height: 90vh !important;
max-height: 90vh !important;
top:0;
}
main .inner #photo_detail_modal #photo_detail .cont_body{
width: 80vw !important;
}
main .inner #photo_detail_modal #photo_detail .cont_body .cont_wrap .cont_left{
width: 60vw !important;
}
main .inner #photo_detail_modal #photo_detail .cont_body .cont_wrap .cont_right{
width: 20vw !important;
}
main .inner #photo_detail_modal #photo_detail .cont_body .cont_wrap .cont_left .cont_left_photo{
height: 80vh;
}
main .inner #photo_detail_modal #photo_detail .cont_body .cont_wrap .cont_left .cont_left_photo img{
max-width: 100%;
max-height: 100%;
}
img.zoomImg{
width: 1920px !important;
height: 1369.5px !important;
}
@-moz-document url-prefix("https://snappark.jp/partner/53935/events/1324428/pages/1162304/albums/16997843/photos/?p=3") {
/* ここにコードを挿入... */
}