Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.
HTML
<script>
$('head title').text('Answers - Syracuse University');
$('meta[name=DESCRIPTION]').prop('content',"Welcome to Syracuse University's knowledge base of technical, self-help information. For complete results log in with your Syracuse University NetID and password.");
</script>
<style>
#refl {
    position: absolute;
    margin-left: -13px;
    color: #d44500;
    opacity: .25;
    -moz-transform: scale(1,-.3) skew(20deg);
    -webkit-transform: scale(1,-.3) skew(20deg);
    -ms-transform: scale(1,-.3) skew(20deg);
    /*filter: url(filter.svg#blur); /* FF, Opera + IE10*/
    -webkit-filter: blur(2px); /* webkit */
    user-select: none;
    -moz-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    -o-user-select: none;    
}
.center-answers {
    margin: auto;
    padding: 10px;
}
.center-answers,
.answers-text-main,
.answers-text {
    white-space: -moz-no-wrap; /* Firefox */
    white-space: -o-no-wrap; /* Opera */
    white-space: no-wrap; /* Chrome */
    word-wrap: nowrap; /* IE */
}
.answers-text-main {
    font-family: ShermanSans, Arial;
    font-weight: 600;
    color: #d44500;
    text-shadow: 1px 1px #000;
    display:block;
}
.answers-text {
    font-family: ShermanSans, Arial;
    position: absolute;
}
@media screen and (max-width: 524px) {
    .refl {
        margin-top: -71px;
    }
    .center-answers {
        width: 340px;
    }
    .etbr {
        margin-top: -55px;
    }
    .answers-text-main {
        font-size: 80px;
    }
    .answers-text {
        font-size: 19px;
        margin-left: 70px;
        margin-top: -40px;
        width: 270px;
    }
}
@media screen and (min-width: 525px) {
    .refl {
        margin-top: -90px;
    }
    .center-answers {
        width: 420px;
    }
    .etbr {
        margin-top: -18px;
    }
    .answers-text-main {
        font-size: 100px;
    }
    .answers-text {
        font-size: 25px;
        margin-left: 70px;
    }
 
}
@media (max-width:459px) {
	#refl {
		margin-left: -8px;
	}
	.answers-text-main {
		font-size: 60px;
	}
	.refl {
		margin-top: -54px;
	}
	.etbr {
		margin-top: -35px;
	}
	.answers-text {
		font-size: 16px;
		margin-left: 40px;
		margin-top: -30px;
	}
}
</style>
<div class="center-answers" id="answers-text-logo">
<span class="answers-text" id="answers-sm-txt">You want answers? We've got</span>
<span class="answers-text-main etbr" id="etbr">Answers</span>
<span class="answers-text-main refl" id="refl">Answers</span></div>
<div align="center"><!-- Start div for centering Search box-->

...