public/css/project.css
select {
width: 30%;
}
ul.file-list {
margin-bottom: 2em;
}
.project {
padding: 0;
}
.project-name {
text-transform: capitalize;
}
.project-summary {
margin: 1em 1em 0 1em;
background-color: #FAFAFA;
border: 1px solid rgb(220, 220, 220);
border-radius: 0.3em;
box-shadow: 0.05em 0.1em 0.2em 0.01em rgb(220, 220, 220);
}
.project-summary li {
margin: 0.2em;
}
/**
* Wideview port (e.g. landscape tablet).
*/
@media (min-width: 800px) {
.project-summary li {
display: inline-block;
}
.project-summary li:not(:first-of-type) {
margin-left: 1em;
}
}
.project .controls {
margin-bottom: 0;
padding: 1em;
}
.project .controls .loader-container {
margin: 2em 2em 1em 2em;
top: -0.5em;
}
/* Make sure the horizontal rule is under any floating elements. */
.project .controls hr {
clear: both;
}
/**
* Wideview port (e.g. landscape tablet).
*/
@media (min-width: 800px) {
.project .controls {
margin-bottom: 2em;
}
}
.project .controls button.call-to-action {
margin: 0 0.6em 0 0;
}
.project .controls .hint {
font-size: 0.9em;
top: -0.6em;
margin-right: -0.3em;
}
.project .repository-controls {
box-sizing: border-box;
margin-bottom: 1em;
padding: 2em;
background-color: #FAFAFA;
border-radius: 0.3em;
border: 1px solid rgb(220, 220, 220);
}
.project .content-controls .config-views {
display: inline-block;
margin-top: 1em;
}
/**
* Wideview port (e.g. landscape tablet).
*/
@media (min-width: 800px) {
.project .content-controls .config-views {
margin: 0;
}
}
.project .content-controls .config-views select {
min-width: 10em;
}
.project .tag-controls {
margin-top: 1em;
margin-bottom: 1em;
}
.project .tag-controls select {
min-width: 15em;
}
.project .tag-cloud-link-container {
margin-top: 0.5em;
margin-bottom: 0.5em;
}
.project .burger-menu {
position: relative;
font-size: 0.5em;
z-index: 99;
display: block;
margin: 0 0 0.5em 0.5em;
float: right;
border: 1px solid darkgrey;
}
.project-refs {
margin-bottom: 1em;
}
.project-branch {
margin-right: 0.4em;
}
.project-branch select {
min-width: 40%;
max-width: 80%;
}
.project-commit {
display: inline-block;
margin-top: 1em;
margin-right: 1em;
}
.project-update {
margin-top: 1em;
margin-right: 2em;
margin-bottom: 1em;
}
.repo-link {
font-size: 0.7em;
}
.tag-cloud-link,
.info-link {
font-size: 0.8em;
}
.repo-link,
.tag-cloud-link,
.info-link {
font-weight: bold;
text-transform: uppercase;
margin-right: 2em;
}
.repo-link a,
.info-link a {
text-decoration: none;
color: blue;
}
.repo-link:hover a,
.info-link:hover a {
color: green;
text-decoration: underline;
}
.directory {
margin: 0.5em 1em;
}
.directory:first-child {
margin-top: 0;
}
/* Minus and plus signs for expandable directories */
.directory-path::before {
content: '\2296\2003';
}
.directory-path.can-expand::before {
content: '\2295\2003';
}
.file-list li {
max-width: 100%;
}
a.spec-link {
max-width: 100%;
color: black;
text-decoration: none;
}
.anchor,
h2.directory-path {
font-size: 1.2em;
font-weight: normal;
word-break: break-word;
color: #555;
margin-bottom: 0.5em;
text-transform: capitalize;
}
.anchor {
font-size: 0.9em;
margin: 0 1em 0 1em;
}
/**
* Wideview port (e.g. landscape tablet).
*/
@media (min-width: 800px) {
.anchor {
margin-bottom: 2em;
}
}
/* Minus and plus signs for expandable directories */
.directory-path::before {
content: '\2296\2003';
}
.directory-path.expand::before {
content: '\2295\2003';
}
.directory-path .redacted {
font-size: 0.6em;
margin-right: 0.5em;
}
.directory-path .redacted::before {
content: '\2026';
}
/* TODO: standardise and reuse styling via pre-processor */
.file-container {
/*
* Make max-width:100% constrain the width out
* to the edge of the border rather than the
* content.
*/
box-sizing: border-box;
max-width: 100%;
margin-bottom: 0.8em;
background-color: #FAFAFA;
border: 1px solid rgb(220, 220, 220);
border-radius: 0.3em;
box-shadow: 0.05em 0.1em 0.2em 0.01em rgb(220, 220, 220);
}
.file-container:hover {
background-color: #FFF;
}
.empty-file {
color: #555;
}
.parse-error {
color: darkred;
}
.file-details {
word-wrap: break-word; /* break long file names and paths */
padding: 0.6em;
}
.file-name {
margin-bottom: 0;
color: rgb(80, 134, 60);
}
.file-path {
font-size: 0.6em;
margin-bottom: 0;
}
.file-details .icon {
margin-right: 0.4em;
margin-bottom: 0.1em;
}
.file-container .feature-edit {
font-size: 0.9em;
float: right;
margin: 0.5em;
background-color: #C2CBE4;
}
.file-container .feature-edit:hover {
background-color: #7484B3;
}
.feature-summary {
padding: 0.8em 0.5em 0.5em 1em;
}
.feature-summary p {
margin-bottom: 0.5em;
}
.feature-summary .feature-name {
color: rgb(64, 72, 189);
font-size: 1.2em;
}
.feature-summary .feature-description {
font-size: 0.9em;
color: #999;
/* Truncate the feature descriptions. */
overflow: hidden;
text-overflow: ellipsis;
margin-bottom: 1em;
}
.feature-summary ul.feature-scenarios {
text-align: center;
}
.feature-summary .feature-scenarios li {
font-size: 0.9em;
text-align: left;
vertical-align: middle;
padding: 1em;
margin: 0.2em;
border-radius: 0.3em;
background-color: #F1F2F9;
color: #737586;
}
.feature-summary .feature-scenarios li:hover {
background-color: #E5E7F5;
}
.feature-summary .feature-scenarios li a {
text-decoration: none;
color: inherit;
}