Information Technology Reference
In-Depth Information
line-height:42px;
}
#mast h6:nth-child(2) {
display:block; /* since we are dealing with a smaller screen we will show the
"Smartphone Edition" subheader */
}
#mast h6:nth-child(3) {
display:none; /* and hide the "Tablet Edition" subheader */
}
#mast time {
font-size:12px;
line-height:24px;
}
section#content {
-webkit-box-orient: vertical; /* here we are telling this content to display
vertically instead of horizontally */
padding-bottom:15px;
}
#featured {
max-width:100%; /* take up the entire width of the screen instead of half of it
*/
}
#featured .entry {
-webkit-column-count: 1; /* only display our text in a single column, which is
more appropriate for our screen real estate */
-webkit-column-gap: 0; /* remove the 20px padding around columns */
-webkit-column-rule: none; /* remove the border off our columns */
}
#regular {
margin-left:0px;
padding-left:0px;
max-width:100%; /* like our featured article we will now take up the entire
width of the page */
-webkit-column-count: 1; /* like our featured article we will display a single
column of text */
-webkit-column-gap: 0;
-webkit-column-rule: none;
border-left: none;
}
#regular article {
display:block; /* display our articles as blocks so they appear vertical */
}
article .entry p, article figure {
display:none; /* hide all of our article content so the user is not stuck
scrolling into oblivion */
}
article .entry p:first-child {
display:block; /* display only the first paragraph of an article for the user */
}
article {
margin-bottom:10px;
border-bottom:2px solid rgba(0,0,0,1);
}
}
f
