Team:UNITN-Trento/CSS/Extra/Attributions
From 2013.igem.org
(Difference between revisions)
(23 intermediate revisions not shown) | |||
Line 1: | Line 1: | ||
- | #tn-content | + | #tn-content .container { |
+ | background-color: rgb(143, 11, 25); | ||
+ | background-image: url(https://static.igem.org/mediawiki/2013/d/de/Tn-2013-boxbg-Onda-GrapeRed.png); | ||
+ | } | ||
+ | |||
+ | #black_board { | ||
max-width: 95%; | max-width: 95%; | ||
- | border: 9px solid | + | border: 9px solid #f0f0f0; |
- | box-shadow: 4px 4px 4px | + | box-shadow: 4px 4px 4px gray; |
+ | border-radius:20px; | ||
} | } | ||
- | #tn-content | + | #tn-content .area { |
+ | margin-left:1.5em; | ||
border: none; | border: none; | ||
display: inline; | display: inline; | ||
Line 13: | Line 20: | ||
font-size: 1.6em; | font-size: 1.6em; | ||
font-weight: bold; | font-weight: bold; | ||
+ | vertical-align:middle; | ||
} | } | ||
- | + | .icon { | |
- | + | display:inline!important; | |
- | display: inline; | + | border:none!important; |
- | + | box-shadow:none!important; | |
- | + | width:130px!important | |
- | + | ||
- | + | ||
} | } | ||
- | . | + | .spacebox { |
- | height: | + | height:60px; |
- | + | ||
} | } | ||
- | + | .image_wrapper { | |
- | + | display:inline-block!important; | |
- | + | width:49%!important; | |
} | } | ||
- | + | .text_wrapper { | |
- | . | + | display:inline-block!important; |
- | + | width:43%!important; | |
- | + | vertical-align:middle; | |
- | + | font-size: 1.2em; | |
+ | margin-right:65px; | ||
} | } | ||
- | # | + | /*Navigation arrows*/ |
- | + | ||
- | + | #tn-central-container #tn-content-wrap #tn-content .container .sheet-2 { | |
+ | position: relative; | ||
+ | |||
+ | margin: -1em 0 1em 0; | ||
+ | padding: 0.5em; | ||
+ | |||
+ | background-color: rgba(255,255,255,.6); | ||
+ | |||
+ | text-align: center; | ||
} | } | ||
- | . | + | #tn-central-container #tn-content-wrap #tn-content .container .sheet-2 .tn-arr-prev, |
- | width: | + | #tn-central-container #tn-content-wrap #tn-content .container .sheet-2 .tn-arr-next { |
+ | position: absolute; | ||
+ | bottom: 0.8em; | ||
+ | |||
+ | width: 174px; | ||
+ | |||
+ | border: none; | ||
+ | box-shadow: none; | ||
} | } | ||
- | . | + | .container .sheet-2 .tn-arr-prev { |
- | + | left: 2em; | |
} | } | ||
- | . | + | .container .sheet-2 .tn-arr-next { |
- | + | right: 2em; | |
- | + | ||
- | + | ||
- | + | ||
} | } | ||
- | . | + | #tn-central-container #tn-content-wrap #tn-content .container .sheet a:link, #tn-central-container #tn-content-wrap #tn-content .container .sheet a:visited { |
- | + | color:rgb(143, 11, 25); | |
} | } | ||
- | . | + | #tn-central-container #tn-content-wrap #tn-content .container .sheet a:hover { |
- | + | color:black; | |
} | } |
Latest revision as of 13:38, 29 September 2013
- tn-content .container {
background-color: rgb(143, 11, 25); background-image: url();
}
- black_board {
max-width: 95%; border: 9px solid #f0f0f0; box-shadow: 4px 4px 4px gray; border-radius:20px;
}
- tn-content .area {
margin-left:1.5em; border: none; display: inline; margin-top:none!important; margin-bottom: 0.2em; font-family: 'Open Sans Condensed', sans-serif; font-size: 1.6em; font-weight: bold; vertical-align:middle;
}
.icon {
display:inline!important; border:none!important; box-shadow:none!important; width:130px!important
}
.spacebox {
height:60px;
}
.image_wrapper {
display:inline-block!important; width:49%!important;
}
.text_wrapper {
display:inline-block!important; width:43%!important; vertical-align:middle; font-size: 1.2em; margin-right:65px;
}
/*Navigation arrows*/
- tn-central-container #tn-content-wrap #tn-content .container .sheet-2 {
position: relative; margin: -1em 0 1em 0; padding: 0.5em; background-color: rgba(255,255,255,.6); text-align: center;
}
- tn-central-container #tn-content-wrap #tn-content .container .sheet-2 .tn-arr-prev,
- tn-central-container #tn-content-wrap #tn-content .container .sheet-2 .tn-arr-next {
position: absolute; bottom: 0.8em;
width: 174px; border: none; box-shadow: none;
}
.container .sheet-2 .tn-arr-prev {
left: 2em;
}
.container .sheet-2 .tn-arr-next {
right: 2em;
}
- tn-central-container #tn-content-wrap #tn-content .container .sheet a:link, #tn-central-container #tn-content-wrap #tn-content .container .sheet a:visited {
color:rgb(143, 11, 25); }
- tn-central-container #tn-content-wrap #tn-content .container .sheet a:hover {
color:black; }