Skip to content

Commit

Permalink
Web: update CSS to make it more easily modified.Bug fix index pages. …
Browse files Browse the repository at this point in the history 
…New Cassiopee Logo and Title!

(The logo and title can be further modified!)
  • Loading branch information
@BconstantMMK
BconstantMMK committed Jul 22, 2024
1 parent 3de224f commit af6be4d
Show file tree
Hide file tree
Showing 5 changed files with 65 additions and 76 deletions.
4 changes: 4 additions & 0 deletions docs/Cassiopee.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -121,6 +121,10 @@ footer a:hover {
opacity: 50%;
}

header img {
border: none;
}

/* local styles ############################## */

.icon {
Expand Down
Binary file removed docs/Images/logo10_blue.png
View file
Binary file not shown.
45 changes: 31 additions & 14 deletions docs/doc/_static/basic.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -9,6 +9,28 @@
*
*/

/* FAST */
/* :root {
--border-width: 2px;
--border-color: #f0fdff;
--border: var(--border-width) solid var(--border-color);
--border-radius: 8px;
--background-color: #282a35;
--font-color: white;
--link-color: rgb(35, 187, 35);
} */

/* CASSIOPEE */
:root {
--border-width: 2px;
--border-color: #282a35;
--border: var(--border-width) solid var(--border-color);
--border-radius: 8px;
--background-color: #f0fdff;
--font-color: black;
--link-color: green;
}

/* -- main layout ----------------------------------------------------------- */

div.clearer {
Expand Down Expand Up @@ -66,7 +88,6 @@ div.sphinxsidebar {
overflow-wrap : break-word;
position: fixed;
border-right: var(--border);
border-width: 2px;
}

div.sphinxsidebar ul {
Expand Down Expand Up @@ -226,15 +247,15 @@ img.toggler {
}

div.modindex-jumpbox {
border-top: 1px solid #ddd;
border-bottom: 1px solid #ddd;
border-top: 2px solid #282a35;
border-bottom: 2px solid #282a35;
margin: 1em 0 1em 0;
padding: 0.4em;
}

div.genindex-jumpbox {
border-top: 1px solid #ddd;
border-bottom: 1px solid #ddd;
border-top: 2px solid #282a35;
border-bottom: 2px solid #282a35;
margin: 1em 0 1em 0;
padding: 0.4em;
}
Expand All @@ -249,12 +270,13 @@ table.modindextable td {
/* -- general body styles --------------------------------------------------- */

div.body {
/* min-width: 360px;
max-width: 800px; */
/* min-width: 600px; */
min-width: 1%;
max-width: 80%;
margin-left: 130px;
}

div.bodywrapper {
min-width: 1%;
max-width: 80%;
}

div.body p, div.body dd, div.body li, div.body blockquote {
Expand Down Expand Up @@ -292,7 +314,6 @@ div.body p.caption {
div.body td {
text-align: center;
width: 20%;
/* font-size: 10%; */
}

.first {
Expand Down Expand Up @@ -550,12 +571,10 @@ table.hlist td {
}

.sig-name {
/* font-size: 1.1em; */
font-size: 1.5vw;
}

code.descname {
/* font-size: 1.2em; */
font-size: 1.2vw;
}

Expand All @@ -564,12 +583,10 @@ code.descname {
}

.optional {
/* font-size: 1.3em; */
font-size: 1.5vw;
}

.sig-paren {
/* font-size: larger; */
font-size: 1.5vw;
}

Expand Down
88 changes: 28 additions & 60 deletions docs/doc/_static/classic.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -13,36 +13,30 @@

/* -- page layout ----------------------------------------------------------- */

:root {
--border-width: 5px;
--border: var(--border-width) solid #282a35;
--border-radius: 8px;
}

html {
/* CSS hack for macOS's scrollbar (see #1125) */
background-color: #f0fdff;
background-color: var(--background-color);
}

hr {
border: 1px solid black;
border: 1px solid var(--border-color);
margin-bottom: 5%;
margin-top: 5%;
}

body {
font-family: sans-serif;
font-size: 100%;
background-color: #f0fdff;
color: #000;
background-color: var(--background-color);
color: var(--font-color);
margin: 0;
padding: 0;
margin-top: 30px;
}

div.document {
display: flex;
background-color: #f0fdff;
background-color: var(--background-color);
}

div.documentwrapper {
Expand All @@ -52,67 +46,57 @@ div.documentwrapper {

div.bodywrapper {
margin: 0 0 0 230px;
padding-right: 70px;
}

div.body {
background-color: #f0fdff;
color: #000000;
background-color: var(--background-color);
color: var(--font-color);
padding: 0 20px 30px 20px;
margin: 0 0 0 135px;
}

div.footer {
color: #f0fdff;
color: var(--font-color);
width: 100%;
padding: 9px 0 9px 0;
text-align: center;
font-size: 75%;
}

/* div.footer a {
color: #f0fdff;
text-decoration: underline;
} */

div.related {
background-color: #f0fdff;
background-color: var(--background-color);
line-height: 30px;
color: #f0fdff;
color: var(--font-color);
}

/* div.related a {
color: #f0fdff;
/* div.sphinxsidebar {
position: fixed;
top: 40px;
bottom: 40px;
border-right: var(--border);
} */

div.sphinxsidebar {
/* position: fixed; */
/* top: 40px; */
/* bottom: 10px; */
}

div.sphinxsidebar h3 {
font-family: 'Trebuchet MS', sans-serif;
color: black;
color: var(--font-color);
font-size: 160%;
font-weight: bold;
margin: 0;
padding: 0;
}

/* div.sphinxsidebar h3 a {
color: #f0fdff;
} */

div.sphinxsidebar h4 {
font-family: 'Trebuchet MS', sans-serif;
color: black;
color: var(--font-color);
font-size: 1.3em;
font-weight: normal;
margin: -5px 0 0 0;
padding: 0;
}

div.sphinxsidebar p {
color: black;
color: var(--font-color);
}

div.sphinxsidebar p.topless {
Expand All @@ -122,7 +106,7 @@ div.sphinxsidebar p.topless {
div.sphinxsidebar ul {
margin: 10px;
padding: 0;
color: black;
color: var(--font-color);
font-size: 100%;
margin-bottom: 20px;
}
Expand All @@ -131,25 +115,13 @@ div.sphinxsidebar ul ul li {
list-style: circle;
}

/* div.sphinxsidebar a {
color: green;
} */

/* div.sphinxsidebar input {
border: 1px solid #98dbcc;
font-family: sans-serif;
font-size: 1em;
} */



/* -- hyperlink styles ------------------------------------------------------ */

a {
text-decoration: none;
}
a:link, a:visited {
color: green;
color: var(--link-color);
}
a:hover, a:active {
color: red;
Expand All @@ -169,14 +141,11 @@ div.body h4,
div.body h5,
div.body h6 {
font-family: 'Trebuchet MS', sans-serif;
/* background-color: #282a35; */
font-weight: bold;
/* color: #a5f4e4; */
color: black;
color: var(--font-color);
margin: 20px -20px 10px -20px;
padding: 3px 0 3px 10px;
border-radius: var(--border-radius);
/* border: 2.5px solid #282a35; */
}

div.body h1 { margin-top: 0; font-size: 200%; }
Expand Down Expand Up @@ -231,7 +200,7 @@ div.admonition ul, div.admonition ol {
div.note {
padding: 4px;
border: 2px solid #d19a66;
background-color: white;
background-color: rgb(209, 154, 102, 0.2);
border-radius: var(--border-radius);
width: 95%;
}
Expand All @@ -244,7 +213,7 @@ div.note {
div.seealso {
padding: 4px;
border: 2px solid #c678dd;
background-color: white;
background-color: rgb(198, 120, 221, 0.2);
border-radius: var(--border-radius);
width: 95%;
}
Expand All @@ -263,7 +232,7 @@ div.topic {
div.warning {
padding: 4px;
border: 2px solid #c12e3a;
background-color: white;
background-color: rgb(193, 46, 58, 0.2);
border-radius: var(--border-radius);
width: 95%;
}
Expand All @@ -286,7 +255,6 @@ pre {
background-color: unset;
color: unset;
line-height: 120%;
/* border: 1px solid #ac9; */
border-left: none;
border-right: none;
}
Expand Down Expand Up @@ -330,8 +298,8 @@ div.viewcode-block:target {
}

div.code-block-caption {
color: #efefef;
background-color: #f0fdff;
color: var(--font-color);
background-color: var(--background-color);
}

#myBtn {
Expand Down
4 changes: 2 additions & 2 deletions docs/index.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -6,7 +6,7 @@
<meta charset="utf-8" />
<title>*Cassiopée*: a CFD pre and post-processing python package</title>
<link href="Cassiopee.css" rel="stylesheet" type="text/css">
<link rel="icon" type="image/png" href="Images/iconc.png"> </link>
<link rel="icon" type="image/png" href="Images/CassiopeeLogo.png"> </link>
<script type="text/javascript" src="_static/jquery.js"></script>
<script type="text/javascript" src="_static/searchtools.js"></script>
<script type="text/javascript" src="JavaScript/all.js" defer> </script>
Expand All @@ -16,7 +16,7 @@

<!-- Cassiopee banner -->
<header class="headerIndex">
<img src="Images/logo10.png" id="cassiopeeLogo">
<img src="Images/CassiopeeTitre.png" id="CassiopeeTitre">
</header>

<!-- informations -->
Expand Down

0 comments on commit af6be4d

Please sign in to comment.