aboutsummaryrefslogtreecommitdiff
path: root/assets/css/style.css
diff options
context:
space:
mode:
Diffstat (limited to 'assets/css/style.css')
-rw-r--r--assets/css/style.css117
1 files changed, 39 insertions, 78 deletions
diff --git a/assets/css/style.css b/assets/css/style.css
index a5ad0e4..35eb354 100644
--- a/assets/css/style.css
+++ b/assets/css/style.css
@@ -1,4 +1,3 @@
-
html, body {
width: 100%;
height: 100%;
@@ -22,38 +21,24 @@ h1{
color: #333333;
}
-
main {
-
background-image: url("../images/main.jpg");
background-size: 250px 250px;
text-align: center;
width: 100%;
min-height: 80%;
- /*position: relative;
- height: 80%;
- overflow: auto;*/
-}
-
-/* Changes - main is a flex container for search content*/
-main{
display: flex;
align-items: center;
justify-content: center;
flex-flow: column; /* Makes it grow vertically */
- /*padding-bottom: 5%;
- padding-top: 5%;*/
}
-
-/* Changes - search is a flex container for h2 and bar, removed various attributes */
+/*** INDEX.HTML ***/
main .search {
background-color: rgba(235,235,235, 0.7);
overflow: auto;
-
}
-/* Changes - added h2 styiling for main */
main .search h2{
font-family: 'Lato', sans-serif;
color: gray;
@@ -62,46 +47,32 @@ main .search h2{
padding-top: 200px; /* Change to move search bar content. Keep as pixel*/
}
-
.search input[type=text] {
text-align: center;
box-sizing: border-box;
- background-color: white;
- background-image: url('../images/search_icon.png');
+ background: white url('../images/search_icon.png') no-repeat 9px 9px;
background-size: 20px 20px;
- background-position: 9px 9px;
- background-repeat: no-repeat;
padding: 12px 20px 12px 40px;
-
- /*-webkit-transition: width 0.4s ease-in-out;
- transition: width 0.4s ease-in-out;*/
}
-
.search input[type=text], .search button.search-button {
font-size: 16px;
height: 40px;
border-radius: 10px;
border: 2px solid #ccc;
-
}
.input-group {
border-radius: 10px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
- -webkit-box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
- box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
+ -webkit-box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2);
+ box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2);
}
-
-/*.search input[type=text]:focus {
- width: 100%;
-}*/
-
main .search img {
- width: 50px;
- display: inline;
+ width: 50px;
+ display: inline;
}
.home-intro{
@@ -110,16 +81,11 @@ main .search img {
font-style: italic;
font-size: 1.2em;
}
+/*** INDEX.HTML END ***/
-
-
-
-/*************************** END OF SEARCH - index.html *********************************/
-
-/*************************** USER SOLUTIONS - user_solutions.html *********************************/
-
+/*** USER SOLUTIONS ***/
main div {
- background: none;
+ background: none;
}
main button#add-solution {
@@ -142,9 +108,7 @@ main button#add-solution {
}
main button#add-solution h3 {
- margin: 0;
- margin-top: 10px;
- margin-bottom: 10px;
+ margin: 10px 0 10px 0;
font-size: 1em;
}
@@ -159,12 +123,14 @@ main #solutions {
margin-left: 7%;
}
+/* General styling for all solution container styles */
+
main [id^="sol-"] {
text-align: left;
color: #333;
margin-top: 30px;
margin-bottom: 30px;
- box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
+ box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2);
padding: 0;
}
@@ -193,8 +159,7 @@ main [id^="sol-"] p.username {
}
main [id^="sol-"] button.upvote, [id^="sol-"] button.downvote {
- background-color: transparent;
- background-repeat:no-repeat;
+ background: transparent no-repeat;
border: none;
cursor:pointer;
overflow: hidden;
@@ -210,7 +175,6 @@ main [id^="sol-"] p.num-downvotes, [id^="sol-"] p.num-upvotes {
vertical-align: bottom;
}
-
main [id^="sol-"] p.username {
margin-left: 10px;
}
@@ -222,8 +186,7 @@ main [id^="sol-"] p.num-downvotes {
main [id^="sol-"] div.user-sol h3 {
font-size: 1.17em;
background-color: #f0e9e1;
- padding: 10px;
- padding-left: 20px;
+ padding: 10px 10px 10px 20px;
margin-top: 0;
margin-bottom: 0;
}
@@ -248,8 +211,7 @@ main [id^="sol-"] div.comments {
main [id^="sol-"] div.comments h3 {
font-size: 1.17em;
- padding: 10px;
- padding-left: 20px;
+ padding: 10px 10px 10px 20px;
margin-top: 0;
margin-bottom: 0;
}
@@ -260,7 +222,6 @@ main [id^="sol-"] div.comments ul li img {
}
main [id^="sol-"] div.comments ul li {
- background-color: white;
background-color: #F7D08A;
padding: 10px;
border-radius: 10px;
@@ -293,30 +254,25 @@ main [id^="sol-"] div.comments ul li p.user-comment {
background-color: white;
border-radius: 5px;
}
+/*** USER SOLUTIONS END***/
-
-/*************************** END OF USER SOLUTIONS - user_solutions.html *********************************/
-
-/***********************************************************************************************************************/
-
-/*THE SOLUTIONS PAGE BEGINS HERE*/
+/*** EXAM PAGE ***/
#solutions-header{
color: #333333;
font-family: 'Roboto', sans-serif;
}
+
#solutions-main{
min-height: 100%;
padding-top: 65px;
text-align: left;
}
-
#solutions-main em {
font-weight: bold;
}
/*the section which holds each of the solutions*/
-
section.solutions-card{
text-align: left;
background-color: white;
@@ -352,14 +308,14 @@ h3.solutions-title{
margin-bottom: 5px;
padding-top: 20px;
}
+
/*the time of the examination*/
p.solutions-time, p.solutions-type, p.exam-instr{
font-size: medium;
color: dimgrey;
margin-left: 5%;
- margin-top: 0px;
+ margin-top: 0;
}
-/*whether its a midterm or final exam*/
p.solutions-time {
margin-bottom: 2px;
@@ -368,10 +324,9 @@ p.solutions-time {
#solutions-footer{
height: 13%;
}
+/*** EXAM PAGE END ***/
-/**********************************************************************************************************************/
-
-/*THE EXAM QUESTIONS PAGE BEGINS HERE*/
+/*** EXAM QUESTIONS PAGE ***/
.exam-info {
margin-left: 5%;
display: inline-block;
@@ -387,59 +342,65 @@ section.exam-info em {
font-weight: bold;
}
-
-
.questions-number{
font-size: large;
color: #333333;
margin-left: 5%;
margin-bottom: 5px;
-
}
+
.questions-comment, .questions-sol-num{
font-size: medium;
color: dimgrey;
- margin-top: 0px;
+ margin-top: 0;
padding-bottom: 15px;
}
.questions-sol-num {
margin-left: 5%;
}
+/*** EXAM QUESTIONS PAGE END ***/
-/********** user-profile styles **********/
+/*** USER PROFILE PAGE ***/
.user-info-content{
padding-top: 100px;
}
+
.user-info-content img{
max-width: 100px;
}
+
.user-info-content p{
color: gray;
}
+
.prf-sign-off{
margin: 15px;
}
+
.prf-tables{
text-align: left;
}
+
.prf-details{
text-align: center;
}
-/********** !user-profile styles *********/
-/********** !about_page styles *********/
+/*** USER PROFILE PAGE END ***/
+
+/*** ABOUT PAGE ***/
.about-p{
- padding: 30px 30px 0px 30px;
+ padding: 30px 30px 0 30px;
font-size: 1.3em;
color: #323232;
text-align: center;
}
+
.abt-name{
padding-top: 15px;
}
+
.abt-content{
text-align: center;
padding: 15px;
}
-
-/********** !about_page *********/
+/*** ABOUT PAGE END ***/
generated by cgit v1.2.3 (git 2.25.1) at 2026-08-02 07:57:55 +0000