-
diff --git a/public/assets/css/ci-responsive.css b/public/assets/css/ci-responsive.css
index 2113849..40980e7 100644
--- a/public/assets/css/ci-responsive.css
+++ b/public/assets/css/ci-responsive.css
@@ -55,6 +55,10 @@
@media(max-width:1300px) {
+ #content-inner {
+ width: 80%;
+ }
+
#important-links-inner {
width:80%;
height:100%;
@@ -64,9 +68,7 @@
.important-link-boxes {
float: left;
text-align: center;
- width: 200px;
height: 200px;
- margin: 10px 5px;
padding: 10px;
box-sizing: border-box;
background: var(--white);
@@ -75,6 +77,12 @@
transition: all 0.5s;
}
+ #important-links-inner .outer-box {
+ float: left;
+ width: 23%;
+ padding: 5px;
+ }
+
.rnapf-date {
float: left;
width: 20%;
@@ -98,6 +106,7 @@
float:left;
width:100%;
height:197px;
+ padding-left: 0px;
}
.ci-features-box {
@@ -145,7 +154,7 @@ footer#footer-outer {
#footer-inner-left {
float:none;
- width: 75%;
+ width: 60%;
height: 40px;
margin:0 auto;
}
@@ -182,7 +191,7 @@ footer#footer-outer {
margin:10px 0;
padding:10px;
}
-
+
/* download page*/
.ci-version-boxes{
@@ -196,7 +205,7 @@ footer#footer-outer {
overflow:auto;
position:relative;
transition: all 1s ease;
-
+
}
.ci-version-boxes:nth-of-type(3){
@@ -215,16 +224,19 @@ footer#footer-outer {
position:relative;
}
+
.cv-boxes-content{
-
text-align:justify;
width:80%;
height:100%;
margin:50px auto;
padding-bottom:15px;
-
-
- }
+ }
+
+#header-inner,
+#footer-inner{
+ width: 80%;
+ }
}
@@ -241,7 +253,6 @@ footer#footer-outer {
.important-link-boxes {
float: left;
text-align: center;
- width: 23%;
height: 180px;
margin: 10px 5px;
padding: 10px;
@@ -306,7 +317,7 @@ footer#footer-outer {
}
-a.footer-menu-item:link,a.footer-menu-item:visited{width:70%;}
+a.footer-menu-item:link,a.footer-menu-item:visited{width:25%;}
a.footer-menu-item:hover{padding-left:10px;margin-top: 0;}
#footer-inner-right {
@@ -526,7 +537,7 @@ section#spotlight-outer{
.important-link-boxes {
float: left;
text-align: center;
- width: 46%;
+ width: 100%;
height: 180px;
margin: 10px 5px;
padding: 10px;
@@ -664,7 +675,7 @@ a.footer-menu-item-active:link,a.footer-menu-item-active:visited{
background:var(--primary-dark);
border-radius:5px;
}
-
+
#footer-inner-right {
float: left;
margin: 10px 0 0 10px;
@@ -705,7 +716,7 @@ a.footer-menu-item-active:link,a.footer-menu-item-active:visited{
box-shadow: 5px 0 10px #eee;
display:none;
}
-
+
.profile{
float:left;
width:90%;
@@ -732,7 +743,7 @@ a.footer-menu-item-active:link,a.footer-menu-item-active:visited{
overflow:auto;
position:relative;
transition: all 1s ease;
-
+
}
.ci-version-boxes:nth-of-type(3){
@@ -752,16 +763,14 @@ a.footer-menu-item-active:link,a.footer-menu-item-active:visited{
}
.cv-boxes-content{
-
+
text-align:justify;
width:80%;
height:100%;
margin:50px auto;
padding-bottom:15px;
-
-
- }
-
+
+ }
}
@@ -777,7 +786,7 @@ a.footer-menu-item-active:link,a.footer-menu-item-active:visited{
.important-link-boxes {
float: left;
text-align: center;
- width: 46%;
+ width: 100%;
height: 180px;
margin: 10px 5px;
padding: 10px;
@@ -787,6 +796,11 @@ a.footer-menu-item-active:link,a.footer-menu-item-active:visited{
border-radius: 3px;
transition: all 0.5s;
}
+#important-links-inner .outer-box {
+ float: left;
+ width: 47%;
+ padding: 5px;
+}
.rnapf-date {
float: left;
@@ -807,8 +821,8 @@ a.footer-menu-item-active:link,a.footer-menu-item-active:visited{
box-sizing: border-box;
color: var(--secondary-color);
}
-
-
+
+
#breadcrumb-inner{
width:80%;
margin:0 auto;
@@ -817,7 +831,7 @@ a.footer-menu-item-active:link,a.footer-menu-item-active:visited{
font-weight:400;
padding:10px 0;
}
-
+
.year-images-left{
float:left;
position:relative;
@@ -836,8 +850,8 @@ a.footer-menu-item-active:link,a.footer-menu-item-active:visited{
border-radius:3px;
width:100%;
height:auto;
- }
-
+ }
+
.year-images-right{
float:left;
position:relative;
@@ -847,7 +861,7 @@ a.footer-menu-item-active:link,a.footer-menu-item-active:visited{
background:var(--primary-color);
border-radius:3px;
}
-
+
.year-images-right img{
position:absolute;
top:-10px;
@@ -857,13 +871,48 @@ a.footer-menu-item-active:link,a.footer-menu-item-active:visited{
width:100%;
height:auto;
}
-
+
}
/* MEDIA 400px ============================== */
@media(max-width:400px){
- #breadcrumb-inner{
+#spotlight-version {
+ width: 50px;
+ height: 50px;
+ position: absolute;
+ top: -10px;
+ right: -30px;
+ font-size: 2rem;
+ color: var(--primary-color);
+ text-align: center;
+}
+
+.ci-features-box {
+ float: left;
+ width: 90%;
+ height: 210px;
+ padding: 10px;
+ box-sizing: border-box;
+ border: 1px solid var(--white);
+ margin: 18px 10px 0 10px;
+ transition: box-shadow 0.5s;
+ transition: margin-top 0.5s;
+}
+
+.ci-features-box-text-area {
+ float: left;
+ display: inline-block;
+ width: 65%;
+ height: 100px;
+ margin: 10px;
+ }
+
+.rnapf-title{
+ font-size:14px;
+ }
+
+#breadcrumb-inner{
width:80%;
margin:0 auto;
color:#DD4814;
@@ -883,15 +932,14 @@ a.footer-menu-item-active:link,a.footer-menu-item-active:visited{
}
.year-images-left img{
- position:absolute;
- top:-10px;
- left:-10px;
- border:1px solid #eee;
- border-radius:3px;
- width:100%;
- height:auto;
- }
-
+ position:absolute;
+ top:-10px;
+ left:-10px;
+ border:1px solid #eee;
+ border-radius:3px;
+ width:100%;
+ height:auto;
+ }
.year-images-right{
float:left;
position:relative;
@@ -901,7 +949,7 @@ a.footer-menu-item-active:link,a.footer-menu-item-active:visited{
background:var(--primary-color);
border-radius:3px;
}
-
+
.year-images-right img{
position:absolute;
top:-10px;
@@ -911,5 +959,5 @@ a.footer-menu-item-active:link,a.footer-menu-item-active:visited{
width:100%;
height:auto;
}
-
+
}
diff --git a/public/assets/css/ci-theme.css b/public/assets/css/ci-theme.css
index 719b6d9..fc5cc69 100644
--- a/public/assets/css/ci-theme.css
+++ b/public/assets/css/ci-theme.css
@@ -174,7 +174,7 @@
background: var(--primary-color);
color:#fff;
text-decoration:none;
-}
+}
.buttons:hover{
background:#fff;
@@ -190,7 +190,7 @@
background: #fff;
color:var(--primary-color);
text-decoration:none;
-}
+}
.buttons-reverse:hover{
background:var(--primary-color);
@@ -250,7 +250,7 @@ header {
}
#header-inner{
- width:80%;
+ width:60%;
height:60px;
margin:0 auto;
overflow:hidden;
@@ -357,7 +357,7 @@ a.top-menu-item-download:hover {
margin: 10px 2px 0 45px;
padding:4px 10px 10px 10px;
box-sizing:border-box;
-
+
}
#search-bar-input{
@@ -540,9 +540,9 @@ section#content-outer{
border-top:1px solid #f5f5f5;
border-bottom:1px solid #f5f5f5;
}
-
+
#content-inner {
- width:80%;
+ width:60%;
height:100%;
margin:2rem auto;
}
@@ -575,7 +575,7 @@ section#content-outer{
.ci-features-box {
float: left;
- width: 45%;
+ width: 48%;
height: 150px;
padding: 10px;
box-sizing: border-box;
@@ -634,7 +634,7 @@ section#content-outer{
display: inline-block;
width: 45%;
height: 100%;
- margin: 38px 15px;
+ margin: 38px 27px;
}
/* rnafp is the abbr. of Recent News And Forum Posts, initials */
@@ -702,18 +702,22 @@ section#important-links-outer{
}
#important-links-inner {
- width:60%;
height:100%;
margin:10px auto;
+ width: 60%;
}
+#important-links-inner .outer-box{
+ float: left;
+ width: 24%;
+ padding: 5px;
+}
+
.important-link-boxes {
- float: left;
+ width: 100%;
text-align: center;
- width: 23%; /*250px*/
- height: 150px;
- margin: 10px 5px;
- padding: 10px;
+ margin: 10px 5px;
+ padding: 15px 10px 10px 10px;
box-sizing: border-box;
background: var(--white);
border: 1px solid #f1f1f1;
@@ -745,7 +749,7 @@ footer#footer-outer {
}
#footer-inner {
- width:80%;
+ width:60%;
margin:0 auto;
height: 60px;
margin-top:0;
@@ -773,7 +777,7 @@ a.footer-menu-item:hover {
margin-top: -4px;
.border-bottom:1px solid #f4c3bd;
}
-
+
a.footer-menu-item-active:link,a.footer-menu-item-active:visited{
float: left;
text-decoration: none;
@@ -790,7 +794,7 @@ a.footer-menu-item-active:link,a.footer-menu-item-active:visited{
a.footer-menu-item:hover {
margin-top: -4px;
.border-bottom:1px solid #f4c3bd;
- }
+ }
/* Social links ------------------------------------------------------------- */
@@ -883,7 +887,7 @@ a.footer-menu-item:hover {
box-sizing:border-box;
border:1px solid var(--section-border);
border-radius:3px;
-}
+}
.inner-page-text-box-title{
font-size:24px;
@@ -898,7 +902,8 @@ a.footer-menu-item:hover {
padding: 20px;
border-radius: 3px;
box-sizing: border-box;
-}
+ box-shadow: 0px 5px 10px #eee;
+}
.inner-page-text-sub-box{
width:100%;
@@ -1031,7 +1036,7 @@ section#content-outer-discover{
padding-bottom:30px;
background:#fff;
border:1px solid var(--section-border);
- border-radius:5px;
+ border-radius:5px;
transition:all 0.5s;
}
.history-sections-left-first{
@@ -1041,8 +1046,8 @@ section#content-outer-discover{
background:#fff;
box-shadow: 5px 5px 10px #eee;
}
-
-
+
+
.history-sections-right{
float:right;
width:90%;
@@ -1051,7 +1056,7 @@ section#content-outer-discover{
padding-bottom:30px;
background:#fff;
border:1px solid var(--section-border);
- border-radius:5px;
+ border-radius:5px;
transition:all 0.5s;
}
@@ -1093,8 +1098,8 @@ section#content-outer-discover{
border-radius:3px;
width:400px;
height:auto;
- }
-
+ }
+
.year-images-right{
float:left;
position:relative;
@@ -1104,7 +1109,7 @@ section#content-outer-discover{
background:var(--primary-color);
border-radius:3px;
}
-
+
.year-images-right img{
position:absolute;
top:-10px;
@@ -1114,8 +1119,8 @@ section#content-outer-discover{
width:400px;
height:auto;
}
-
-
+
+
.year-about{
float:left;
width:490px;
@@ -1130,7 +1135,7 @@ section#content-outer-discover{
padding:0;
border-bottom:1px solid var(--secondary-color);
}
-
+
#about-page {
width:70%;
height:100%;
@@ -1143,7 +1148,7 @@ section#content-outer-discover{
box-shadow: 5px 0 10px #eee;
display:none;
}
-
+
.profile{
float:left;
width:45%;
@@ -1177,15 +1182,15 @@ section#content-outer-discover{
.profile-role{
float:left;
width:100%;
- margin:5px;
+ margin:5px;
}
.profile-links{
float:left;
width:100%;
margin:5px;
-}
-
+}
+
#close{
width:50px;
height:50px;
@@ -1199,7 +1204,7 @@ section#content-outer-discover{
border: 1px solid var(--section-border);
cursor:pointer;
.display:none;
-}
+}
#close img{
width:30px;
@@ -1208,15 +1213,15 @@ section#content-outer-discover{
top:10px;
left:10px;
}
-
-
+
+
/* DOWNLOAD PAGE ------------------------------------------------------------ */
.ci-version-boxes{
-
+
float:left;
- width:31%;
+ width:31%;
min-height:700px; /*240px*/
margin-top:30px;
margin-bottom:45px;
@@ -1258,7 +1263,7 @@ section#content-outer-discover{
top: 50%;*/
.transform: translateY(-15px);
}
-
+
.version-name{
vertical-align:middle;
display:table-cell;
@@ -1280,7 +1285,7 @@ span.version-no{
padding-bottom:15px;
text-align:justify;
}
-
+
.cv-boxes-buttons-area {
float:left;
width:80%;
@@ -1289,13 +1294,11 @@ span.version-no{
bottom:0;
left:10%;
}
+/* CONTRIBUTE ----------------------------------------------------------*/
/*
a.download-buttons:nth-of-type(1){
margin-left:0;
}*/
-
-/* CONTRIBUTE ----------------------------------------------------------*/
-
#contribute-heart-holder{
width:100%;
@@ -1312,8 +1315,8 @@ a.download-buttons:nth-of-type(1){
width:85px;
height:auto;
margin:10px auto;
- }
-
+ }
+
.contributor-profiles{
float:left;
width:70px;
@@ -1346,7 +1349,7 @@ a.contributors-profile-link{
font-size:26px;
}
-/* DISCUSS ----------------------------------------------------------*/
+/* DISCUSS ----------------------------------------------------------*/
#discuss-icon-holder{
@@ -1364,11 +1367,11 @@ a.contributors-profile-link{
#discuss-icon:hover{
-webkit-transform: scaleX(-1);
transform: scaleX(-1);
-}
-
+}
-/* POLICIES -------------------------------------------------------------------------*/
+
+/* POLICIES -------------------------------------------------------------------------*/
#policies-icon-holder{
width:100%;
@@ -1391,7 +1394,7 @@ a.contributors-profile-link{
width:100px;
height:auto;
margin:10px auto;
-
+
}
/* RESPONSIBLE --------------------------------------------------------------------- */
- Download Page
-
- Find All The Releases -
-
-
+ - Find All The Releases -
-
-
+
-
-
+ Download Page
+
+ Find All The Releases +
+
+
+ + Find All The Releases +
+
+
- Clear Documentation
-
- Read The Manual -
-
-
+ - Read The Manual -
-
-
+
-
-
+ Clear Documentation
+
+ Read The Manual +
+
+
+ + Read The Manual +
+
+
- Get Support & Discuss Things
-
- View The Forums -
-
-
+ - View The Forums -
-
-
+
-
-
+ Get Support & Discuss Things
+
+ View The Forums +
+
+
+ + View The Forums +
+
+
- Fix Bugs or Add Features
-
- On Github -
-
-
+ - On Github -
-
-
+
+ Fix Bugs or Add Features
+
+ On Github +
+
+
+ + On Github +
+
+