forked from I2P_Developers/i2p.www
Removed duplicate CSS
This commit is contained in:
@@ -1,29 +1,9 @@
|
||||
body {
|
||||
font-family: Droid Sans, Helvetica, sans-serif;
|
||||
font-size: 10px;
|
||||
background-color: #ffffdd;
|
||||
min-height: 800px;
|
||||
width: 100%;
|
||||
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 {
|
||||
width: 80%; /*margin: 1em auto;*/ margin: 1em auto 0; position:relative;;
|
||||
margin: 1em auto 0;
|
||||
}
|
||||
|
||||
div#topbar #logo img:hover {
|
||||
@@ -39,8 +19,13 @@ div#topbar .title {
|
||||
font-weight: bold;
|
||||
text-shadow: 1px 1px 1px rgba(0,0,0,.2);
|
||||
color: #333333;
|
||||
/*position: absolute;*/ top:0; right:0; line-height:41px; vertical-align:middle;;
|
||||
/*max-width: 70%;*/ text-align: right;;
|
||||
/*position: absolute;*/
|
||||
top:0;
|
||||
right:0;
|
||||
line-height:41px;
|
||||
vertical-align:middle;
|
||||
/*max-width: 70%;*/
|
||||
text-align: right;
|
||||
}
|
||||
|
||||
div#topbar .languages {
|
||||
@@ -222,80 +207,33 @@ menu ul,
|
||||
|
||||
/* 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 {
|
||||
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%;
|
||||
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 {
|
||||
position: absolute;
|
||||
display: block;
|
||||
top: 50%;
|
||||
right: 10%;
|
||||
margin-top: -1em;
|
||||
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);
|
||||
transform: rotate(-5deg);
|
||||
-webkit-transform: rotate(-5deg);
|
||||
-ms-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 {
|
||||
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 {
|
||||
position: relative;
|
||||
width: 30.9%;
|
||||
margin-left: 3%;
|
||||
display: inline-block;
|
||||
vertical-align: top;
|
||||
font-size: 1.3em;
|
||||
}
|
||||
|
||||
@@ -303,91 +241,27 @@ div#content .aside:first-child {
|
||||
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 {
|
||||
left: auto;
|
||||
position: absolute;
|
||||
right: 10%;
|
||||
text-align: right;
|
||||
top: 0;
|
||||
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 {
|
||||
width: auto;
|
||||
margin: 0 5%;
|
||||
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;
|
||||
line-height: 1.4em;
|
||||
}
|
||||
|
||||
div#content .inner > .title {
|
||||
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 */
|
||||
|
||||
.package {
|
||||
@@ -437,20 +311,9 @@ div#content .inner td {
|
||||
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 {
|
||||
display: inline-block;
|
||||
width: 15%;
|
||||
margin-left: 1%;
|
||||
vertical-align: top;
|
||||
}
|
||||
|
||||
#global-footer .aside.first {
|
||||
@@ -461,44 +324,3 @@ div#content .inner td {
|
||||
div##global-footer .aside.fifth {
|
||||
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