aboutsummaryrefslogtreecommitdiffstats
path: root/g/style/bootstrap_theme.css
diff options
context:
space:
mode:
Diffstat (limited to 'g/style/bootstrap_theme.css')
-rw-r--r--g/style/bootstrap_theme.css160
1 files changed, 160 insertions, 0 deletions
diff --git a/g/style/bootstrap_theme.css b/g/style/bootstrap_theme.css
new file mode 100644
index 000000000..6bcf515c4
--- /dev/null
+++ b/g/style/bootstrap_theme.css
@@ -0,0 +1,160 @@
+html {
+ font-size: 14px;
+}
+/*Use of a larger font improves the rendering*/
+@media (max-width: 576px), (min-width: 1920px) {
+ html {
+ font-size: 16px;
+ }
+}
+html,body {
+ margin:0;
+ padding:0;
+ background :#f1f1f1;
+}
+a,a:link {
+ text-decoration:none
+}
+/*same color and size as in all.css*/
+h1, h2, h3, h2 a, h3 a {
+ color: #3494d3;
+}
+.h1, h1 {
+ font-size: 2rem;
+}
+.h2, h2 {
+ font-size: 1.6rem;
+}
+.h3, h3 {
+ font-size: 1.3rem;
+}
+
+
+/* nav class */
+.navbar-brand {
+ width: 133px;
+ height: 40px;
+ background: url(//nav.mageia.org/css/mageia-logo-nav-3.svg)no-repeat;
+ background-size: contain;
+}
+.mganav, .mganav .navbar {
+ background-color: #f7f7f7;
+}
+#mgnav .nav-link:focus, #mgnav .nav-link:hover {
+ color: #2383C2;
+}
+.about #mgnav .about,
+.downloads #mgnav .nav-item .downloads,
+.community #mgnav .community,
+.blog #mgnav .community,
+.section-index #hmgn .community, /*forum*/
+.mediawiki #mgnav .wiki,
+.support #mgnav .support,
+.contribute #mgnav .contribute,
+.donate #mgnav .donate,
+.bugs-mageia-org #mgnav .contribute,
+.contrib #mgnav .contrib,
+.you #mgnav .you,
+.contact #mgnav .contact,
+.doc #mgnav .doc,
+#mgnavsub .nav-pills .nav-link.active {
+ font-weight: bold;
+ color: white;
+ text-shadow: 0 0 3px #222;
+ background: #2383C2;
+ background: -webkit-linear-gradient(top, #3494D3 0%, #2383C2 50%);
+ background: -moz-linear-gradient(top, #3494D3 0%, #2383C2 50%);
+ background: -o-linear-gradient(top, #3494D3 0%, #2383C2 50%);
+ background: linear-gradient(top, #3494D3 0%, #2383C2 50%);
+
+}
+
+/*nav height, on desktop*/
+@media (min-width: 992px) {
+ .navbar-toggleable-md .navbar-nav .nav-link{
+ padding: 1rem .5rem;
+ }
+ #mgnav {
+ padding: 0px;
+ }
+}
+
+#mgnavtitle, /* deprecated */
+#mgnavt /* preferred */
+{
+ margin: 0;
+ padding: .7rem;
+ color: #fff;
+ text-shadow: 0 0 3px #222;
+ text-align: center;
+ background: #2383C2;
+ background: -webkit-linear-gradient(top, #2383C2 0%, #1272B1 50%);
+ background: -moz-linear-gradient(top, #2383C2 0%, #1272B1 50%);
+ background: -o-linear-gradient(top, #2383C2 0%, #1272B1 50%);
+ background: linear-gradient(top, #2383C2 0%, #1272B1 50%);
+}
+#mgnavt a { color: #fff; }
+
+/* allows to have a title + contextual sub menu */
+header#mgnavt { text-align: center; }
+#mgnavt h1 { font-size: 2rem; color: #fff; margin: 0; padding: 0; display: inline; }
+#mgnavt ul { font-size: 1rem; margin: 0 0 0 2em; padding: 0; display: inline; }
+#mgnavt ul li { display: inline; margin: 0 0.8em; padding: 0; }
+#mgnavt ul li a { display: inline-block; text-decoration: none; }
+
+#mgnavsub ul {
+ margin: auto;
+ padding: 0px;
+}
+
+/*
+https://github.com/iconic/open-iconic/blob/master/svg/globe.svg
+https://codepen.io/jakob-e/pen/doMoML
+*/
+.globe-icon:after{
+ content:'';
+ width: 1rem;
+ height: 1rem;
+ margin-left: 0.3rem;
+ display: inline-block;
+ background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' opacity='0.4' width='8' height='8' viewBox='0 0 8 8'%3E%3Cpath d='M4 0C1.79 0 0 1.79 0 4s1.79 4 4 4 4-1.79 4-4-1.79-4-4-4zm0 1c.33 0 .64.09.94.19-.21.2-.45.38-.41.56.04.18.69.13.69.5 0 .27-.42.35-.13.66.35.35-.64.98-.66 1.44-.03.83.84.97 1.53.97.42 0 .53.2.5.44-.54.77-1.46 1.25-2.47 1.25-.38 0-.73-.09-1.06-.22.22-.44-.28-1.31-.75-1.59-.23-.23-.72-.14-1-.25-.09-.27-.18-.54-.19-.84.03-.05.08-.09.16-.09.19 0 .45.38.59.34.18-.04-.74-1.31-.31-1.56.2-.12.6.39.47-.16-.12-.51.36-.28.66-.41.26-.11.45-.41.13-.59-.06-.03-.13-.1-.22-.19.45-.27.97-.44 1.53-.44zm2.31 1.09c.18.22.32.46.44.72v.03c-.04.07-.11.11-.22.22-.28.28-.32-.21-.44-.31-.13-.12-.6.02-.66-.13-.07-.18.5-.42.88-.53z'/%3E%3C/svg%3E");
+ background-size: 100%;
+ background-repeat: no-repeat;
+}
+
+/* custom css for website*/
+/* overwrite all.css */
+#doc, #doc4, #doc2, #doc5, #doc6{
+ margin: 1em auto 2em auto;
+ -webkit-border-radius: 10px;
+ -moz-border-radius: 10px;
+ border-radius: 10px;
+ -webkit-box-shadow: 0 0 10px #9db1ca;
+ -moz-box-shadow: 0 0 6px #555;
+ box-shadow: 0 0 6px #555;
+ overflow: hidden;
+ background: #fff;
+ padding: 2rem;
+ max-width: 1200px;
+ width: 100%;
+}
+
+.term {
+ background: #444;
+ display: block;
+ color: #eee;
+ padding: .8em 1em;
+ -webkit-box-shadow: 0 0 10px #aaa;
+}
+
+#preamble, .donate-coord{
+ border: 1px solid #ccc;
+ padding: 1em 1em 0 1em;
+ background: #eee;
+ color: #555;
+ border-radius: .5rem;
+}
+
+.caption-top {
+ caption-side: top;
+}