Skip to content
Snippets Groups Projects
Commit efe7e1ee authored by Sishir Sivakumar's avatar Sishir Sivakumar
Browse files

Few important styling changes

parent 3b720ae2
No related branches found
No related tags found
2 merge requests!34Update 2 files,!32Few important styling changes
Hide whitespace changes
Inline Side-by-side
static/scripts.js
+ 4
− 0
View file @ efe7e1ee
function darkModeFunc() {
var element = document.body;
element.classList.toggle("dark-mode");
}
\ No newline at end of file
static/style.css
+ 30
− 181
View file @ efe7e1ee
/* Reset some default styles for consistency */
body {
background-color: #ffffff;
/* White background */
color: #000000;
/* Black text color */
}
body,
p,
.navbar {
font-family: "Courier New", monospace;
font-family: "Montserrat", sans-serif;
/* Use the Monotype Courier font */
font-size: 12pt;
margin: 0;
......@@ -88,6 +95,10 @@ p,
display: block;
}
.dropdown-item:hover {
background-color: #555;
}
.nav-name {
text-decoration: none;
font-weight: bolder;
......@@ -250,7 +261,6 @@ p,
.second-para {
margin-top: -50px;
font-family: "Courier New", monospace;
/* Use the Monotype Courier font */
font-size: 12pt;
color: black;
......@@ -262,7 +272,6 @@ p,
}
.third-para {
font-family: "Courier New", monospace;
/* Use the Monotype Courier font */
font-size: 12pt;
color: black;
......@@ -289,6 +298,7 @@ p,
background-color: black;
color: white;
padding: 40px;
width: 70%;
margin-left: 20px;
margin-right: 20px;
text-align: left;
......@@ -296,19 +306,19 @@ p,
/* Style the white text within the black background paragraph */
.fourth-para {
font-family: "Italian Typewriter Unicode", monospace;
font-size: 18pt;
/* Font size for the white text */
}
.fifth-para {
font-family: "Courier New", monospace;
font-size: 12pt;
color: black;
background-color: white;
width: 70%;
padding: 40px;
margin-left: 20px;
text-align: left;
justify-content: center;
}
@media only screen and (max-width: 1000px) {
......@@ -515,154 +525,12 @@ footer {
justify-content: center;
}
.point {
margin-left: -6.2%;
margin-top: 3%;
rotate: 90deg;
width: 0;
height: 0;
border-top: 20px solid transparent;
border-bottom: 20px solid transparent;
border-left: 30px solid black;
}
.image {
width: 30%;
/* Ensure the image does not exceed its container */
}
.circle1 {
margin-top: 0;
margin-left: 67.5%;
background-color: black;
width: 35px;
height: 35px;
border-radius: 50%;
}
.box1 {
margin-top: -1.5%;
margin-left: 68.5%;
width: 9px;
border-radius: 30px 30px 30px 30px;
background-color: black;
}
.arrow1 {
margin-top: -0.5%;
margin-left: 20%;
height: 9px;
width: 49.1%;
border-radius: 30px 30px 30px 30px;
background-color: black;
color: white;
}
.arr1 {
margin-left: 31.4%;
}
.line1 {
border-radius: 10px;
margin-top: -57px;
margin-left: -10px;
width: 10px;
height: 200px;
background: black;
float: left;
}
.line2 {
border-radius: 10px;
margin-top: -57px;
margin-left: 130px;
width: 10px;
height: 70px;
background: black;
float: left;
}
.line3 {
border-radius: 10px;
margin-top: -57px;
margin-left: -162px;
width: 10px;
height: 70px;
background: black;
float: left;
}
/* Style the paragraph */
.first-para {
color: black;
background-color: white;
padding: 20px;
/* Add some padding for spacing */
margin-left: 20px;
text-align: left;
}
.second-para {
margin-top: -50px;
font-family: "Courier New", monospace;
/* Use the Monotype Courier font */
font-size: 12pt;
color: black;
background-color: white;
padding: 20px;
/* Add some padding for spacing */
margin-right: 20px;
text-align: right;
}
.third-para {
font-family: "Courier New", monospace;
/* Use the Monotype Courier font */
font-size: 12pt;
color: black;
background-color: white;
padding: 20px;
/* Add some padding for spacing */
margin-left: 20px;
text-align: left;
}
/* Style the enlarged text */
.enlarge {
font-size: 16pt;
/* Larger font size for the first four words */
font-weight: bold;
/* Bold text */
font-style: italic;
/* Italic text */
}
/* Style the black background paragraph */
.black-bg-paragraph {
font-family: "Italian Typewriter Unicode", monospace;
background-color: black;
color: white;
padding: 40px;
margin-left: 20px;
margin-right: 20px;
text-align: left;
}
/* Style the white text within the black background paragraph */
.fourth-para {
font-family: "Italian Typewriter Unicode", monospace;
font-size: 18pt;
/* Font size for the white text */
}
.fifth-para {
font-family: "Courier New", monospace;
font-size: 12pt;
color: black;
background-color: white;
padding: 40px;
margin-left: 20px;
text-align: left;
.sponsors {
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
gap: 10px;
}
footer {
......@@ -687,14 +555,6 @@ footer {
}
}
.left-column,
.right-column {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
}
.middle-column {
text-align: left;
}
......@@ -729,29 +589,11 @@ footer {
display: inline-block;
}
.middle-column {
text-align: left;
}
.horizontal-logos {
display: flex;
flex-direction: row;
gap: 10px;
}
.horizontal-logos a {
color: white;
}
.horizontal-logos a:hover {
color: #b3b3b3;
}
.left-aligned {
margin-left: auto;
}
/* Modal Page CSS */
/* Model Page CSS */
.MeveryThing {
font-family: "Montserrat";
margin: 0;
......@@ -822,7 +664,7 @@ footer {
position: relative;
}
p.Mp1 {
p.Mp1,.Mp2,.Mp3,.Mp4,.Mp5,.Mp6,.Mp7,.Mp8,.Mp9,.Mp10,.Mp11,.Mp12,.references {
margin-top: 70px;
}
img.modalImg6 {
......@@ -979,4 +821,11 @@ h1 {
transition: max-height 0.2s ease-out;
overflow: hidden;
background-color: #f1f1f1;
}
.dark-mode {
background-color: #000000;
/* Black background */
color: #ffffff;
/* White text color */
}
\ No newline at end of file
wiki/footer.html
+ 2
− 2
View file @ efe7e1ee
......@@ -15,12 +15,12 @@
</div>
<p class="d-flex align-items-center">
<i class="fa fa-phone" style="font-size: 2em;"></i> &nbsp;
Ph: +91-9999999999
044 2257 8000
</p>
<br>
<p class="d-flex align-items-center">
<i class="fa fa-envelope-o" style="font-size: 2em;"></i> &nbsp;
Email: igem@smail.iitm.ac.in
igem@smail.iitm.ac.in
</p>
</div>
......
wiki/menu.html
+ 2
− 2
View file @ efe7e1ee
......@@ -6,7 +6,7 @@
</button>
<div class="collapse navbar-collapse justify-content-center text-white" id="navbarNav">
<ul class="navbar-nav text-white">
<li class="nav-item active text-white">
<li class="nav-item text-white">
<a class="nav-link text-white" href="{{ url_for('pages', page = '/') }}">Home</a>
</li>
<li class="nav-item dropdown text-white">
......@@ -71,6 +71,6 @@
</div>
<div class="nav-logo">
<a href="{{ url_for('pages', page = '/') }}"><img src="https://static.igem.wiki/teams/4931/wiki/igem-logo.png"
alt="iGem IITM" /></a>
alt="iGem IITM" /></a>
</div>
</nav>
wiki/pages/home.html
+ 12
− 6
View file @ efe7e1ee
......@@ -85,19 +85,25 @@ standardized genetic parts and systems in this beneficial chassis.{% endblock %}
<div class="container">
<div class="black-bg-paragraph">
<!--The fourth para, with white, larger font on a black background-->
<p class="fourth-para">Our project is aimed at the <b>construction and testing of a<br> library of synthetic 5’
untranslated regions (UTR) <br>containing ribosome binding sites (RBS) in <i>L. lactis.</i></b></p>
<p class="fourth-para">Our project is aimed at the <b>construction and testing of a library of synthetic 5’
untranslated regions (UTR) containing ribosome binding sites (RBS) in <i>L. lactis.</i></b></p>
</div>
</div>
<div class="container">
<!--The fifth para, back to the customary black text over whole black background, aligned centrally, and has no images around-->
<p class="fifth-para">In addition to our lab work, we also plan to study these drawbacks and come up with
<br>potential improvements to the existing model. This would include studying the effect <br>of temperature on
mRNA folding, the interaction between the mRNA and the ribosomal S1<br>protein, the difference in optimal
RBS-AUG spacing in Gram-positive and Gram-negative<br>bacteria, and the effect of RNAse-mediated degradation of
potential improvements to the existing model. This would include studying the effect of temperature on
mRNA folding, the interaction between the mRNA and the ribosomal S1 protein, the difference in optimal
RBS-AUG spacing in Gram-positive and Gram-negative bacteria, and the effect of RNAse-mediated degradation of
the transcript.<br><br>Combining the model with an optimisation algorithm, we aim to rationally design the
<br>‘best’ RBS for a given gene, in a given organism.
‘best’ RBS for a given gene, in a given organism.
</p>
</div>
<div class="container">
<iframe></iframe>
</div>
<div class="container">
<div class="sponsors"></div>
</div>
{% endblock %}
\ No newline at end of file
wiki/pages/model.html
+ 4
− 4
View file @ efe7e1ee
......@@ -263,9 +263,9 @@ anyone could understand.{% endblock %} {% block page_content %}
performance for such an optimization.
</p>
<div class="Mline"></div>
<p class="Mp13">
<strong>References</strong>
<br />
<h2 class="references"><strong>References</strong></h2>
<br />
<p class="references">
[1] Reis, A. C., & Salis, H. M. (2020). An automated model test system for
systematic development and improvement of gene expression models. ACS
Synthetic Biology, 9(11), 3145–3156.
......@@ -340,4 +340,4 @@ anyone could understand.{% endblock %} {% block page_content %}
</div>
</div>
{% endblock %}
{% endblock %}
\ No newline at end of file
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