diff --git a/antibiotic.html b/antibiotic.html index 5d75061..2e08c1d 100644 --- a/antibiotic.html +++ b/antibiotic.html @@ -10,6 +10,8 @@ + @@ -20,37 +22,43 @@
-

ABXinRLS

 +
+

ABXinRLS

+
+
+ + account_circle + +
-
+
-
- - User - -
-
+

Antibiotic Name

-
+
-

Antibiotic Notes

+
+

+ Antibiotic Notes +

+
Antibiotic Content Info
@@ -60,58 +68,63 @@

Antibiotic Name

-
+

Related Diagnosis List

-
Diagnosis Result 1
+
Diagnosis Result 1
+ keyboard_arrow_down
-
+

Diagnosis Result 1 Information

More
-
Diagnosis Result 2
+
Diagnosis Result 2
+ keyboard_arrow_down
-
+

Diagnosis Result 2 Information

More
-
Diagnosis Result 3
+
Diagnosis Result 3
+ keyboard_arrow_down
-
+

Diagnosis Result 3 Information

More
-
Diagnosis Result 4
+
Diagnosis Result 4
+ keyboard_arrow_down
-
+

Diagnosis Result 4 Information

More
-
Diagnosis Result 5
+
Diagnosis Result 5
+ keyboard_arrow_down

Diagnosis Result 5 Information

More
-
+
- +
@@ -120,4 +133,4 @@

