Skip to content

Modified CSS file #7

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
dayanand-g wants to merge 2 commits into
base: master
Choose a base branch
from
Open

Modified CSS file #7

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
2 commits
Select commit Hold shift + click to select a range
d818923
Modified CSS file
dayanand-g Oct 18, 2021
5a4082e
Merge branch 'master' into dayanand-pr-test4
dayanand-g Oct 20, 2021
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
5 changes: 5 additions & 0 deletions index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -93,6 +93,10 @@ <h3 id="app-subheading">A cross-platform on-click dictionary</h3>
</div>
</div>

<!-- Container for meanings and parts-of-speech of word -->
<div id="meaning-container">
<h4 id="meaning">Meaning</h4>
<div id="meaning-subcontainer1">
<br>
<!-- Container for output results -->
<div class="container-box">
Expand Down Expand Up @@ -154,6 +158,7 @@ <h4>Meaning</h4>

<!-- You can also require other files to run in this process -->
<script src="./renderer.js"></script>


</body>

Expand Down
47 changes: 44 additions & 3 deletions styles.css
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,11 +1,16 @@
/* added font */
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+Mono:wght@600&display=swap');


/* Universal CSS rules */
* {
color: white;
color: black;
font-family: Arial, Helvetica, sans-serif;
}

/* CSS Rules for body element */
body {
background-color: #EEAFBF; /* changed */
background-color: black;
}

Expand Down Expand Up @@ -34,6 +39,15 @@ body {
}
.search-box {
position: relative;
background: #AFE9F3; /* changed */
height: 20px;
width: 60%;
border-radius: 40px;
margin: auto;
margin-bottom: 50px; /* changed */
margin-top: 50px;
padding: 16px; /* changed */
padding-left: 25px; /* changed */
background: #25292c;
height: 59px;
width: 400px;
Expand Down Expand Up @@ -81,13 +95,18 @@ body {
/* CSS rules for outermost result container */
#result-container {
border-style: solid;
border-width: 5px;
border-width: 3.5px; /* changed */
border-color: black;
border-radius: 15px; /* added */
}

/* CSS rules for inner container for phonetics section */
#word-phonetics-container {
border-style: solid;
border-width: 1px; /* changed */
border-color: grey;
padding-left: 8px; /* added */
border-radius: 10px; /* added */
border-width: 2px;
border-color: rgb(123, 192, 192);
text-align: center;
Expand All @@ -98,6 +117,10 @@ body {
/* CSS rules for inner container for meanings section */
#meaning-container {
border-style: solid;
border-width: 1px; /* changed */
border-color: gray;
padding-left: 8px; /* added */
border-radius: 10px; /* added */
border-width: 2px;
border-color: rgb(123, 192, 192);
text-align: center;
Expand All @@ -110,6 +133,24 @@ body {
#app-logo {
width: 9%;
height: 9%;
}

/* Added a extra CSS content */

#app-heading{
color: black;
font-family: 'Noto Sans Mono', monospace;
}
#app-subheading {
color: black;
font-family: 'Noto Sans Mono', monospace;
}

#meaning {
color: black;
}

=======
margin-top: 5px;
}
#phonetics-audio {
Expand Down Expand Up @@ -256,4 +297,4 @@ body {
0px 0px 80px purple,
0px 0px 120px cyan,
0px 0px 200px cyan;
}
}