Skip to content

Javascript3Week1 #6

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Open
suthatta wants to merge 4 commits into
base: master
Choose a base branch
from
Open

Javascript3Week1 #6

Changes from 1 commit
Commits
Show all changes
4 commits
Select commit Hold shift + click to select a range
9002472
added homework
suthatta Aug 21, 2019
22bc264
Add files via upload
suthatta Aug 23, 2019
9de4f7e
Add files via upload
suthatta Aug 23, 2019
2b28de4
Add files via upload
suthatta Aug 23, 2019
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
Prev Previous commit
Next Next commit
Add files via upload 
add styles.css
  • Loading branch information
@suthatta
suthatta authored Aug 23, 2019
commit 9de4f7e9eec5b8823a0bd765f3e403667541daae
179 changes: 179 additions & 0 deletions Week1/style.css
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,179 @@
.alert-error {
color: red;
}
body {
width: 768px;
margin-left: auto;
margin-right: auto;
background-color: #f8f8f8;
font-family: 'Roboto', sans-serif;
color: rgb(0, 0, 0, 87%);
margin-top: 0;
}

#container {
margin: 0;
display: grid;
flex-direction: column;
grid-template-columns: auto auto;
align-items: flex-start;
}

@media (max-width: 767px) {
body {
width: 100%;
}
#container {
margin: 0;
display: flex;
grid-template-columns: auto auto;
flex-direction: column;
align-items: flex-start;
}
}

h1,
h2,
h3,
h4 {
color: rgb(0, 0, 0, 54%);
}

.header {
color: white;
background-color: #3f51b5;
padding: 8px 16px;
margin-bottom: 16px;
display: flex;
flex-direction: row;
align-items: center;
}

.header h1 {
color: white;
}

.repo-selector {
margin-left: 16px;
font-size: 14px;
width: 250px;
height: 32px;
padding: 2px;
}

.leftDiv,
.rightDiv {
background-color: white;
flex: 1;
}

.leftDiv {
padding: 16px;
margin-right: 16px;
}
.rightDiv {
padding: 16px;
margin-right: 16px;
}

@media (max-width: 767px) {
.leftDiv {
margin: 0;
}
}

.contributor-list {
list-style-type: none;
padding: 0;
margin: 0;
}

.alert {
padding: 0.75rem 1.25rem;
margin-bottom: 1rem;
border-radius: 0.25rem;
flex: 1;
}

.alert-error {
color: #721c24;
background-color: #f8d7da;
}

.contributorsHeader {
font-size: 0.8rem;
color: blue (0, 0, 0, 54%);
padding: 8px 16px 4px 16px;
}
.contributorsList {
display: grid;
grid-template-columns: auto;
grid-gap: 5px;
}
.contributorItem {
border-bottom: solid 1px rgb(0, 0, 0, 12%);
padding: 16px;
display: flex;
flex-direction: row;
align-items: center;
cursor: pointer;
grid-gap: 10px;
}

.contributorsAvatar {
border-radius: 3px;
margin-right: 16px;
}

.contributorName {
flex: 1;
display: flex;
flex-direction: row;
justify-content: space-between;
align-content: center;
}

.contributorBadge {
font-size: 12px;
padding: 2px 8px;
line-height: 1rem;
background-color: gray;
color: white;
border-radius: 4px;
}

table {
table-layout: fixed;
color: rgb(0, 0, 0, 81%);
}

td {
vertical-align: top;
}

td:first-child {
width: 100px;
min-width: 100px;
max-width: 100px;
}

td.label {
font-weight: bold;
}

.whiteFrame {
margin-bottom: 8px;
border: none;
border-radius: 2px;
background-color: #fff;
box-shadow: 0 1px 8px 0 rgba(0, 0, 0, 0.2), 0 3px 4px 0 rgba(0, 0, 0, 0.14),
0 3px 3px -2px rgba(0, 0, 0, 0.12);
}
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 400;
src: local('Roboto'), local('Roboto-Regular'),
url(https://fonts.gstatic.com/s/roboto/v20/KFOmCnqEu92Fr1Mu72xKOzY.woff2) format('woff2');
unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}