diff --git a/all-questions.css b/all-questions.css new file mode 100644 index 0000000..dad7092 --- /dev/null +++ b/all-questions.css @@ -0,0 +1,141 @@ +.all-content{ + margin:2%; +} +a{ + color:black; +} +.page-header>h2{ + display:inline; + position:relative; + margin-bottom:10px; +} + +#stats-header{ + color:grey; + font-size:12px; + float:right; + display:inline; + margin-bottom:0px; + text-align:right; + /*position:absolute; + top:18%;*/ + right:2.5%; +} +#stats-header>span{ + padding-top:12px; + margin-left:12px; +} + +.question-item-overview{ + padding-bottom:2%; + padding-top:2%; + border-bottom:1px solid lightgrey; +} +.all-content .container { + width:auto; + padding-left: 0px; + padding-right: 0px; +} + +.side-info{ + margin-top:7.5%; + /*margin-bottom: 20px; + margin-left:20px;*/ +} +@media (max-width:767px){ + .side-info{ + margin-top:15%; + } +} +@media (max-width:455px){ + #stats-header{ + display:none; + } +} +@media (max-width:656px){ + #stats-header{ + top:11%; + } + .question-stats{ + float:none!important; + } +} + +input.form-control.search{ + border:1px, solid; + border-radius:6px !important; + padding:6%; + +} + +.tag-list > span, .tags>span{ + border-style:solid; + border-width:1px; + border-radius:5px; + color:grey; + font-family: 'Source Sans Pro', sans-serif; + padding-left:1.5%; + padding-right: 1.5%; +} +.tag-list >br{ + margin-bottom:3%; +} + +.input-group-btn{ + position:relative; + left: -20px; + border:none; +} + +.asker-details,.tags{ + display:inline; +} +.relative-time,.tags{ + color:grey; + margin-left:12px; +} +.tags>span{ + margin-right:5px; +} + +.question-stats{ + float:right; + vertical-align:top; + margin-left:10px; +} + +.votes,.answers,.views{ + display:inline-block; + min-width: 38px; + text-align: center; + color:white; + font-family: 'Source Sans Pro', sans-serif; + margin-left: 5px; + background:lightgrey; + padding-top:12px; + padding-bottom:0px; + padding-left: 2px; + padding-right:2px; + border-radius:50%; + width:65px; + height:65px; +} +.desc{ + font-size: 12px; +} +.views{ + background:black; +} +.counts{ + font-weight: bold; + font-size:16px; +} +.summary{ + width:60%; + float:left; +} + +.summary >h3{ + margin-top:0px; +} + diff --git a/css/all-questions.css b/css/all-questions.css new file mode 100644 index 0000000..dad7092 --- /dev/null +++ b/css/all-questions.css @@ -0,0 +1,141 @@ +.all-content{ + margin:2%; +} +a{ + color:black; +} +.page-header>h2{ + display:inline; + position:relative; + margin-bottom:10px; +} + +#stats-header{ + color:grey; + font-size:12px; + float:right; + display:inline; + margin-bottom:0px; + text-align:right; + /*position:absolute; + top:18%;*/ + right:2.5%; +} +#stats-header>span{ + padding-top:12px; + margin-left:12px; +} + +.question-item-overview{ + padding-bottom:2%; + padding-top:2%; + border-bottom:1px solid lightgrey; +} +.all-content .container { + width:auto; + padding-left: 0px; + padding-right: 0px; +} + +.side-info{ + margin-top:7.5%; + /*margin-bottom: 20px; + margin-left:20px;*/ +} +@media (max-width:767px){ + .side-info{ + margin-top:15%; + } +} +@media (max-width:455px){ + #stats-header{ + display:none; + } +} +@media (max-width:656px){ + #stats-header{ + top:11%; + } + .question-stats{ + float:none!important; + } +} + +input.form-control.search{ + border:1px, solid; + border-radius:6px !important; + padding:6%; + +} + +.tag-list > span, .tags>span{ + border-style:solid; + border-width:1px; + border-radius:5px; + color:grey; + font-family: 'Source Sans Pro', sans-serif; + padding-left:1.5%; + padding-right: 1.5%; +} +.tag-list >br{ + margin-bottom:3%; +} + +.input-group-btn{ + position:relative; + left: -20px; + border:none; +} + +.asker-details,.tags{ + display:inline; +} +.relative-time,.tags{ + color:grey; + margin-left:12px; +} +.tags>span{ + margin-right:5px; +} + +.question-stats{ + float:right; + vertical-align:top; + margin-left:10px; +} + +.votes,.answers,.views{ + display:inline-block; + min-width: 38px; + text-align: center; + color:white; + font-family: 'Source Sans Pro', sans-serif; + margin-left: 5px; + background:lightgrey; + padding-top:12px; + padding-bottom:0px; + padding-left: 2px; + padding-right:2px; + border-radius:50%; + width:65px; + height:65px; +} +.desc{ + font-size: 12px; +} +.views{ + background:black; +} +.counts{ + font-weight: bold; + font-size:16px; +} +.summary{ + width:60%; + float:left; +} + +.summary >h3{ + margin-top:0px; +} + diff --git a/css/navbar_style.css b/css/navbar_style.css index bdf9cb9..2c42857 100644 --- a/css/navbar_style.css +++ b/css/navbar_style.css @@ -46,7 +46,42 @@ width:100%; } #centre-shift{ - padding: 0% 8% 0% 13%; + padding: 0% 5% 0% 0%; +} +#centre-shift > .navbar-right{ + float:none; + padding-right: :6%; +} +#centre-shift > .navbar-left{ + padding-left:5%; +} +@media (max-width:767px){ + #smaller-nav *, #centre-shift *{ + display:inline-block; + } + + #smaller-nav,#centre-shift{ + padding-left:8%; + } + #bigger-nav{ + padding:0%; + } + .navbar-left, #centre-shift > .navbar-right{ + float:left; + } + .navbar-right, #centre-shift > .navbar-right { + float:right; + } + #centre-shift{ + padding: 0% 5% 0% 8%; + + } + +} +@media(max-width: 991px){ + #centre-shift{ + width:100%; + } } img{ float:left; diff --git a/images/search-icon.png b/images/search-icon.png new file mode 100644 index 0000000..042c574 Binary files /dev/null and b/images/search-icon.png differ diff --git a/index.html b/index.html index a279e61..2ccba8c 100644 --- a/index.html +++ b/index.html @@ -3,7 +3,9 @@ + + diff --git a/navbar.html b/navbar.html index 89ec6f2..f791a6c 100644 --- a/navbar.html +++ b/navbar.html @@ -11,25 +11,24 @@
\ No newline at end of file