- \ No newline at end of file + diff --git a/css/main.css b/css/main.css index e70d938..4953695 100644 --- a/css/main.css +++ b/css/main.css @@ -1,5 +1,7 @@ +@import url('https://fonts.googleapis.com/css?family=Roboto:400,700,900'); + .page-name{ - text-align: right; + text-align: left; } .panel{ margin:auto; @@ -11,6 +13,11 @@ .classification{ text-align: right; font-style: italic; + background-color: #311B92; + color: #fff; + min-height: 3em; + margin-top: -15px; + padding: 10px; } .profile-button{ padding:60px 0 60px 0; @@ -22,4 +29,106 @@ #profile-edit{ display:block; text-align: center; -} \ No newline at end of file +} +/*headings*/ +h1 { + font-family: Roboto,sans-serif; + font-weight: 900; + color: #4527A0; +} +h2 { + font-family: Roboto,sans-serif;; + font-weight: 700; +} +/*search bar*/ +.form-control { + border-width: 0.5px; + border-radius: 2px; + box-shadow: 0 2px 2px 0 rgba(0,0,0,0.16),0 0 0 1px rgba(0,0,0,0.08); + transition: box-shadow 200ms cubic-bezier(0.4, 0.0, 0.2, 1); +} +.form-control:focus { + box-shadow: 0 3px 6px rgba(0,0,0,0.25), 0 4px 4px rgba(0,0,0,0.22); +} +.input-group.col-md-12 { + width: 100%; +} +/*button*/ +.btn-info { + background-color: #4527A0; + border-radius: 4px; +} +.btn-info:hover { + background-color: #212121; +} +.btn-info:focus { + background-color: #4527A0; +} +/*user button*/ +.user-btn { + margin-top: 0.5em; + padding: 5px 30px 1px 30px; +} +i.material-icons.md-48 { + font-size: 36px; +} +.input-group-btn { + position: absolute; + right: 30px; + top: 8px; +} +#custom-search-input button { + border: 0; + background: none; + padding: 0; + margin-top: 2px; + /* IE7-8 doesn't have border-radius, so don't indent the padding */ + margin-bottom: 0; + -webkit-border-radius: 3px; + -moz-border-radius: 3px; + border-radius: 3px; + color:#4527A0; + z-index: 3; +} +/*title card*/ +.page-name { + background-color: #4527A0; + color: #fff; + min-height: 5em; + padding: 4.5em 0 1em 0.5em; + box-shadow: 0 2px 5px rgba(0, 0, 0, 0.26); +} +/*panels*/ +.panel-group { + margin-bottom: 10px; +} +.panel-default>.panel-heading { + color: #fff; + background-color: #424242; + box-shadow: 0 2px 5px rgba(0, 0, 0, 0.26); + transition: all 0.3s cubic-bezier(.25,.8,.25,1); +} +.panel-default>.panel-heading:hover { + box-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22); +} +.abx-result { + margin: -40px 15px 0 0; + z-index: 3; +} +.panel-title { + font-family: Roboto, sans-serif; + font-weight: 400; + padding: 2.5em 0 0.5em 0; + font-size: 1.5em; +} +.panel-body a { + font-family: Roboto,sans-serif; + font-weight: 700; + color: #424242; +} +.more-link { + color: #4527A0; +} +.panel-footer { + background-color: #fff; +} diff --git a/diagnosis.html b/diagnosis.html index 6361529..1bc655d 100644 --- a/diagnosis.html +++ b/diagnosis.html @@ -10,6 +10,8 @@ + @@ -19,83 +21,89 @@ -
-

ABXinRLS

+
+

ABXinRLS

+
+
+ + account_circle + +
-
+
-
- - User - -
-
+

Diagnosis Name

- +
-
+

Antibiotics + keyboard_arrow_down

-
Antibiotic Result 1
+
Antibiotic Result 1
+ keyboard_arrow_down
-
+

Antibiotic Result 1 Information

More
-
Antibiotic Result 2
+
Antibiotic Result 2
+ keyboard_arrow_down
-
+

Antibiotic Result 2 Information

More
-
Antibiotic Result 3
+
Antibiotic Result 3
+ keyboard_arrow_down
-
+

Antibiotic Result 3 Information

More
-
Antibiotic Result 4
+
Antibiotic Result 4
+ keyboard_arrow_down
-
+

Antibiotic Result 4 Information

More
-
Antibiotic Result 5
+
Antibiotic Result 5
+ keyboard_arrow_down

Antibiotic Result 5 Information

- More - + More
-
+
@@ -107,13 +115,15 @@

-
+

Organisms + keyboard_arrow_down

-
Organism Result 1
+
Organism Result 1
+ keyboard_arrow_down

Organism Result 1 Information

@@ -122,7 +132,8 @@

-
Organism Result 2
+
Organism Result 2
+ keyboard_arrow_down

Organism Result 2 Information

@@ -131,7 +142,8 @@

-
Organism Result 3
+
Organism Result 3
+ keyboard_arrow_down

Organism Result 3 Information

@@ -139,8 +151,9 @@

- -
Organism Result 4
+ +
Organism Result 4
+ keyboard_arrow_down

Organism Result 4 Information

@@ -149,7 +162,8 @@

-
Organism Result 5
+
Organism Result 5
+ keyboard_arrow_down

Organism Result 5 Information

@@ -170,4 +184,4 @@

- \ No newline at end of file + diff --git a/organism.html b/organism.html index c395789..8302418 100644 --- a/organism.html +++ b/organism.html @@ -10,6 +10,8 @@ + @@ -20,38 +22,44 @@
-

ABXinRLS

 -
-
-
-
- - - - +
+

ABXinRLS

+
+
+ + account_circle + +
+
+
+
+
+ + + + +
-
-
- - User -
-
-
+

Organism Name

Classification

-
+
-

Organism Notes

+
+

+ Organism Notes +

+
Organism Content Info
@@ -61,58 +69,58 @@

Organism Name

-
+

Related Diagnosis List

-
-
Diagnosis Result 1
+
+
Diagnosis Result 1
-
+

Diagnosis Result 1 Information

- More + More
-
Diagnosis Result 2
+
Diagnosis Result 2
-
+

Diagnosis Result 2 Information

More
-
Diagnosis Result 3
+
Diagnosis Result 3
-
+

Diagnosis Result 3 Information

- <More + More
-
Diagnosis Result 4
+
Diagnosis Result 4
-
+

Diagnosis Result 4 Information

More
-
Diagnosis Result 5
+
Diagnosis Result 5

Diagnosis Result 5 Information

More
-
+
- +
@@ -121,4 +129,4 @@

- \ No newline at end of file +