This is rotating news

Mar 2019 FormatTest

00_______ 01_______ 02_______ 03_______ 04_______ 05_______ 06_______ 07_______ 08_______ 09_______ 10_______ 11_______ 12_______ 13_______ 14_______ 15_______ 16_______ 17_______ 18_______ 19_______ 20_______ 21_______ 22_______ 23_______ 24_______ 25_______ 26_______ 27_______ 28_______ 29_______ 30_______ 31_______ 32_______ 33_______ 34_______ 35_______
line 2 This is a long unbroken line that wraps. In a wider window it will take less height than in a narrower window. In any case, it has no breaks so it illustrates that header height can change even when the bootstrap cols do not.
Line 3 This is a long unbroken line that wraps. In a wider window it will take less height than in a narrower window. In any case, it has no breaks so it illustrates that header height can change even when the bootstrap cols do not.
line 4

/* == =======================================
    == Show how to use a style to target specific columns of a container block - lslater
   === ======================================
  A typical container block for style cbTest  is:
        <div id="cont_1058" class="container_box cbTest_container_box">
 <div class="row cb_r row cb_r_sm cb_r_first cb_r_last">
  <div class="col-md-3 cb_c cb_c_first cb_c_notlast" >
  <div class="col-md-9 cb_c cb_c_last" >
    So the class order is div.tmTest_container_box   div.cb_r   div.c_bc
*/
{declare_style style=cbTest name='cbTest' cat='Special' rev=1 order=975 desc=''}
div.cbTest_container_box [
 background-color: Orchid;
        border: 4px solid red;
]
/* This targets the first col.    But it also targets ANY first col in an embedded block
    You will see that blue border and goldenrod where it does not belong
 */
div.cbTest_container_box    div.cb_r   div.cb_c_first [
     border: 10px solid blue;
     background-color: goldenrod;
]
/* This targets ONLY the last col that is DIRECTLY held by the container with cbTest
    You will see the green border ONLY on the outermost
    IMPORTANT: In the top blocks in the cols set Ignore Parent Styles
*/
div.cbTest_container_box > div.cb_r > div.cb_c_last [
     border: 10px solid green;
     background-color: PowderBlue ;
]
http://www.hotdoodle.com, HotDoodle™ Custom Web Design and Quality Affordable Website Designers for Small Businesses and Professionals
Powered by http://www.hotdoodle.com, HotDoodle™ Custom Web Design and Quality Affordable Website Designers for Small Businesses and Professionals
Web Design for Websites you Can Edit Site Map
Back to Top