Difference between revisions of "WangYue.css"

From City of Hope MUSH
Jump to navigation Jump to search
Line 42: Line 42:
 
width: 30%;
 
width: 30%;
 
height: auto;
 
height: auto;
font-size:0.5em;
+
font-size:1em;
 
}
 
}
 
 
Line 88: Line 88:
 
width: 94%;
 
width: 94%;
 
padding: 1em 3%;
 
padding: 1em 3%;
font-size: 0.5em;
+
font-size: 1em;
 
}
 
}
 
 
Line 94: Line 94:
 
width: 94%;
 
width: 94%;
 
padding: 1em 3%;
 
padding: 1em 3%;
font-size: 0.5em;
+
font-size: 1em;
 
}
 
}
  
Line 103: Line 103:
 
.label {
 
.label {
 
margin: 0.2em 0;
 
margin: 0.2em 0;
font-size: 0.5em;
+
font-size: 1em;
 
font-weight: 600;
 
font-weight: 600;
 
}
 
}
Line 110: Line 110:
 
width: 94%;
 
width: 94%;
 
padding: 1em 3%;
 
padding: 1em 3%;
font-size: 0.5em;
+
font-size: 1em;
 
display: flex;
 
display: flex;
 
flex-direction: column;
 
flex-direction: column;
Line 122: Line 122:
 
width: 94%;
 
width: 94%;
 
padding: 1em 3%;
 
padding: 1em 3%;
font-size: 0.5em;
+
font-size: 1em;
 
display: flex;
 
display: flex;
 
flex-direction: column;
 
flex-direction: column;
Line 138: Line 138:
 
.hook-table-label {
 
.hook-table-label {
 
font-weight: 600;
 
font-weight: 600;
padding-left: 0.5em;
+
padding-left: 1em;
 
}
 
}
 
 
Line 144: Line 144:
 
width: 94%;
 
width: 94%;
 
padding: 1em 3%;
 
padding: 1em 3%;
font-size: 0.5em;
+
font-size: 1em;
 
display: flex;
 
display: flex;
 
flex-direction: column;
 
flex-direction: column;
Line 163: Line 163:
 
.logs-container {
 
.logs-container {
 
margin: 0 1em;
 
margin: 0 1em;
font-size: 0.5em;
+
font-size: 1em;
 
}
 
}
 
 

Revision as of 10:12, 11 November 2024

.container { display: flex; justify-content: center; width: 100%; height: auto; margin: auto; display: flex; flex-direction: column; font-family: "Arial"; background-color: #F7F6f4; }

.top-section { display: flex; }

.header-container { width: 100%; display: flex; justify-content: center; padding: 2em 0; }

.header-title { width: 94%; font-size: 70px; letter-spacing: 2px; word-spacing: 2px; font-weight: 700; text-decoration: none; font-style: normal; font-variant: normal; text-transform: none; }

.quote { font-size: 30px; text-align: center; }

.left-panel { width: 30%; height: auto; font-size:1em; }

.right-panel { width: 70%; display: flex; flex-direction: column; justify-content: center; }

.portrait-image { width: 100%; }

.portrait-image img { width: 100%; height: auto; margin-bottom: 1em; }

.hr-image { width 100px; height: auto; text-align: center; }

.info-table { margin: auto; width: 30%; padding: 0 1em; }

.info-table-label { font-weight: 600; width: 50%; }

.icon { display: flex; margin-left: auto; margin-right: auto; }

.biography-container { width: 94%; padding: 1em 3%; font-size: 1em; }

.appearance-container { width: 94%; padding: 1em 3%; font-size: 1em; }

.center { text-align: center; }

.label { margin: 0.2em 0; font-size: 1em; font-weight: 600; }

.hooks-container { width: 94%; padding: 1em 3%; font-size: 1em; display: flex; flex-direction: column; }

.hooks-container, .contacts-container .label { margin-bottom: 1em; }

.contacts-container, .gallery-container, .logs-container { width: 94%; padding: 1em 3%; font-size: 1em; display: flex; flex-direction: column; }

.hooks-content { width: 100%; display: flex; }

.hooks-table { width: 70%; }

.hook-table-label { font-weight: 600; padding-left: 1em; }

.contacts-container, .gallery-container { width: 94%; padding: 1em 3%; font-size: 1em; display: flex; flex-direction: column; }

.contacts-container a { color: blue }

.contacts-container a:visited { color: purple }

.contacts-container a:hover { color: darkred }

.logs-container { margin: 0 1em; font-size: 1em; }

.logs-container a { color: blue }

.logs-container a:visited { color: purple }

.logs-container a:hover { color: darkred }

.gallery-content { display: flex; flex-wrap: wrap; justify-content: center; font-size: 15px; text-align: center; }

.gallery-content img { height: 240px; width: auto; }

.gallery-content a { color: blue }

.gallery-content a:visited { color: purple }

.gallery-content a:hover { color: darkred }