Skip to content

U
uBus
Commit 0683ebb5 authored by Chiara Veronica Señires's avatar Chiara Veronica Señires
Browse files
Options

Added more files

parent 53c814b3
Hide whitespace changes
Inline Side-by-side
Showing with 123 additions and 73 deletions
web-app/css/style.css
View file @ 0683ebb5
/*
Main CSS styles for main uBus web app.
for CS 123 Group Project.
Group D : Ian De La Cruz, Pearl Santos, Chi Señires, EJ Villadarez
*/
* {
margin: 0;
padding: 0;
}
/*
Main CSS styles for main uBus web app.
for CS 123 Group Project.
Group D : Ian De La Cruz, Pearl Santos, Chi Señires, EJ Villadarez
*/
/* ------------ */
/* MAIN */
/* ------------ */
*, *:after, *:before {
margin: 0;
padding: 0;
box-sizing: border-box; }
html, body {
font-size: 10px;
background-color: #124E78;
font-family: monospace;
overflow-x: hidden;
}
font-family: monospace;
overflow: hidden;
}
a {
text-decoration: none;
......@@ -22,6 +26,9 @@ a {
font-weight: bold;
}
/* ------------ */
/* INDEX.html */
/* ------------ */
.container {
margin: 4.5% auto;
width: 50%;
......@@ -35,23 +42,23 @@ header {
text-align: center;
}
.logo {
.logo {
display: block;
margin: 0 auto;
margin: 0 auto;
width: 20em;
}
}
.content {
height: 15em;
}
}
.button a {
display: block;
width: 12em;
height: 12em;
text-align: center;
}
}
.button > a img {
width: 100%;
background-color: #ccc;
......@@ -61,39 +68,72 @@ header {
#admin {
float: left;
margin-left: 20%;
}
#loading {
float: right;
margin-right: 25%;
}
/* SCHEDULING */
nav {
background-color: dimgray;
height: 120px;
display: flex;
flex-direction: column;
}
.brand img {
width: 100px;
margin: 10px;
}
.align-right {
align-self: flex-end;
}
#add-schedule {
font-size: 5em;
padding: 10px;
margin-right: 5%;
width: 100px;
height: 100px;
background-color: green;
margin-right: 30%;
}
/* -------------- */
/* SCHEDULE.html */
/* -------------- */
nav {
background-color: #999;
height: 115px;
}
.brand img {
float: left;
width: 100px;
margin: 10px;
}
.align-right {
float: right;
margin: 20px 10px;
}
.nav a {
display: inline-block;
padding: 20px 10px;
margin: auto 0;
}
.wrapper {
width: 60%;
margin: 0 auto;
}
.content {
display: block;
width: 100%;
margin: 0 auto;
}
.title {
margin: 2.5% 5%;
color: #f0f0c9;
}
.title > img {
width: 75px;
background-color: #ccc;
padding: 0.75%;
border-radius: 10%;
float: left;
margin-left: -9em;
}
/* Temporary */
.placeholder {
width: 50px;
height: 50px;
background-color: aqua;
}
.clearfix {
display: block;
clear: both;
}
web-app/schedule.html
View file @ 0683ebb5
<!DOCTYPE html>
<html>
<head>
<title>uBus | Bus Schedules</title>
<link rel="stylesheet" type="text/css" href="css/style.css">
</head>
<body>
<nav>
<div class="brand">
<a href="index.html"><img src="img/logo.png"></a>
</div>
<div class="align-right">
<div class="placeholder" id="add-schedule">+</div>
</div>
</nav>
</body>
</html>
\ No newline at end of file
<!DOCTYPE html>
<html>
<head>
<title>uBus | Bus Schedules</title>
<link rel="stylesheet" type="text/css" href="css/style.css">
</head>
<body>
<nav>
<div class="brand">
<a href="index.html"><img src="img/logo.png"></a>
</div>
<div class="align-right">
<a href="javascript:void(0);"><img src="img/add.png" class="nav button"></a>
<a href="javascript:void(0);"><img src="img/search.png" class="nav button"></a>
</div>
</nav>
<div class="wrapper">
<div class="content">
<div class="title">
<img src="img/scheduling.png">
<h1>Bus Schedules</h1>
</div>
</div>
</div>
</body>
</html>
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment