1
0
mirror of https://github.com/monstra-cms/monstra.git synced 2025-08-05 04:37:51 +02:00

Improve Installer Usability. Flags Added.

This commit is contained in:
Awilum
2013-01-24 23:46:03 +02:00
parent a0ab314424
commit 027ae36e69
10 changed files with 48 additions and 18 deletions

View File

@@ -123,11 +123,9 @@
} }
.install-languages { .install-languages {
margin: 0 auto; margin: 0 auto 15px;
float: none!important; text-align: center;
margin-bottom:5px; width: 300px;
padding-right:20px;
max-width: 300px;
} }
.install-block { .install-block {
@@ -169,26 +167,54 @@
color: #F74C18; color: #F74C18;
} }
.language-link { .install-languages a {
color:#7A7A7C; padding-left: 5px;
padding-right: 5px;
} }
.language-link+.language-link:before { .language-link img {
color: #ccc; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
content: ' | '; filter: alpha(opacity=30);
-moz-opacity:0.3;
-khtml-opacity: 0.3;
opacity: 0.3;
} }
.language-link:hover { .language-link-current img{
color:#000; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
text-decoration: none; filter: alpha(opacity=100);
-moz-opacity:1.0;
-khtml-opacity: 1.0;
opacity: 1.0;
} }
.language-link-current { .install-languages a img:hover {
color:#000; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
font-weight: 700; filter: alpha(opacity=100);
-moz-opacity:1.0;
-khtml-opacity: 1.0;
opacity: 1.0;
} }
@media (max-width: 480px) {
.input-xlarge {
width: 100%;
}
.install-languages {
text-align: left;
}
.install-languages a {
padding: 0;
}
}
</style> </style>
<script type="text/javascript" src="<?php echo $site_url; ?>public/assets/js/jquery.js"></script>
<script type="text/javascript" src="<?php echo $site_url; ?>public/assets/js/bootstrap.js"></script>
</head> </head>
<body class="install-body"> <body class="install-body">
@@ -245,7 +271,7 @@
<div class="install-languages"> <div class="install-languages">
<?php foreach ($languages_array as $lang_code) { ?> <?php foreach ($languages_array as $lang_code) { ?>
<a class="language-link<?php if (Option::get('language') == $lang_code) echo ' language-link-current';?>" href="<?php echo $site_url.'?language=' . $lang_code; ?>"><?php echo $lang_code?></a> <a data-placement="top" class="language-link<?php if (Option::get('language') == $lang_code) echo ' language-link-current';?>" title="<?php echo I18n::$locales[$lang_code]; ?>" href="<?php echo $site_url.'?language=' . $lang_code; ?>"><img src="<?php echo $site_url; ?>public/assets/img/flags/<?php echo $lang_code?>.png" alt="<?php echo $lang_code?>"></a>
<?php } ?> <?php } ?>
</div> </div>
<div class="install-block"> <div class="install-block">
@@ -447,5 +473,9 @@
<span class="small-grey-text">© 2012 - 2013 <a href="http://monstra.org" class="small-grey-text" target="_blank">Monstra</a> <?php echo __('Version', 'system'); ?> <?php echo Monstra::VERSION; ?></span> <span class="small-grey-text">© 2012 - 2013 <a href="http://monstra.org" class="small-grey-text" target="_blank">Monstra</a> <?php echo __('Version', 'system'); ?> <?php echo Monstra::VERSION; ?></span>
</div> </div>
</div> </div>
<script type="text/javascript">
$('.language-link').tooltip();
</script>
</body> </body>
</html> </html>

Binary file not shown.

After

Width:  |  Height:  |  Size: 292 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 389 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 421 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 296 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 515 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 287 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 395 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 441 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 290 B