forked from I2P_Developers/i2p.www
Removed duplicate CSS
This commit is contained in:
@@ -1,29 +1,9 @@
|
|||||||
body {
|
body {
|
||||||
font-family: Droid Sans, Helvetica, sans-serif;
|
|
||||||
font-size: 10px;
|
|
||||||
background-color: #ffffdd;
|
|
||||||
min-height: 800px;
|
|
||||||
width: 100%;
|
|
||||||
padding-top: 1em;
|
padding-top: 1em;
|
||||||
background: -moz-radial-gradient(50% 30% , circle , #fffff9, #ffffcc) no-repeat scroll 0 0 #ffffcc;
|
|
||||||
background: -webkit-radial-gradient(50% 30% , circle , #fffff9, #ffffcc) no-repeat scroll 0 0 #ffffcc;
|
|
||||||
}
|
|
||||||
|
|
||||||
a {
|
|
||||||
color: #d00e0e;
|
|
||||||
text-decoration: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
a:hover {
|
|
||||||
color: #f00e0e
|
|
||||||
}
|
|
||||||
|
|
||||||
div.hide {
|
|
||||||
display: none
|
|
||||||
}
|
}
|
||||||
|
|
||||||
div#topbar {
|
div#topbar {
|
||||||
width: 80%; /*margin: 1em auto;*/ margin: 1em auto 0; position:relative;;
|
margin: 1em auto 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
div#topbar #logo img:hover {
|
div#topbar #logo img:hover {
|
||||||
@@ -39,8 +19,13 @@ div#topbar .title {
|
|||||||
font-weight: bold;
|
font-weight: bold;
|
||||||
text-shadow: 1px 1px 1px rgba(0,0,0,.2);
|
text-shadow: 1px 1px 1px rgba(0,0,0,.2);
|
||||||
color: #333333;
|
color: #333333;
|
||||||
/*position: absolute;*/ top:0; right:0; line-height:41px; vertical-align:middle;;
|
/*position: absolute;*/
|
||||||
/*max-width: 70%;*/ text-align: right;;
|
top:0;
|
||||||
|
right:0;
|
||||||
|
line-height:41px;
|
||||||
|
vertical-align:middle;
|
||||||
|
/*max-width: 70%;*/
|
||||||
|
text-align: right;
|
||||||
}
|
}
|
||||||
|
|
||||||
div#topbar .languages {
|
div#topbar .languages {
|
||||||
@@ -222,80 +207,33 @@ menu ul,
|
|||||||
|
|
||||||
/* End of dropdown menu CSS */
|
/* End of dropdown menu CSS */
|
||||||
|
|
||||||
div#content {
|
|
||||||
display: block
|
|
||||||
}
|
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* The .main class is for content wrapper on the home page (with the big banner)
|
* The .main class is for content wrapper on the home page (with the big banner)
|
||||||
*/
|
*/
|
||||||
|
|
||||||
div#content .main {
|
div#content .main {
|
||||||
background: url('../../images/dots.png') 0 10% no-repeat rgba(171, 204, 113, 0.6);
|
|
||||||
background-size: 100% auto;
|
|
||||||
width: auto;
|
|
||||||
padding: 4em 35% 4em 10%;
|
padding: 4em 35% 4em 10%;
|
||||||
position: relative;
|
|
||||||
margin: 0 auto;
|
|
||||||
text-shadow: 1px 1px 1px rgba(255,255,255,.5);
|
|
||||||
font-size: 1.6em;
|
|
||||||
line-height: 1.5em;
|
|
||||||
border: 2px solid #abcc71;
|
|
||||||
border-left: none;
|
|
||||||
border-right: none;
|
|
||||||
box-shadow: 0px 2px 8px rgba(0,0,0,.2);
|
|
||||||
}
|
|
||||||
|
|
||||||
div#content .main h1 {
|
|
||||||
font-family: "URW Gothic L", "Century Gothic", sans-serif;
|
|
||||||
font-size: 2.5em;
|
|
||||||
text-shadow: 1px 1px 2px rgba(0,0,0,.3);
|
|
||||||
color: white;
|
|
||||||
margin-bottom: .5em;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.main .get-i2p {
|
.main .get-i2p {
|
||||||
position: absolute;
|
position: absolute;
|
||||||
display: block;
|
|
||||||
top: 50%;
|
|
||||||
right: 10%;
|
right: 10%;
|
||||||
margin-top: -1em;
|
margin-top: -1em;
|
||||||
max-width: 20%;
|
max-width: 20%;
|
||||||
padding: .5em;
|
|
||||||
line-height: 1em;
|
|
||||||
font-size: 2em;
|
|
||||||
color: white;
|
|
||||||
font-family: Arial, Helvetica, sans-serif;
|
|
||||||
font-weight: bold;
|
|
||||||
text-transform: uppercase;
|
|
||||||
text-decoration: none;
|
|
||||||
text-align: center;
|
|
||||||
background: green;
|
|
||||||
border-radius: .3em;
|
|
||||||
-moz-transform: rotate(-5deg);
|
-moz-transform: rotate(-5deg);
|
||||||
transform: rotate(-5deg);
|
transform: rotate(-5deg);
|
||||||
-webkit-transform: rotate(-5deg);
|
-webkit-transform: rotate(-5deg);
|
||||||
-ms-transform: rotate(-5deg);
|
-ms-transform: rotate(-5deg);
|
||||||
-o-transform: rotate(-5deg);
|
-o-transform: rotate(-5deg);
|
||||||
text-shadow: 1px 1px 1px rgba(0,0,0,.2);
|
|
||||||
box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.3), 1em 3em 2em 0.5em rgba(255, 255, 255, 0.3) inset, inset -.2em -.5em 1em -0em rgba(0,0,0,.3);
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.main .get-i2p:hover {
|
.main .get-i2p:hover {
|
||||||
box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.3), inset 0 -2.2em 2.2em rgba(255, 255, 255, 0.3), inset .2em .5em 1em 0em rgba(0,0,0,.3)
|
box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.3), inset 0 -2.2em 2.2em rgba(255, 255, 255, 0.3), inset .2em .5em 1em 0em rgba(0,0,0,.3)
|
||||||
}
|
}
|
||||||
|
|
||||||
div#content .aside-wrap {
|
|
||||||
width: 80%;
|
|
||||||
margin: 2em auto;
|
|
||||||
}
|
|
||||||
|
|
||||||
div#content .aside {
|
div#content .aside {
|
||||||
position: relative;
|
|
||||||
width: 30.9%;
|
width: 30.9%;
|
||||||
margin-left: 3%;
|
margin-left: 3%;
|
||||||
display: inline-block;
|
|
||||||
vertical-align: top;
|
|
||||||
font-size: 1.3em;
|
font-size: 1.3em;
|
||||||
}
|
}
|
||||||
|
|
||||||
@@ -303,91 +241,27 @@ div#content .aside:first-child {
|
|||||||
margin-left: 0%
|
margin-left: 0%
|
||||||
}
|
}
|
||||||
|
|
||||||
div#content .aside a {
|
|
||||||
font-weight: bold
|
|
||||||
}
|
|
||||||
|
|
||||||
div#content .aside h1 {
|
|
||||||
padding: 1em 0;
|
|
||||||
border-bottom: 1px solid rgba(171, 204, 113, 0.6);
|
|
||||||
font-size: 1.4em;
|
|
||||||
color: #222200;
|
|
||||||
text-shadow: 1px 1px 1px rgba(0,0,0,.3);
|
|
||||||
}
|
|
||||||
|
|
||||||
div#content .aside p {
|
|
||||||
margin: 1em 0
|
|
||||||
}
|
|
||||||
|
|
||||||
div#content .aside ul {
|
|
||||||
margin: 1em 0
|
|
||||||
}
|
|
||||||
|
|
||||||
div#content .aside ul li {
|
|
||||||
list-style-type: none;
|
|
||||||
margin: 1em 0;
|
|
||||||
line-height: 1.3em;
|
|
||||||
}
|
|
||||||
|
|
||||||
div#content .feed-icon {
|
|
||||||
background-image: url('../../images/feed-icon-28x28.png');
|
|
||||||
display: block;
|
|
||||||
float: right;
|
|
||||||
height: 28px;
|
|
||||||
margin: 1em;
|
|
||||||
text-indent: -9999px;
|
|
||||||
width: 28px;
|
|
||||||
}
|
|
||||||
|
|
||||||
div#content .lastupdated {
|
div#content .lastupdated {
|
||||||
left: auto;
|
left: auto;
|
||||||
position: absolute;
|
position: absolute;
|
||||||
right: 10%;
|
right: 10%;
|
||||||
text-align: right;
|
|
||||||
top: 0;
|
top: 0;
|
||||||
width: 200px;
|
width: 200px;
|
||||||
}
|
}
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* The .inner class is for the content wrapper on inner pages (as opposed to the home page)
|
* The .inner class is for the content wrapper on inner pages (as opposed to the home page)
|
||||||
*/
|
*/
|
||||||
|
|
||||||
div#content .inner {
|
div#content .inner {
|
||||||
width: auto;
|
|
||||||
margin: 0 5%;
|
|
||||||
padding: 4em 5% 2em;
|
padding: 4em 5% 2em;
|
||||||
position: relative;
|
|
||||||
background: rgba(171, 204, 113, 0.6);
|
|
||||||
border-top: 2px solid #abcc71;
|
|
||||||
border-left: 2px solid #abcc71;
|
|
||||||
border-right: 2px solid #abcc71;
|
|
||||||
border-radius: 5px 5px 0 0;
|
|
||||||
color: black;
|
|
||||||
font-size: 1.3em;
|
font-size: 1.3em;
|
||||||
line-height: 1.4em;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
div#content .inner > .title {
|
div#content .inner > .title {
|
||||||
display: none
|
display: none
|
||||||
}
|
}
|
||||||
|
|
||||||
div#content .inner ol {
|
|
||||||
margin: 1.5em
|
|
||||||
}
|
|
||||||
|
|
||||||
div#content .inner ul {
|
|
||||||
margin: 1.5em;
|
|
||||||
1em: ;
|
|
||||||
}
|
|
||||||
|
|
||||||
div#content .inner p {
|
|
||||||
margin: 1em 0
|
|
||||||
}
|
|
||||||
|
|
||||||
div#content .inner td {
|
|
||||||
padding: 2px 5px
|
|
||||||
}
|
|
||||||
|
|
||||||
/* CSS for downloads list */
|
/* CSS for downloads list */
|
||||||
|
|
||||||
.package {
|
.package {
|
||||||
@@ -437,20 +311,9 @@ div#content .inner td {
|
|||||||
top: 0;
|
top: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
#global-footer {
|
|
||||||
width: auto;
|
|
||||||
border-top: 3px solid #883333;
|
|
||||||
background: #552222;
|
|
||||||
box-shadow: 0px -4px 8px rgba(0,0,0,.3);
|
|
||||||
padding: 1em 10%;
|
|
||||||
background: -moz-linear-gradient(#883333, #772222);
|
|
||||||
}
|
|
||||||
|
|
||||||
#global-footer .aside {
|
#global-footer .aside {
|
||||||
display: inline-block;
|
|
||||||
width: 15%;
|
width: 15%;
|
||||||
margin-left: 1%;
|
margin-left: 1%;
|
||||||
vertical-align: top;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
#global-footer .aside.first {
|
#global-footer .aside.first {
|
||||||
@@ -461,44 +324,3 @@ div#content .inner td {
|
|||||||
div##global-footer .aside.fifth {
|
div##global-footer .aside.fifth {
|
||||||
margin-left: 2.5%
|
margin-left: 2.5%
|
||||||
}
|
}
|
||||||
|
|
||||||
#global-footer .aside h1 {
|
|
||||||
color: #ffdd88;
|
|
||||||
font-size: 1.2em;
|
|
||||||
text-shadow: -1px -1px 1px rgba(0,0,0,.2);
|
|
||||||
border-bottom: 1px solid #ccaa66;
|
|
||||||
margin: 1em 0;
|
|
||||||
line-height: 1.3em;
|
|
||||||
}
|
|
||||||
|
|
||||||
#global-footer .aside ul {
|
|
||||||
margin: 0;
|
|
||||||
padding: 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
#global-footer .aside ul li {
|
|
||||||
list-style-type: none;
|
|
||||||
line-height: 1.5em;
|
|
||||||
}
|
|
||||||
|
|
||||||
#global-footer .aside ul li a {
|
|
||||||
color: #ccaa66;
|
|
||||||
font-weight: bold;
|
|
||||||
}
|
|
||||||
|
|
||||||
#global-footer .aside ul li a:hover {
|
|
||||||
text-decoration: underline
|
|
||||||
}
|
|
||||||
|
|
||||||
#global-footer a.button {
|
|
||||||
padding: .5em 2em;
|
|
||||||
background-color: #cc2222;
|
|
||||||
border: 1px solid #bb2222;
|
|
||||||
border-radius: 3px;
|
|
||||||
display: inline-block;
|
|
||||||
color: white;
|
|
||||||
margin: 1em auto;
|
|
||||||
text-align: center;
|
|
||||||
width: auto;
|
|
||||||
font-weight: bold;
|
|
||||||
}
|
|
Reference in New Issue
Block a user