/* homepage styles
developer: rmiske
requires: /common/framework/css/framework.en.css
/css/shared.css.en
========================================================================== */
/* ==========================================================================
homepage header
========================================================================== */
header { height: 22rem; }
.header-container {
height: 22rem;
position: relative;
}
.block-graphic {
height: 22rem;
position: absolute;
left: 1.125rem;
top: 0;
width: 31.5%;
}
.block-copy {
position: absolute;
right: 0;
top: 50%;
transform: translateY(-50%);
width: 60%;
}
.gear-box {
position: absolute;
top: 50%;
transform: translateY(-50%);
width: 100%;
}
.gear {
animation: firstgear 8s ease;
animation-fill-mode: both;
transform: rotate(0deg);
}
.gear-over {
animation: secondgear 9s ease;
animation-fill-mode: both;
position: absolute;
top: 0;
width: 100%;
}
@keyframes firstgear {
0% { transform: rotate(0deg); }
15% { transform: rotate(0deg); }
20% { transform: rotate(-10deg); }
30% { transform: rotate(360deg); }
100% { transform: rotate(360deg); }
}
@keyframes secondgear {
0% { transform: rotate(0deg); }
15% { transform: rotate(0deg); }
20% { transform: rotate(-10deg); }
30% { transform: rotate(360deg); }
100% { transform: rotate(360deg); }
}
/* ==========================================================================
solutions/services
========================================================================== */
#solutions-services .pods {
display: flex;
margin-left: -1rem;
width: calc(100% + 2rem);
}
.pods a.pod {
box-shadow: 0 0.2rem 0.5rem rgba(0, 0, 0, 0.1);
margin: 0 1rem 2rem;
padding: 0 1.5rem 1rem 1.5rem;
transition: box-shadow 0.2s ease, -webkit-transform 0.2s ease;
transition: box-shadow 0.2s ease, transform 0.2s ease;
transition: box-shadow 0.2s ease, transform 0.2s ease, -webkit-transform 0.2s ease;
will-change: auto;
width: calc(50% - 2rem);
}
.pods a.pod:hover {
box-shadow: 0 0.3rem 0.5rem rgba(0, 0, 0, 0.2);
transform: translateY(-0.2rem);
}
.pod-head { align-items: center; display: flex; }
.pod-head .pod-icon {
background: #79c91f;
height: 5rem;
text-align: center;
width: 5rem;
}
.pod-head .pod-icon img {
position: relative;
top: 50%;
transform: translateY(-50%);
width: 60%;
}
.pod-head .pod-title { width: calc(100% - 5rem); }
.pod-head .pod-title p {
font-size: 1.25rem;
margin-left: 1rem;
}
.pods .pod-copy p {
color: #656565;
font-size: 0.9375rem;
margin-top: 1rem;
}
/* ==========================================================================
why wolfram
========================================================================== */
#why-wolfram .why-details {
margin: 2.5rem 0 -2rem -1rem;
width: calc(100% + 2rem);
}
#why-wolfram .why-details .col {
margin: 0 1rem 2rem;
width: calc(50% - 2rem);
}
.why-icon { width: 20%; }
.why-icon img { width: 100%; }
.why-content { padding-left: 1.5rem; }
.why-content h5, .why-content p { color: #656565; }
.why-content p { font-size: 0.9375rem; }
/*companies*/
.companies .col {
margin-top: 0rem;
}
.companies .col img {
max-width: 100%;
position: relative;
transform: translateY(-50%);
}
.company-grid-neo-parent {
margin: 0 auto;
max-width: 60rem;
padding: 4.5rem 2rem 2.5rem 2rem;
position: relative;
width: 90%;
}
.companies-neo-grid {
display: grid;
grid-template-columns: repeat(6, 1fr);
grid-gap: 2rem;
}
.companies-neo-grid:last-of-type {
display: grid;
grid-template-columns: repeat(5, 1fr);
grid-gap: 4rem;
margin-top: 2rem;
}
.quote-img {
width: calc(35%);
}
/* ==========================================================================
key tech
========================================================================== */
#key-tech { background: #f7f8fa; }
#key-tech .grid {
margin: -1.5rem 0 0 -0.75rem;
width: calc(100% + 1.5rem);
}
#key-tech .col {
margin: 1.5rem 0;
padding: 0 0.75rem;
width: 33.333333333%;
}
#key-tech .col p {
color: #656565;
font-size: 0.9375rem;
line-height: 1.6;
margin-top: 0.4rem;
}
#key-tech .overflow-button {
background: #ebeced;
border-radius: 0.2rem;
color: #656565;
cursor: pointer;
font-size: 0.7rem;
letter-spacing: 1pt;
line-height: 1;
margin: 1rem auto 0;
padding: 0.65rem 0;
text-align: center;
text-transform: uppercase;
width: 13rem;
}
#key-tech .overflow-button .more-chevron {
display: inline-block;
font-size: 1rem;
line-height: 0.7rem;
margin-right: 0.25rem;
position: relative;
top: 0.1rem;
transform: rotate(90deg);
}
#key-tech .overflow-button.active .more-chevron {
transform: rotate(270deg);
top: 0.05rem;
}
#key-tech .overflow-button:hover {
background: #4d5159;
color: #fff;
}
/* ==========================================================================
copyright
========================================================================== */
footer#copyright { height: 8.375rem; }/*may have to grow*/
/* ==========================================================================
solution footer
========================================================================== */
footer#home-solutions { height: 4.375rem; }
footer#home-solutions .container {
padding: 1rem 0 0.875rem;
text-align: center;
text-transform: uppercase;
}
footer#home-solutions a { color: #fff; }
footer#home-solutions a:hover { color: #3c3f45; }
footer#home-solutions .items {
align-items: center;
display: inline-grid;
grid-template-columns: auto auto auto auto;
}
footer#home-solutions .items div {
border-right: 1px solid #fff;
font-size: 0.9375rem;
font-weight: 500;
letter-spacing: 0.5pt;
padding: 0 1.875rem;
text-align: left;
}
footer#home-solutions .items div:last-child { border: none; }
footer#home-solutions .contact-button {
margin-left: 0;
text-transform: none;
}
/* ==========================================================================
responsive breakpoint styles
========================================================================== */
/* styles for large screens (1200px)
========================================================================== */
@media all and (max-width: 1200px) {}
/* styles for medium screens (900px)
========================================================================== */
@media all and (max-width: 900px) {
/*header*/
.block-graphic {
height: 30rem;
left: calc(100% - 15rem);
width: 30rem;
top: -14rem;
}
.block-copy { right: initial; width: 75%; }
.gear-box { top: 0; transform: none; width: 100%; }
/*key tech*/
#key-tech .grid { margin: -1rem 0 0 -0.5rem; width: calc(100% + 1rem); }
#key-tech .col { margin: 1rem 0; padding: 0 0.5rem; width: 50%; }
/*copyright*/
footer#copyright { height: 13.25rem; }
/* companies*/
.companies-neo-grid {
grid-template-columns: repeat(3, 1fr);
grid-gap: 2rem 4rem;
}
.companies-neo-grid:last-of-type {
grid-template-columns: repeat(3, 1fr);
grid-gap: 2rem 4rem;
}
/*solution footer*/
footer#home-solutions { height: 9.25rem; }
footer#home-solutions .container {
max-width: none;
padding: 0;
text-align: left;
width: 100%;
}
footer#home-solutions .items {
align-items: stretch;
display: grid;
grid-template-columns: 1fr 1fr;
grid-template-rows: 1fr 1fr;
}
footer#home-solutions .items div {
border-width: 0;
height: 4.75rem;
padding: 1.25rem 1.75rem 1rem;
position: relative;
}
footer#home-solutions .items div a {
position: absolute;
top: 50%;
transform: translate(0, -50%);
}
footer#home-solutions .items div:nth-child(odd) {
padding-left: 15%;
}
footer#home-solutions .items div:nth-child(even) {
border-left: 1px solid #fff;
padding-right: 15%;
}
footer#home-solutions .items div:first-child,
footer#home-solutions .items div:nth-child(2) {
border-bottom: 1px solid #fff;
}
}
/* styles for small screens (600px)
========================================================================== */
@media all and (max-width: 600px) {
/*header*/
.block-graphic {
left: calc(100% - 10rem);
top: -10rem;
width: 20rem;
}
.block-copy { width: 100%; }
/*solutions & services*/
#solutions-services .pods { display: block; margin: 0 0 -2rem; width: 100%; }
.pods a.pod { margin: 0 0 2rem; width: 100%; }
/*why*/
#why-wolfram .why-details, #why-wolfram .why-details .col {
margin-left: 0;
margin-right: 0;
width: 100%;
}
/*key tech*/
.key-tech-container { padding-bottom: 1rem; }
#key-tech .grid, #key-tech .col {
margin-left: 0;
margin-right: 0;
padding: 0;
width: 100%;
}
/*copyright*/
footer#copyright { height: 11.25rem; }
/*companies*/
.companies-neo-grid {
grid-template-columns: repeat(2, 1fr);
grid-gap: 2rem 4rem;
}
.companies-neo-grid:last-of-type {
grid-template-columns: repeat(2, 1fr);
grid-gap: 2rem 4rem;
}
}
/* styles for minimum supported screen width (320px)
========================================================================== */
@media all and (max-width: 320px) {}
/* printer styles
========================================================================== */
@media print {} Fred agreed with him, and then added, "I tell you what, Frank, we'll get three dresses just like those, if they don't cost too much; and when we get home, we'll have Miss Effie and your sister and my sister put them on. Then we'll arrange the garden to look like that one as much as possible, with a little furnace and teapot in front of the girls, and the pedestal of a statue near them. Won't that be nice?" However, there was not the urgency for instant flight that Charlotte had thought there was; night fell; a whole regiment of our mounted infantry came silently up from the rear of the plantation and bivouacked without lights behind a quarter of a mile of worm-fence; our two wounded and three unharmed prisoners, or Miss Harper's, I should say, for it was in response to her entreaties that the latter had thrown down their arms, were taken away; the dead man was borne out; lights glowed in every room, the servants returned to their tasks, a maddening fragrance came from the kitchen, and the three nieces flitted everywhere in their benign activities, never discovering the hurt on my shoulder until everything else on earth had been discovered, and then--"Oh, Richard, Richard!" from Estelle, with "Reach-hard, Reach-hard!" from Cécile, and "Mr. Smith!" from Camille, as they bathed and bound it. At length a surgeon arrived, gave a cheering opinion of Ferry and of Charlotte, and scolded Harry savagely for the really bad condition of his hand. Then sounds grew few and faint, our lights went out, we lay down fully dressed, and nearly all of us, for a while, slept. "Will you kindly step out?" he suggested politely. I was roughly pushed back by the German soldiers twice over. I broke through only to be repulsed again. They got into difficulties with the huge crowd, who pushed through on all sides, bought up the stock of surrounding shops, and threw chocolates and other sweets, cigars and cigarettes, at their boys. Then a bugle sounded, and the Belgians once more were arrayed in files. They calmly lighted their cigarettes, and as the order "march" was given, they took off their caps, waved them through the air, and, turning to the Liège crowd, exclaimed: "Vive la Belgique." Then hundreds of caps, hats, and arms were waved in response, the air resounding the cry: "Vive la Belgique. Au revoir! Au revoir!" Let all my life be guiltless save in this: “Naturally she dug up all her finest jewelry,” surmised Dick. 114 "I can shoot, myself, when it comes to that," suggested Stone. "Wasn't expecting nothing else," said Albert Grimes. "I've been watchin' the Sargint and Corpril, and they're acting just as if it was every day bizniss. I'm not going to expect anything till I see them lookin' serious." They had passed Lavergne, and were approaching Stewart's Creek, when another startling rattle of musketry broke out, this time from the forepart of the train. Dodd swung round to face him. The sunset was a deepening blaze in the Commons Room. "Wait and find out," he said in a voice that suddenly rang on the metal walls. "Wait and find out." The corridor was filled with watching eyes, Cadnan felt: but there were no masters in evidence. They stood for a second, waiting, and then Dara started down toward the big room at the end, her feet silent on the floor, and Cadnan followed her. Cadnan saw her meaning. It was necessary to find Bent Line Tree, or some like it, and advising elders, all before the time of mating. Yet he did not know how. "Maybe masters come," he suggested hopefully, "and tell us what to do." "Alice," he said suddenly—"Do you think as how you could ever care about Boarzell?" "What ails you, Mary?" said he. "Have you not all along urged me to this? and now, after taking Calverley's gold, and spending it, and signing the bond, you want me to stand still! No, no, I must go to the Chase this night, were I sure to be hung to-morrow morning!" He then pushed her away with some violence, and the servitor preceding him, he passed over the threshold and closed the door. "Oh, see!" said Margaret, her voice almost choked with her sobs. "See how pale he looks! Look at his white lips! His breathing becomes faint! Oh, my child, my child!" HoME决战平安京梨园百香壁纸
ENTER NUMBET 0016luyida.com.cn
gangnam.net.cn
www.lingteng.net.cn
www.eeagd.org.cn
www.rmchain.com.cn
shibotiyu.com.cn
www.szcct0755.com.cn
tuinaxue.org.cn
njchain.com.cn
www.pupemi.com.cn