|
@@ -3395,6 +3395,7 @@ a.hasHover:hover, a:active {
|
|
|
display: flex;
|
|
|
flex-direction: column;
|
|
|
align-items: center;
|
|
|
+ margin-left: 30px;
|
|
|
/* transform: translateX(-50%); */
|
|
|
}
|
|
|
|
|
@@ -6276,7 +6277,7 @@ a.hasHover.tag-link:hover {
|
|
|
/* background: rgba(0, 0, 0, 0.2); */
|
|
|
/* border-radius: 10px; */
|
|
|
/* padding: 0 10px; */
|
|
|
- width: 250px;
|
|
|
+ width: 404px;
|
|
|
height: 46px;
|
|
|
background: url(../images/titleBAC.png) no-repeat center;
|
|
|
background-size: 100% 100%;
|
|
@@ -6334,9 +6335,11 @@ a.hasHover.tag-link:hover {
|
|
|
display: flex;
|
|
|
align-items: center;
|
|
|
height: 100%;
|
|
|
- position: absolute;
|
|
|
+ padding-left: 5px;
|
|
|
+ margin-top: 3px;
|
|
|
+ /* position: absolute;
|
|
|
top: 2px;
|
|
|
- right: 36px;
|
|
|
+ right: 36px; */
|
|
|
}
|
|
|
|
|
|
/*.meta-toggle.hasHover:hover,.meta-toggle:active {
|
|
@@ -6974,6 +6977,16 @@ a.hasHover.tag-link:hover {
|
|
|
}
|
|
|
|
|
|
@media only screen and (max-width: 1000px) {
|
|
|
+ .pinTop.left{
|
|
|
+ margin-left: 0;
|
|
|
+ }
|
|
|
+ #model-title{
|
|
|
+ max-width: 80vw;
|
|
|
+ min-width: 325px;
|
|
|
+ }
|
|
|
+ #gui-name{
|
|
|
+ font-size: 14px;
|
|
|
+ }
|
|
|
.progressbar {
|
|
|
width: 60%;
|
|
|
}
|
|
@@ -7061,7 +7074,7 @@ a.hasHover.tag-link:hover {
|
|
|
|
|
|
@media only screen and (max-width: 370px) {
|
|
|
#gui-name {
|
|
|
- font-size: 16px;
|
|
|
+ font-size: 14px;
|
|
|
}
|
|
|
#meta-info-wrapper {
|
|
|
width: 100vw;
|
|
@@ -7076,6 +7089,29 @@ a.hasHover.tag-link:hover {
|
|
|
font-size: 14px;
|
|
|
}
|
|
|
}
|
|
|
+@media only screen and (max-width: 480px) {
|
|
|
+ #meta-info {
|
|
|
+ width: 100%;
|
|
|
+ left: 0;
|
|
|
+ }
|
|
|
+ #meta-info-wrapper{
|
|
|
+ width: 70vw;
|
|
|
+ }
|
|
|
+}
|
|
|
+@media only screen and (max-width: 800px) {
|
|
|
+ .model-title {
|
|
|
+ /* width: 80vw; */
|
|
|
+ font-size: 24px;
|
|
|
+ /* text-align: left; */
|
|
|
+ }
|
|
|
+}
|
|
|
+@media only screen and (max-width: 550px) {
|
|
|
+ .model-title {
|
|
|
+ width: 80vw;
|
|
|
+ font-size: 20px;
|
|
|
+ /* text-align: left; */
|
|
|
+ }
|
|
|
+}
|
|
|
|
|
|
|
|
|
|