offline
- tomislav91
- Počasni građanin
- Pridružio: 31 Maj 2008
- Poruke: 885
|
Napisano: 15 Feb 2015 20:41
Hvala,
evo sada sam malo to modifikovao, i problem je sto mi nije na sredini, a ne vidim nigde gde sam ga mozda overridovao sa nekom od drugih media ..
evo tog dela gde sam media radio
@media (max-width: 768px){
.navbar-transparent{
padding-top: 0px;
background-color: rgba(0, 0, 0, 0.75);
}
.navbar-transparent .navbar-collapse.in .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-transparent .navbar-collapse.in .navbar-nav .open .dropdown-menu > li > a:focus, .navbar-transparent .dropdown-menu > li > a:hover, .navbar-transparent .dropdown-menu > li > a:focus, [class*="navbar-ct"] .dropdown-menu > li > a:hover, [class*="navbar-ct"] .dropdown-menu > li > a:focus{
color: #FFFFFF;
background-color: rgba(0,0,0,0);
opacity: 1;
}
.navbar-transparent .navbar-collapse.in .navbar-nav .open .dropdown-menu > li > a, [class*="navbar-ct"] .dropdown-menu > li > a {
color: #FFFFFF;
opacity: 0.8;
}
.nav .open > a, .nav .open > a:hover, .nav .open > a:focus {
background-color: rgba(0,0,0,0);
border-color: #428BCA;
}
.navbar-collapse{
text-align: center;
}
.navbar-collapse .navbar-form {
width: 170px;
margin: 0 auto;
}
.navbar-transparent .dropdown-menu .divider{
background-color: #434343;
}
}
.modal-backdrop.in {
opacity: 0.25;
}
.main{
background-position: center center;
background-size: cover;
height: auto;
left: 0;
min-height: 100%;
min-width: 100%;
position: absolute;
top: 0;
width: auto;
}
.cover{
position: fixed;
opacity: 1;
background-color: rgba(0,0,0,.6);
left: 0px;
top: 0px;
width: 100%;
height: 100%;
z-index: 1;
}
.cover.black{
background-color: rgba(0,0,0,.6);
}
.cover.blue{
background-color: rgba(5, 31, 60, 0.6);
}
.cover.green{
background-color: rgba(3, 28, 7, 0.6);
}
.cover.orange{
background-color: rgba(37, 28, 5, 0.6);
}
.cover.red{
background-color: rgba(35, 3, 2, 0.66);
}
.blur{
opacity:0;
}
h1.logo{
font-family:MyFirstFont;
}
.main .logo{
color: #FFFFFF;
font-size: 56px;
font-weight: 300;
position: relative;
text-align: center;
margin-top: 100px;
z-index: 3;
}
.main .logo.cursive{
font-family: 'Grand Hotel',cursive;
font-size: 82px;
}
.main .content{
position: relative;
z-index: 4;
}
.main .motto{
font-family:Amatic-Bold;
}
.main .motto, .main .subscribe {
font-size: 88px;
color: #FFFFFF;
text-shadow: 0 1px 4px rgba(0, 0, 0, 0.33);
text-align: center;
}
.main .subscribe {
font-size: 18px;
}
.footer{
width: 100%;
z-index: 4;
text-align: center;
}
/*animation social icons hower*/
.grow {
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
transition: all 0.5s ease;
}
.grow:hover {
border-radius: 50%;
-webkit-transform: rotate(360deg);
-moz-transform: rotate(360deg);
-o-transform: rotate(360deg);
-ms-transform: rotate(360deg);
transform: rotate(360deg);
}
/*end of animation social icons hower*/
.footer a{
color: #FFFFFF;
}
.footer .heart{
color: #FF3B30;
}
@media (min-width:219px) and (max-width: 301px) {
.main .subscribe .form-group{
width: auto;
}
.main .subscribe .form-inline .btn{
width: 100%;
}
h2.subtitle {
color: #fff;
font-size: 10px;
font-family: mySecondFont;
text-align:center;
}
.main .motto{
font-family:myFirstFont;
font-size:18px;
}
.main .logo{
color: #FFFFFF;
font-size: 18px;
font-weight: 0;
position: relative;
text-align: center;
}
}
@media (max-width:219px){
.main .motto{
font-family:arial;
font-size:18px;
}
.main .logo{
color: #FFFFFF;
font-size: 18px;
font-weight: 0;
position: relative;
text-align: center;
}
h2.subtitle {
color: #fff;
font-size: 15px;
font-family: mySecondFont;
text-align:center;
}
.grow{
display:none;
}
.form-control{
width:auto;
}
.btn{
width:auto;
}
h1.logo
{
}
}
@media (min-width:768px){
.main .subscribe .form-inline .btn{
width: auto;
}
.main .motto{
font-family:arial;
font-size:50px;
}
.form-control {
}
}
@media (min-width:991px){
.main .subscribe .form-group{
width: 190px;
}
.footer{
padding:20px;
}
}
@media (min-width:1200px){
.main .subscribe .form-group{
width: 250px;
}
.footer{
margin-top:100px;
}
}
@media (max-width:768px){
.fixed-plugin{
top: 80px;
right: 0px;
}
.main .container{
margin-bottom: 50px;
}
}
@media (min-width: 768px) and (max-width: 991px) {
.footer{
padding:50px;
}
}
@media (min-width: 992px) and (max-width: 1300px) {
.footer{
margin-top: 80px;
}
.btn{
margin:5px;
}
}
Dopuna: 15 Feb 2015 21:33
I stavio sam pre zatvaranja body taga jedan brojac, ali ne ocitava ga, u cemu je prolbem tu? Uopste ga ne stavlja..
<script src="https://code.jquery.com/jquery-1.10.2.min.js"></script>
<script src="cs/js/jquery.countdown.min.js"></script>
<script type="text/javascript">
$('#countdown').countdown('2016/01/01', function(event) {
$(this).html(event.strftime('%w:%d:%H:%M:%S'));
});
</script>
Dopuna: 15 Feb 2015 23:51
Dopuna: 16 Feb 2015 1:16
u inspect ellement sam nasao bas cudne vrednost, mada su iz bootstrapa..
Da ovo onda u media podesim? Ali kako da stavim bas da bude sredina?
Dopuna: 16 Feb 2015 1:17
jer i kada je okej, na sredini, na drugoj rezoluciji, isto stoji -15px...
Dopuna: 16 Feb 2015 11:40
Evo, kao sam uspeo malo da to sredim...
[Link mogu videti samo ulogovani korisnici]
Ako mzoete proverite jos d ali je sve to ok sa rezolucijama...
|
