|
|
Line 1: |
Line 1: |
| /* Welcome Message */
| |
| .welcome-message {
| |
| position: relative;
| |
| font-family: 'EasonPro', Helvetica, Arial, sans-serif;
| |
| font-size: 22px;
| |
| line-height: 30px;
| |
| margin: 0.5em;
| |
| text-align: center;
| |
| }
| |
|
| |
| /* Main Content */
| |
| .main-content {
| |
| position: relative;
| |
| background-color: transparent;
| |
| margin: 0 -16px;
| |
| }
| |
|
| |
| /* Content Wrapper */
| |
| .content-wrapper {
| |
| display: inline-block;
| |
| max-width: 960px;
| |
| }
| |
|
| |
| /* Content Box */
| |
| .content-box {
| |
| background-color: #ffffff;
| |
| padding: 20px;
| |
| margin-bottom: 20px;
| |
| border-radius: 8px;
| |
| box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
| |
| }
| |
|
| |
| /* Content Header */
| |
| .content-header {
| |
| display: block;
| |
| width: 100%;
| |
| background: #522F65;
| |
| color: #FFFFFF;
| |
| text-align: center;
| |
| padding: 10px;
| |
| text-decoration: none;
| |
| }
| |
|
| |
| /* Image Gallery */
| |
| .image-gallery {
| |
| text-align: center;
| |
| }
| |
|
| |
| /* Mobile Gallery */
| |
| .mobile-gallery {
| |
| display: flex;
| |
| flex-direction: column;
| |
| }
| |
|
| |
| /* Image Row */
| |
| .image-row {
| |
| display: flex;
| |
| flex-direction: row;
| |
| justify-content: center;
| |
| }
| |
|
| |
| /* Guide Links */
| |
| .guide-links {
| |
| display: flex;
| |
| flex-direction: column;
| |
| }
| |
|
| |
| /* Guide Row */
| |
| .guide-row {
| |
| display: flex;
| |
| flex-direction: row;
| |
| }
| |
|
| |
| /* Guide Column */
| |
| .guide-column {
| |
| padding: 10px;
| |
| width: 50%;
| |
| text-align: center;
| |
| }
| |
|
| |
| /* Guide Table */
| |
| .guide-table {
| |
| width: 100%;
| |
| text-align: center;
| |
| box-shadow: rgba(0, 0, 0, 0.1) -0.4em 0.4em 0.5em;
| |
| border-collapse: collapse;
| |
| }
| |
|
| |
| .guide-table td {
| |
| padding: 10px;
| |
| }
| |
|
| |
| /* Community Info */
| |
| .community-info {
| |
| padding: 5px;
| |
| width: 100%;
| |
| text-align: center;
| |
| font-family: 'EasonPro', Helvetica, Arial, sans-serif;
| |
| font-size: 20px;
| |
| }
| |
|
| |
| /* Community Links */
| |
| .community-links {
| |
| padding: 10px;
| |
| width: 100%;
| |
| text-align: center;
| |
| }
| |
|
| |
| /* Community Actions */
| |
| .community-actions {
| |
| display: flex;
| |
| justify-content: space-around;
| |
| }
| |
|
| |
|
| |
|
| |
| /* Enhanced styles for a modern look */ | | /* Enhanced styles for a modern look */ |
|
| |
|