radiocampus: style update (wip)
This commit is contained in:
		@ -36,14 +36,6 @@ body {
 | 
				
			|||||||
    background-size: cover;
 | 
					    background-size: cover;
 | 
				
			||||||
}
 | 
					}
 | 
				
			||||||
 | 
					
 | 
				
			||||||
hr {
 | 
					 | 
				
			||||||
    background-color: transparent;
 | 
					 | 
				
			||||||
}
 | 
					 | 
				
			||||||
 | 
					 | 
				
			||||||
.a-player-bar {
 | 
					 | 
				
			||||||
    border-top: none;
 | 
					 | 
				
			||||||
}
 | 
					 | 
				
			||||||
 | 
					 | 
				
			||||||
.button, a.button, button.button {
 | 
					.button, a.button, button.button {
 | 
				
			||||||
  border: var(--link-fg) 1px solid;
 | 
					  border: var(--link-fg) 1px solid;
 | 
				
			||||||
  border-radius: 20px;
 | 
					  border-radius: 20px;
 | 
				
			||||||
@ -53,28 +45,13 @@ hr {
 | 
				
			|||||||
    opacity: 0.9 !important;
 | 
					    opacity: 0.9 !important;
 | 
				
			||||||
}
 | 
					}
 | 
				
			||||||
 | 
					
 | 
				
			||||||
.header.preview-header,.page section.container, .page section.container > .title {
 | 
					 | 
				
			||||||
    margin-top: 0;
 | 
					 | 
				
			||||||
    margin-bottom: 0;
 | 
					 | 
				
			||||||
    padding-top: 0.6em;
 | 
					 | 
				
			||||||
}
 | 
					 | 
				
			||||||
 | 
					 | 
				
			||||||
.grid .list-item .headings .heading {
 | 
					.grid .list-item .headings .heading {
 | 
				
			||||||
    padding: 20px 0 8px 20px;
 | 
					    padding-top: 10px;
 | 
				
			||||||
    background: rgba(255, 255, 255, 0.9);
 | 
					    padding-left: 12px;
 | 
				
			||||||
    display: block
 | 
					 | 
				
			||||||
}
 | 
					}
 | 
				
			||||||
 | 
					
 | 
				
			||||||
.list-item .headings {
 | 
					.list-item:nth-child(3n+1):not(.wide) .media {
 | 
				
			||||||
    margin-bottom: 0 !important
 | 
					 border-color: white !important;
 | 
				
			||||||
}
 | 
					 | 
				
			||||||
 | 
					 | 
				
			||||||
.list-item:nth-child(3n):not(.wide) .media, .list-item:nth-child(3n+1):not(.wide) .media {
 | 
					 | 
				
			||||||
    border: 1px solid var(--break-color) !important;
 | 
					 | 
				
			||||||
}
 | 
					 | 
				
			||||||
 | 
					 | 
				
			||||||
.grid .media {
 | 
					 | 
				
			||||||
    background: rgba(255, 255, 255, 0.9);
 | 
					 | 
				
			||||||
}
 | 
					}
 | 
				
			||||||
 | 
					
 | 
				
			||||||
.nav.secondary {
 | 
					.nav.secondary {
 | 
				
			||||||
@ -84,40 +61,47 @@ hr {
 | 
				
			|||||||
.nav.secondary .nav-item{
 | 
					.nav.secondary .nav-item{
 | 
				
			||||||
    color: #1d3cab !important;
 | 
					    color: #1d3cab !important;
 | 
				
			||||||
}
 | 
					}
 | 
				
			||||||
.nav .nav-item {
 | 
					 | 
				
			||||||
    border: 1px solid transparent;
 | 
					 | 
				
			||||||
    border-radius: 30px;
 | 
					 | 
				
			||||||
}
 | 
					 | 
				
			||||||
 | 
					
 | 
				
			||||||
.nav .nav-item:hover {
 | 
					.nav .nav-item:hover {
 | 
				
			||||||
    opacity: 0.8;
 | 
					    opacity: 0.8;
 | 
				
			||||||
}
 | 
					}
 | 
				
			||||||
 | 
					
 | 
				
			||||||
.page {
 | 
					.navs {
 | 
				
			||||||
  min-height: 800px;
 | 
					  border-bottom: 1px solid #4d4545;
 | 
				
			||||||
}
 | 
					}
 | 
				
			||||||
 | 
					
 | 
				
			||||||
.preview-card {
 | 
					.page {
 | 
				
			||||||
    background-color: unset !important;
 | 
					  margin-bottom: 360px;
 | 
				
			||||||
 | 
					  border-top: 3px solid #4d4545;
 | 
				
			||||||
 | 
					  border-bottom: 1px solid #4d4545;
 | 
				
			||||||
 | 
					  background: white;
 | 
				
			||||||
 | 
					}
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					@media screen and (min-width: 1024px) {
 | 
				
			||||||
 | 
					.page {
 | 
				
			||||||
 | 
					  margin-top: 120px;
 | 
				
			||||||
 | 
					  }
 | 
				
			||||||
}
 | 
					}
 | 
				
			||||||
 | 
					
 | 
				
			||||||
.preview-cover {
 | 
					.preview-cover {
 | 
				
			||||||
    border-radius: 5px;
 | 
					    border-radius: 5px;
 | 
				
			||||||
    opacity: 0.92;
 | 
					    opacity: 0.92;
 | 
				
			||||||
    border: 1px solid #ccc;
 | 
					    border: 1px solid #ccc;
 | 
				
			||||||
    order: none;
 | 
					 | 
				
			||||||
}
 | 
					}
 | 
				
			||||||
 | 
					
 | 
				
			||||||
.preview-card .headings .heading {
 | 
					.preview-card .headings .heading {
 | 
				
			||||||
    opacity: 0.85;
 | 
					    opacity: 0.85;
 | 
				
			||||||
    padding: 10px;
 | 
					    padding: 12px;
 | 
				
			||||||
    background-color: #242121;
 | 
					    background-color: #242121;
 | 
				
			||||||
}
 | 
					}
 | 
				
			||||||
 | 
					
 | 
				
			||||||
.preview .headings a {
 | 
					.preview-card .headings a {
 | 
				
			||||||
    color: rgb(115, 142, 242);
 | 
					    color: white;
 | 
				
			||||||
}
 | 
					}
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					.grid .preview .headings a {
 | 
				
			||||||
 | 
					    color: black;
 | 
				
			||||||
 | 
					}
 | 
				
			||||||
 | 
					
 | 
				
			||||||
.preview .title, .preview .title:not(:last-child) {
 | 
					.preview .title, .preview .title:not(:last-child) {
 | 
				
			||||||
    font-weight: normal;
 | 
					    font-weight: normal;
 | 
				
			||||||
 | 
				
			|||||||
		Reference in New Issue
	
	Block a user