Ignore:
Timestamp:
20 Jun 2013, 08:47:46 (12 years ago)
Author:
Henrik Bettermann
Message:

Replace tabs.

File:
1 edited

Legend:

Unmodified
Added
Removed

  • main/ngren.theme/trunk/ngren/theme/ngren_theme/css/style.css

    r10315 r10316  
    11/** BASE **/
    22body {
    3         padding-top: 20px;
    4         padding-bottom: 60px;
    5         background-color:#f4f4f4;
    6         /* background-image: url(../img/p6.png); */
    7         background-position: 0 0;
    8         background-repeat: repeat;
     3  padding-top: 20px;
     4  padding-bottom: 60px;
     5  background-color:#f4f4f4;
     6  /* background-image: url(../img/p6.png); */
     7  background-position: 0 0;
     8  background-repeat: repeat;
    99}
    1010
    1111body, h1, h2, h3, h4, h4, h6 {
    12         font-family: 'Open Sans', sans-serif;
     12  font-family: 'Open Sans', sans-serif;
    1313}
    1414
    1515h3 {
    16         color:#006633;
    17         font-size:22.5px;
     16  color:#006633;
     17  font-size:22.5px;
    1818}
    1919
    2020hr {
    21         margin:30px 0;
     21  margin:30px 0;
    2222}
    2323
    2424select, textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input {
    25         height:16px;
     25  height:16px;
    2626}
    2727
    … …  
    3232/** COMMON **/
    3333.border-radius {
    34         -webkit-border-radius: 5px;
    35         -moz-border-radius: 5px;
    36         border-radius: 5px;
     34  -webkit-border-radius: 5px;
     35  -moz-border-radius: 5px;
     36  border-radius: 5px;
    3737}
    3838
    3939.center {
    40         text-align:center;
     40  text-align:center;
    4141}
    4242
    4343.relative {
    44         position:relative;
     44  position:relative;
    4545}
    4646
    4747/** GRADIENT MODULES **/
    4848.green-gradient {
    49         background-color: #005522;
    50         background-image: -moz-linear-gradient(top, #006633, #117744);
    51         background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#006633), to(#117744));
    52         background-image: -webkit-linear-gradient(top, #006633, #117744);
    53         background-image: -o-linear-gradient(top, #006633, #117744);
    54         background-image: linear-gradient(to bottom, #006633, #117744);
    55         background-repeat: repeat-x;
    56         filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff006633', endColorstr='#ff117744', GradientType=0);
     49  background-color: #005522;
     50  background-image: -moz-linear-gradient(top, #006633, #117744);
     51  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#006633), to(#117744));
     52  background-image: -webkit-linear-gradient(top, #006633, #117744);
     53  background-image: -o-linear-gradient(top, #006633, #117744);
     54  background-image: linear-gradient(to bottom, #006633, #117744);
     55  background-repeat: repeat-x;
     56  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff006633', endColorstr='#ff117744', GradientType=0);
    5757}
    5858
    5959.gradient-radius-module {
    60         background-color: #005522;
    61         background-image: -moz-linear-gradient(top, #FFFFFF, #F2F2F2);
    62         background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#FFFFFF), to(#F2F2F2));
    63         background-image: -webkit-linear-gradient(top, #FFFFFF, #F2F2F2);
    64         background-image: -o-linear-gradient(top, #FFFFFF, #F2F2F2);
    65         background-image: linear-gradient(to bottom, #FFFFFF, #F2F2F2);
    66         background-repeat: repeat-x;
    67         filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffFFFFFF', endColorstr='#ffF2F2F2', GradientType=0);
    68 
    69         -moz-border-radius:5px;
    70         -webkit-border-radius:5px;
    71         border-radius:5px;
    72 
    73         border:1px solid #D4D4D4;
     60  background-color: #005522;
     61  background-image: -moz-linear-gradient(top, #FFFFFF, #F2F2F2);
     62  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#FFFFFF), to(#F2F2F2));
     63  background-image: -webkit-linear-gradient(top, #FFFFFF, #F2F2F2);
     64  background-image: -o-linear-gradient(top, #FFFFFF, #F2F2F2);
     65  background-image: linear-gradient(to bottom, #FFFFFF, #F2F2F2);
     66  background-repeat: repeat-x;
     67  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffFFFFFF', endColorstr='#ffF2F2F2', GradientType=0);
     68
     69  -moz-border-radius:5px;
     70  -webkit-border-radius:5px;
     71  border-radius:5px;
     72
     73  border:1px solid #D4D4D4;
    7474}
    7575
    7676.white-background {
    77         background:#fff;
    78         -webkit-border-bottom-right-radius: 5px;
    79         -webkit-border-bottom-left-radius: 5px;
    80         -moz-border-radius-bottomright: 5px;
    81         -moz-border-radius-bottomleft: 5px;
    82         border-bottom-right-radius: 5px;
    83         border-bottom-left-radius: 5px;
     77  background:#fff;
     78  -webkit-border-bottom-right-radius: 5px;
     79  -webkit-border-bottom-left-radius: 5px;
     80  -moz-border-radius-bottomright: 5px;
     81  -moz-border-radius-bottomleft: 5px;
     82  border-bottom-right-radius: 5px;
     83  border-bottom-left-radius: 5px;
    8484}
    8585
    … …  
    8787
    8888.left-col {
    89         width:680px;
    90         float:left;
     89  width:680px;
     90  float:left;
    9191}
    9292
    9393.ie7 .left-col,
    9494.ie8 .left-col {
    95         width: 100%;
     95  width: 100%;
    9696}
    9797
    9898.right-col {
    99         width:300px;
    100         float:right;
     99  width:300px;
     100  float:right;
    101101}
    102102
    103103.ie7 .right-col,
    104104.ie8 .right-col {
    105         width: 100%;
     105  width: 100%;
    106106}
    107107
    108108.ie7 .row-fluid .span6 {
    109         width:40%;
     109  width:40%;
    110110}
    111111
    … …  
    113113
    114114#header-head {
    115         height:140px;
     115  height:140px;
    116116}
    117117
    … …  
    123123
    124124#user-options ul {
    125         margin:0;
     125  margin:0;
    126126}
    127127
    128128#user-options ul li {
    129         list-style:none;
    130         display:inline;
     129  list-style:none;
     130  display:inline;
    131131  text-align: left;
    132132}
    133133
    134134#logo-container {
    135         height:90px;
    136         margin:20px;
    137         text-align:center;
    138         float:left;
     135  height:90px;
     136  margin:20px;
     137  text-align:center;
     138  float:left;
    139139}
    140140
    … …  
    143143.ie7 #logo-container,
    144144.ie7 #logo-container h1 {
    145         width:70%;
     145  width:70%;
    146146}
    147147
    148148#logo-container #logo {
    149         float: left;
    150         margin: 5px;
    151         margin-top: 0px;
    152         width: 150px;
     149  float: left;
     150  margin: 5px;
     151  margin-top: 0px;
     152  width: 150px;
    153153}
    154154
    155155#logo-container h1 {
    156         float: left;
    157         font-size: 27px;
    158         position: relative;
    159         top: 0px;
    160         text-align:left;
    161         margin-left:10px;
     156  float: left;
     157  font-size: 27px;
     158  position: relative;
     159  top: 0px;
     160  text-align:left;
     161  margin-left:10px;
    162162}
    163163
    164164#logo-container h1 a {
    165         color:#444;
     165  color:#444;
    166166}
    167167
    168168#logo-container h1 a:hover {
    169         text-decoration:none;
     169  text-decoration:none;
    170170}
    171171
    172172/** Navigation **/
    173173.navbar .navbar-inner {
    174         padding: 0;
    175         background-color:inherit;
    176         box-shadow:none;
     174  padding: 0;
     175  background-color:inherit;
     176  box-shadow:none;
    177177}
    178178
    179179.navbar .nav-container {
    180         width:100%;
    181         border-top:1px solid #ccc;
     180  width:100%;
     181  border-top:1px solid #ccc;
    182182}
    183183
    184184.navbar .nav > li > a {
    185         border-bottom:3px solid rgba(0,0,0,0);
     185  border-bottom:3px solid rgba(0,0,0,0);
    186186}
    187187
    188188.navbar .nav > li > a:hover, .navbar .nav > .active > a, .navbar .nav > .active > a:hover, .navbar .nav > .active > a:focus {
    189         border-bottom:3px solid #006633;
    190         background-image:none;
    191         background-color:inherit;
    192         box-shadow:none;
     189  border-bottom:3px solid #006633;
     190  background-image:none;
     191  background-color:inherit;
     192  box-shadow:none;
    193193}
    194194
    195195.navbar .nav li a {
    196         font-weight: bold;
    197         text-align: left;
    198         border-left: 1px solid rgba(255,255,255,.75);
    199         border-right: 1px solid rgba(0,0,0,.1);
     196  font-weight: bold;
     197  text-align: left;
     198  border-left: 1px solid rgba(255,255,255,.75);
     199  border-right: 1px solid rgba(0,0,0,.1);
    200200}
    201201
    202202.navbar-form {
    203         bottom: 8px;
    204         position: absolute;
    205         right: 8px;
     203  bottom: 8px;
     204  position: absolute;
     205  right: 8px;
    206206}
    207207
    208208.navbar-form.mobile {
    209         position:relative;
    210         float:right;
    211         top:5px;
    212         right:10px;
     209  position:relative;
     210  float:right;
     211  top:5px;
     212  right:10px;
    213213}
    214214
    215215.navbar-form input[type="text"] {
    216         width:200px;
     216  width:200px;
    217217}
    218218
    219219.navbar .nav > li > .dropdown-menu:after,
    220220.navbar .nav > li > .dropdown-menu:before {
    221         display:none;
     221  display:none;
    222222}
    223223
    224224.navbar .btn-navbar {
    225         color:#006633;
    226         font-weight:bold;
    227         text-shadow:0px 1px 0px #ddd;
    228         width:97%;
    229         margin:10px;
     225  color:#006633;
     226  font-weight:bold;
     227  text-shadow:0px 1px 0px #ddd;
     228  width:97%;
     229  margin:10px;
    230230}
    231231
    232232.navbar .btn-navbar:hover {
    233         color:#005522;
     233  color:#005522;
    234234}
    235235
    236236.dropdown-menu {
    237         top:41px;
    238         -webkit-border-radius: 0px;
    239         -moz-border-radius: 0px;
    240         border-radius: 0px;
     237  top:41px;
     238  -webkit-border-radius: 0px;
     239  -moz-border-radius: 0px;
     240  border-radius: 0px;
    241241}
    242242
    243243.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus, .dropdown-submenu:hover > a, .dropdown-submenu:focus > a {
    244         background-color:#006633;
    245         background-image: linear-gradient(to bottom, #117744, #006633);
     244  background-color:#006633;
     245  background-image: linear-gradient(to bottom, #117744, #006633);
    246246}
    247247
    248248ul.nav li.dropdown:hover > ul.dropdown-menu{
    249         display: block;
     249  display: block;
    250250}
    251251
    … …  
    255255
    256256.container .navbar .container {
    257         width: auto;
     257  width: auto;
    258258}
    259259
    260260/** Containers **/
    261261.container {
    262         margin: 0 auto;
    263         max-width: 1000px;
     262  margin: 0 auto;
     263  max-width: 1000px;
    264264}
    265265
    266266.curly-shadow {
    267         background:#fff;
    268         margin-bottom: 24px;
    269         position: relative;
     267  background:#fff;
     268  margin-bottom: 24px;
     269  position: relative;
    270270}
    271271
    272272.curly-shadow-container {
    273         background:url("../img/subtle_dots.png") repeat scroll 0 0 transparent;
    274         height:310px;
     273  background:url("../img/subtle_dots.png") repeat scroll 0 0 transparent;
     274  height:310px;
    275275}
    276276
    277277.curly-shadow:after {
    278         bottom: 20px;
    279         box-shadow: 6px 11px 4px rgba(0,0,0,0.2);
    280         content: "";
    281         height: 20px;
    282         right: 5px;
    283         position: absolute;
    284         transform: skew(-14deg) rotate(3deg);
    285         width: 70%;
    286         z-index: -1;
     278  bottom: 20px;
     279  box-shadow: 6px 11px 4px rgba(0,0,0,0.2);
     280  content: "";
     281  height: 20px;
     282  right: 5px;
     283  position: absolute;
     284  transform: skew(-14deg) rotate(3deg);
     285  width: 70%;
     286  z-index: -1;
    287287}
    288288
    289289.curly-shadow:before {
    290         bottom: 20px;
    291         box-shadow: 6px 11px 4px rgba(0,0,0,0.2);
    292         content: "";
    293         height: 20px;
    294         left: 5px;
    295         position: absolute;
    296         transform: skew(-14deg) rotate(-3deg);
    297         width: 70%;
    298         z-index: -1;
     290  bottom: 20px;
     291  box-shadow: 6px 11px 4px rgba(0,0,0,0.2);
     292  content: "";
     293  height: 20px;
     294  left: 5px;
     295  position: absolute;
     296  transform: skew(-14deg) rotate(-3deg);
     297  width: 70%;
     298  z-index: -1;
    299299}
    300300
    301301/** Content Container **/
    302302.content-container {
    303         padding:20px 40px;
    304         margin-bottom:20px;
    305         min-height:566px;
    306         position:relative;
     303  padding:20px 40px;
     304  margin-bottom:20px;
     305  min-height:566px;
     306  position:relative;
    307307}
    308308
    309309.post-social {
    310         float:right;
    311         margin:20px 0;
     310  float:right;
     311  margin:20px 0;
    312312}
    313313
    314314.post-social div {
    315         display:inline;
     315  display:inline;
    316316}
    317317
    318318.post-social .twitter {
    319         margin:5px 0;
     319  margin:5px 0;
    320320}
    321321
    322322.post-social .facebook {
    323         margin:0px;
     323  margin:0px;
    324324}
    325325
    326326.list-left,
    327327.list-right {
    328         list-style:none;
     328  list-style:none;
    329329}
    330330
    331331.list-left li,
    332332.list-right li {
    333         margin:10px;
     333  margin:10px;
    334334}
    335335
    336336.list-left {
    337         float:left;
     337  float:left;
    338338}
    339339
    340340.list-right {
    341         float:right;
     341  float:right;
    342342}
    343343
    344344/** Footer **/
    345345.footer {
    346         border-top: 1px solid #D4D4D4;
    347         float: left;
    348         margin-top: 10px;
    349         padding: 10px 0;
    350         width: 100%;
     346  border-top: 1px solid #D4D4D4;
     347  float: left;
     348  margin-top: 10px;
     349  padding: 10px 0;
     350  width: 100%;
    351351}
    352352
    353353.footer .section {
    354         padding:0 20px;
    355         float:right;
     354  padding:0 20px;
     355  float:right;
    356356}
    357357
    358358.footer .section ul {
    359         margin:0;
     359  margin:0;
    360360}
    361361
    362362.footer .section li.title {
    363         font-weight:bold;
     363  font-weight:bold;
    364364}
    365365
    366366.footer .section li {
    367         margin:5px 0;
    368         list-style:none;
     367  margin:5px 0;
     368  list-style:none;
    369369}
    370370
    371371.footer .fb-footer {
    372         padding:0;
     372  padding:0;
    373373}
    374374
    375375.footer .tw-footer {
    376         padding:0;
     376  padding:0;
    377377}
    378378
    379379.footer .copyright {
    380         margin:5px 0px;
    381         color:#999;
    382         float:left;
     380  margin:5px 0px;
     381  color:#999;
     382  float:left;
    383383}
    384384
    385385.footer .address {
    386         color: #999999;
    387         float: right;
    388         margin: 5px;
    389         padding:0 20px;
     386  color: #999999;
     387  float: right;
     388  margin: 5px;
     389  padding:0 20px;
    390390}
    391391
    392392.footer .address ul {
    393         margin:0;
     393  margin:0;
    394394}
    395395
    396396.footer .address li {
    397         list-style:none;
     397  list-style:none;
    398398}
    399399
    400400/** forms  **/
    401401#content fieldset {
    402         border: 0.1em solid;
    403         border-color: -moz-use-text-color -moz-use-text-color #E5E5E5;
     402  border: 0.1em solid;
     403  border-color: -moz-use-text-color -moz-use-text-color #E5E5E5;
    404404        border-color: #E5E5E5;
    405405}
    … …  
    411411        margin: 1px;
    412412        passing: 0.0em 0.5em;
    413         padding: 0.5em;
     413  padding: 0.5em;
    414414}
    415415
    … …  
    425425/** TEXT / TITLES / MESSAGES **/
    426426h4.title {
    427         color:#006633;
    428         border-bottom:3px solid #006633;
    429         padding-bottom:5px;
     427  color:#006633;
     428  border-bottom:3px solid #006633;
     429  padding-bottom:5px;
    430430}
    431431
    … …  
    434434/** Home option **/
    435435.home-option {
    436         padding:20px 40px;
    437         margin-bottom:20px;
     436  padding:20px 40px;
     437  margin-bottom:20px;
    438438}
    439439
    440440.home-option h3 {
    441         color:#006633;
    442         font-weight:bold;
    443         font-size:16px;
    444         line-height:20px;
     441  color:#006633;
     442  font-weight:bold;
     443  font-size:16px;
     444  line-height:20px;
    445445}
    446446
    447447.home-option h3 a {
    448         color:#006633;
     448  color:#006633;
    449449}
    450450
    451451.home-option .text {
    452         height:40px;
     452  height:40px;
    453453}
    454454
    455455.home-icon {
    456         margin:5px;
    457         width:78px;
     456  margin:5px;
     457  width:78px;
    458458}
    459459
    460460/** Streaming **/
    461461.streaming {
    462         padding:20px 40px;
    463         margin-bottom:20px;
    464         height:230px;
    465         overflow:hidden;
     462  padding:20px 40px;
     463  margin-bottom:20px;
     464  height:230px;
     465  overflow:hidden;
    466466}
    467467
    468468.streaming li {
    469         list-style:none;
    470         height:110px;
     469  list-style:none;
     470  height:110px;
    471471}
    472472
    473473.streaming h4 a {
    474         color:#444;
     474  color:#444;
    475475}
    476476
    477477#streaming-news {
    478         height:220px;
    479         overflow:hidden;
     478  height:220px;
     479  overflow:hidden;
    480480}
    481481
    … …  
    591591
    592592.slider {
    593         height: 310px;
    594         position: relative;
    595         z-index: 1;
     593  height: 310px;
     594  position: relative;
     595  z-index: 1;
    596596}
    597597
    598598.slider-container {
    599         position:relative;
    600         height:310px;
    601         margin:0px auto;
    602         display:block;
     599  position:relative;
     600  height:310px;
     601  margin:0px auto;
     602  display:block;
    603603}
    604604
    605605.slider-container .slider-image-container {
    606         float:right;
    607         width:49%;
    608         margin:30px 0;
     606  float:right;
     607  width:49%;
     608  margin:30px 0;
    609609}
    610610
    611611.slider-container .slider-image {
    612         border-bottom: 3px solid #006633;
    613         border-top: 3px solid #006633;
    614         height: 240px;
     612  border-bottom: 3px solid #006633;
     613  border-top: 3px solid #006633;
     614  height: 240px;
    615615}
    616616
    617617.slider-container .slider-text {
    618         display: block;
    619         margin:40px 0;
    620         text-align: center;
    621         float:left;
    622         width:43%;
     618  display: block;
     619  margin:40px 0;
     620  text-align: center;
     621  float:left;
     622  width:43%;
    623623}
    624624
    625625.slider-container .slider-text .highlight {
    626         font-weight:bold;
    627         color:#006633;
    628         text-shadow:none;
     626  font-weight:bold;
     627  color:#006633;
     628  text-shadow:none;
    629629}
    630630
    631631.slider-container .slider-text h3 {
    632         font-weight: bold;
     632  font-weight: bold;
    633633}
    634634
    635635.slider-container .slider-text h3 a {
    636         color:#006633;
     636  color:#006633;
    637637}
    638638
    639639.slider-container .slider-text p {
    640         font-size: 16px;
     640  font-size: 16px;
    641641}
    642642
    643643.centered-btns_nav {
    644         -webkit-border-top-right-radius: 5px;
    645         -webkit-border-bottom-right-radius: 5px;
    646         -moz-border-radius-topright: 5px;
    647         -moz-border-radius-bottomright: 5px;
    648         border-top-right-radius: 5px;
    649         border-bottom-right-radius: 5px;
     644  -webkit-border-top-right-radius: 5px;
     645  -webkit-border-bottom-right-radius: 5px;
     646  -moz-border-radius-topright: 5px;
     647  -moz-border-radius-bottomright: 5px;
     648  border-top-right-radius: 5px;
     649  border-bottom-right-radius: 5px;
    650650}
    651651
    652652.centered-btns_nav.next {
    653         -webkit-border-top-left-radius: 5px;
    654         -webkit-border-bottom-left-radius: 5px;
    655         -moz-border-radius-topleft: 5px;
    656         -moz-border-radius-bottomleft: 5px;
    657         border-top-left-radius: 5px;
    658         border-bottom-left-radius: 5px;
    659 
    660         -webkit-border-top-right-radius: 0px;
    661         -webkit-border-bottom-right-radius: 0px;
    662         -moz-border-radius-topright: 0px;
    663         -moz-border-radius-bottomright: 0px;
    664         border-top-right-radius: 0px;
    665         border-bottom-right-radius: 0px;
     653  -webkit-border-top-left-radius: 5px;
     654  -webkit-border-bottom-left-radius: 5px;
     655  -moz-border-radius-topleft: 5px;
     656  -moz-border-radius-bottomleft: 5px;
     657  border-top-left-radius: 5px;
     658  border-bottom-left-radius: 5px;
     659
     660  -webkit-border-top-right-radius: 0px;
     661  -webkit-border-bottom-right-radius: 0px;
     662  -moz-border-radius-topright: 0px;
     663  -moz-border-radius-bottomright: 0px;
     664  border-top-right-radius: 0px;
     665  border-bottom-right-radius: 0px;
    666666}
    667667
    668668/** Partners **/
    669669.full-col {
    670         float:left;
    671         width:100%;
     670  float:left;
     671  width:100%;
    672672}
    673673
    674674#partners-tile {
    675         height:120px;
    676         margin-bottom:30px;
    677         padding:0px 50px;
     675  height:120px;
     676  margin-bottom:30px;
     677  padding:0px 50px;
    678678}
    679679
    680680#partners-tile li {
    681         display: block;
    682         float: left;
    683         list-style: none;
    684         text-align:center;
     681  display: block;
     682  float: left;
     683  list-style: none;
     684  text-align:center;
    685685}
    686686
    687687#partners-tile li span.title {
    688         display:none;
     688  display:none;
    689689}
    690690
    691691#partners-tile li {
    692         margin-right:6%;
     692  margin-right:6%;
    693693}
    694694
    695695#partners-tile li#fme {
    696         margin-left:4%;
     696  margin-left:4%;
    697697}
    698698
    699699#partners-tile li#nuc {
    700         margin-right:0;
     700  margin-right:0;
    701701}
    702702
    … …  
    711711/** Images **/
    712712.content-container img {
    713         margin:5px;
    714         border:2px solid #e0e0e0;
     713  margin:5px;
     714  border:2px solid #e0e0e0;
    715715}
    716716
    717717.content-container img.left-image {
    718         float:left;
    719         margin-left:0px;
    720         margin-right:10px;
     718  float:left;
     719  margin-left:0px;
     720  margin-right:10px;
    721721}
    722722
    723723img.about-unique-image {
    724         float:none;
    725         display:block;
    726         margin:20px auto;
     724  float:none;
     725  display:block;
     726  margin:20px auto;
    727727}
    728728
    729729/** Gallery **/
    730730.gallery {
    731         margin:0;
     731  margin:0;
    732732}
    733733
    734734.gallery li {
    735         list-style:none;
    736         display:inline;
    737         cursor:pointer;
     735  list-style:none;
     736  display:inline;
     737  cursor:pointer;
    738738}
    739739
    740740.gallery img:hover {
    741         border:2px solid #006633;
     741  border:2px solid #006633;
    742742}
    743743
    744744.gallery li .gallery-object {
    745         position:relative;
    746         display:block;
    747         float:left;
     745  position:relative;
     746  display:block;
     747  float:left;
    748748}
    749749
    750750.gallery img {
    751         width:180px;
     751  width:180px;
    752752}
    753753
    754754.gallery .title {
    755         background: none repeat scroll 0 0 rgba(0, 0, 0, 0.6);
    756         bottom: 7px;
    757         color: #FFFFFF;
    758         font-size: 16px;
    759         height: 20px;
    760         left: 7px;
    761         padding: 5px 0;
    762         position: absolute;
    763         text-align: center;
    764         width: 180px;
     755  background: none repeat scroll 0 0 rgba(0, 0, 0, 0.6);
     756  bottom: 7px;
     757  color: #FFFFFF;
     758  font-size: 16px;
     759  height: 20px;
     760  left: 7px;
     761  padding: 5px 0;
     762  position: absolute;
     763  text-align: center;
     764  width: 180px;
    765765}
    766766
    767767/** Buttons **/
    768768.btn-primary {
    769         color: #fff;
    770         border: solid 1px #117744;
    771         background: #666600;
    772         background: -webkit-gradient(linear, left top, left bottom, from(#006633), to(#117744));
    773         background: -moz-linear-gradient(top,  #006633,  #117744);
    774         filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#006633', endColorstr='#117744');
     769  color: #fff;
     770  border: solid 1px #117744;
     771  background: #666600;
     772  background: -webkit-gradient(linear, left top, left bottom, from(#006633), to(#117744));
     773  background: -moz-linear-gradient(top,  #006633,  #117744);
     774  filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#006633', endColorstr='#117744');
    775775}
    776776
    … …  
    782782
    783783@media (max-width: 1200px) {
    784         .left-col, .right-col {
    785                 width:100%;
    786         }
    787 
    788         .content-container {
    789                 min-height:inherit;
    790         }
    791 
    792         .footer .copyright {
    793                 float:none;
    794         }
     784  .left-col, .right-col {
     785    width:100%;
     786  }
     787
     788  .content-container {
     789    min-height:inherit;
     790  }
     791
     792  .footer .copyright {
     793    float:none;
     794  }
    795795}
    796796
    797797@media (max-width: 981px) {
    798         .slider-container .slider-image {
    799                 top:0px;
    800         }
     798  .slider-container .slider-image {
     799    top:0px;
     800  }
    801801
    802802  .navbar-form {
    … …  
    805805  }
    806806
    807         #partners-tile {
    808                 height:140px;
    809         }
    810 
    811         #partners-tile li {
    812                 margin-right:1%;
    813         }
    814 
    815         #partners-tile li#fme {
    816                 margin-left:1%;
    817         }
    818 
    819         #partners-tile li img {
    820                 width:83%;
    821         }
     807  #partners-tile {
     808    height:140px;
     809  }
     810
     811  #partners-tile li {
     812    margin-right:1%;
     813  }
     814
     815  #partners-tile li#fme {
     816    margin-left:1%;
     817  }
     818
     819  #partners-tile li img {
     820    width:83%;
     821  }
    822822}
    823823
    824824@media (max-width: 767px) {
    825825
    826         /** Base **/
    827         body {
    828                 padding-top:20px;
    829         }
    830 
    831         /** Header **/
    832         .navbar .navbar-inner {
    833                 padding-bottom:5px;
    834         }
    835 
    836         .navbar .btn-navbar {
    837                 clear:right;
    838                 float:left;
    839                 margin-bottom:0px;
    840         }
    841 
    842         .nav-collapse, .nav-collapse.collapse {
    843                 top:7px;
    844         }
    845 
    846         /** Modules **/
    847         .slider-container .slider-text p {
    848                 font-size:14px;
    849                 max-height:145px;
    850         }
    851 
    852         .slider-container .slider-text .relative {
    853                 padding:20px 10px;
    854         }
    855 
    856         .home-option {
    857                 margin-bottom:30px;
    858         }
    859 
    860         .home-option .text {
    861                 height:inherit;
    862         }
    863 
    864         #partners-tile {
    865                 height:inherit;
    866         }
    867 
    868         #partners-tile ul {
    869         margin:0;
    870         }
    871 
    872         #partners-tile li {
    873                 width:100% !important;
    874         }
    875 
    876         #partners-tile li img {
    877                 width:inherit;
    878         }
    879 
    880         /** Footer **/
    881         .footer .copyright {
    882                 display:block;
    883                 float:none;
    884         }
    885 
    886         .footer .section {
    887                 margin:20px 0;
    888                 float:none;
    889                 padding:0;
    890         }
    891 
    892         .footer .section li {
    893                 margin:10px 0;
    894         }
    895 
    896         .footer .address {
    897                 float: none;
    898                 margin: 5px 0;
    899                 padding:0;
    900         }
     826  /** Base **/
     827  body {
     828    padding-top:20px;
     829  }
     830
     831  /** Header **/
     832  .navbar .navbar-inner {
     833    padding-bottom:5px;
     834  }
     835
     836  .navbar .btn-navbar {
     837    clear:right;
     838    float:left;
     839    margin-bottom:0px;
     840  }
     841
     842  .nav-collapse, .nav-collapse.collapse {
     843    top:7px;
     844  }
     845
     846  /** Modules **/
     847  .slider-container .slider-text p {
     848    font-size:14px;
     849    max-height:145px;
     850  }
     851
     852  .slider-container .slider-text .relative {
     853    padding:20px 10px;
     854  }
     855
     856  .home-option {
     857    margin-bottom:30px;
     858  }
     859
     860  .home-option .text {
     861    height:inherit;
     862  }
     863
     864  #partners-tile {
     865    height:inherit;
     866  }
     867
     868  #partners-tile ul {
     869  margin:0;
     870  }
     871
     872  #partners-tile li {
     873    width:100% !important;
     874  }
     875
     876  #partners-tile li img {
     877    width:inherit;
     878  }
     879
     880  /** Footer **/
     881  .footer .copyright {
     882    display:block;
     883    float:none;
     884  }
     885
     886  .footer .section {
     887    margin:20px 0;
     888    float:none;
     889    padding:0;
     890  }
     891
     892  .footer .section li {
     893    margin:10px 0;
     894  }
     895
     896  .footer .address {
     897    float: none;
     898    margin: 5px 0;
     899    padding:0;
     900  }
    901901}
    902902
    903903@media (max-width: 594px) {
    904904
    905         /** Header **/
     905  /** Header **/
    906906
    907907
    908908  #logo-container {
    909                 margin:10px;
     909    margin:10px;
    910910    text-align:none;
    911911    float:none;
    912912    position:relative;
    913         }
     913  }
    914914
    915915  #header-head {
    916       height: 50px;
    917   }
    918 
    919         #user-options {
     916    height: 50px;
     917  }
     918
     919  #user-options {
    920920    position:absolute;
    921     top:10px; right:10px;
    922         }
    923 
    924         #logo-container #logo{
    925                 float:none;
     921    top:10px;
     922    right:10px;
     923  }
     924
     925  #logo-container #logo{
     926    float:none;
    926927    display: block;
    927928    margin-left: auto;
    … …  
    930931    margin-bottom: -15px;
    931932
    932         }
    933 
    934         #logo-container h1 {
     933  }
     934
     935  #logo-container h1 {
    935936    visibility:hidden;
    936937    height: 0px;
    937         }
     938  }
    938939}
    939940
    940941@media (max-width: 512px) {
    941942
    942         /** Base **/
    943         h1 {
    944                 font-size:26px;
    945                 text-align:center;
    946         }
    947 
    948         /** Navigation **/
    949         .navbar-form {
    950                 margin:0px;
    951                 position:relative;
    952                 left:-10px;
    953         }
    954 
    955         .navbar-form input[type="text"] {
    956                 width:68%;
    957                 float:left;
    958                 margin-right:3px;
    959         }
    960 
    961         /** Containers **/
    962         .content-container {
    963                 padding:20px;
    964         }
    965 
    966         /** Modules **/
    967         .centered-btns_nav {
    968                 opacity:0.1 !important;
    969         }
    970 
    971         .gallery li .gallery-object {
    972                 float:none;
    973                 margin: 0 auto;
    974                 width:200px;
    975         }
    976 
    977         .slider-container .slider-text {
    978                 width:90%;
    979                 margin:20px auto;
    980                 float:none;
    981         }
    982 
    983         .slider-container .slider-image {
    984                 display:none;
    985         }
    986 
    987         /** Buttons **/
    988         .search-btn {
    989                 float:right;
    990         }
    991 
    992         .navbar .btn-navbar {
    993                 margin:10px 0 0px 5px;
    994                 width:96%;
    995         }
     943  /** Base **/
     944  h1 {
     945    font-size:26px;
     946    text-align:center;
     947  }
     948
     949  /** Navigation **/
     950  .navbar-form {
     951    margin:0px;
     952    position:relative;
     953    left:-10px;
     954  }
     955
     956  .navbar-form input[type="text"] {
     957    width:68%;
     958    float:left;
     959    margin-right:3px;
     960  }
     961
     962  /** Containers **/
     963  .content-container {
     964    padding:20px;
     965  }
     966
     967  /** Modules **/
     968  .centered-btns_nav {
     969    opacity:0.1 !important;
     970  }
     971
     972  .gallery li .gallery-object {
     973    float:none;
     974    margin: 0 auto;
     975    width:200px;
     976  }
     977
     978  .slider-container .slider-text {
     979    width:90%;
     980    margin:20px auto;
     981    float:none;
     982  }
     983
     984  .slider-container .slider-image {
     985    display:none;
     986  }
     987
     988  /** Buttons **/
     989  .search-btn {
     990    float:right;
     991  }
     992
     993  .navbar .btn-navbar {
     994    margin:10px 0 0px 5px;
     995    width:96%;
     996  }
    996997
    997998}
    … …  
    9991000@media (max-width: 320px) {
    10001001
    1001         /** Modules **/
    1002         #fb-container {
    1003                 width:260px;
    1004                 overflow:hidden;
    1005         }
    1006 
    1007         .fb-like-box {
    1008                 width:260px;
    1009                 overflow:hidden;
    1010         }
    1011 
    1012 }
     1002  /** Modules **/
     1003  #fb-container {
     1004    width:260px;
     1005    overflow:hidden;
     1006  }
     1007
     1008  .fb-like-box {
     1009    width:260px;
     1010    overflow:hidden;
     1011  }
     1012
     1013}
Note: See TracChangeset for help on using the changeset viewer.