Template:Web Link/styles.css: Difference between revisions
From Indian River Lagoon Project
mNo edit summary |
mNo edit summary |
||
Line 1: | Line 1: | ||
/* WEB LINK TEMPLATE */ | /* WEB LINK TEMPLATE */ | ||
.irllink {font-size:1em} | |||
.irllinkheader {width:100%} | .irllinkheader {width:100%} | ||
.irllinkheadertitle {font-size:1.3em} | .irllinkheadertitle {font-size:1.3em} | ||
.irllinkheadertext { | .irllinkheadertext {margin-top:5px;font-size:1em} | ||
.irllinksubtitle { | .irllinksubtitle {margin-top:5px;font-size:1em;font-weight:500;font-style:italic;} | ||
.irllinkformlink {float:right;margin-right:10px;font-size:.8em;font-weight:500;padding:2px 3px;border-radius:10px;background:#ddd;border:1px solid #333} | .irllinkformlink {float:right;margin-right:10px;font-size:.8em;font-weight:500;padding:2px 3px;border-radius:10px;background:#ddd;border:1px solid #333} | ||
. | .irllinkbox {width:100%;float:left;margin-bottom:10px;padding:.8em;background:#f7ebcd;border:4px ridge #ddd} | ||
. | |||
.irllinktop {width:100%;float:left} | .irllinktop {width:100%;float:left} | ||
.irllinkname {width:100%;float:left;margin-bottom:5px;font-size:1.4em;font-weight:600} | .irllinkname {width:100%;float:left;margin-bottom:5px;font-size:1.4em;font-weight:600} | ||
Line 18: | Line 14: | ||
.irllinkmiddle {float:left;margin:20px 10px} | .irllinkmiddle {float:left;margin:20px 10px} | ||
.irllinkdesc {width:100%;float:left;font-size:1.1em;} | .irllinkdesc {width:100%;float:left;font-size:1.1em;} | ||
.irllinksitelogo {width:auto;float:right;margin:10px 0px 10px 10px} | |||
.irllinkdesc::first-letter {font-size: 1.3em;font-weight:600;} | .irllinkdesc::first-letter {font-size: 1.3em;font-weight:600;} | ||
.irllinktextbody {width:100%;float:left;font-size:1.1em;} | .irllinktextbody {width:100%;float:left;font-size:1.1em;} | ||
. | .irllinkmap {width:100%;float:left;margin-top:20px} | ||
. | .irllinkscreenshot {float:left;margin:20px 10px 0px 0px;font-size:1.1em;font-weight:600} | ||
.irllinkvideo {width:100%;float:left;margin-top:20px} | |||
.irllinkextra {width:100%;float:left;margin-top:20px} | |||
.irllinkbottom {width:100%;float:left;margin-top:20px} | |||
.irllinktopicdiv {width:100%;float:left;margin-top:10px} | .irllinktopicdiv {width:100%;float:left;margin-top:10px} | ||
.irllinktopic {width:auto;float:left;margin:0px 5px 5px 0px;padding:2px 6px;font-size:0.8em;font-weight:600;background:#ded9a9;border:1px solid #111;border-radius:6px} | .irllinktopic {width:auto;float:left;margin:0px 5px 5px 0px;padding:2px 6px;font-size:0.8em;font-weight:600;background:#ded9a9;border:1px solid #111;border-radius:6px} | ||
.irllinksubtopic {width:auto;float:left;margin:0px 5px 5px 0px;padding:2px 6px;font-size:0.8em;font-weight:600;background:#ded9a9;border:1px solid #111;border-radius:6px} | .irllinksubtopic {width:auto;float:left;margin:0px 5px 5px 0px;padding:2px 6px;font-size:0.8em;font-weight:600;background:#ded9a9;border:1px solid #111;border-radius:6px} | ||
.irllinkpostdiv {width:100%;float:left;} | |||
.irllinkpostdiv {width:100%;float:left | |||
.irllinkposter {font-size:0.9em} | .irllinkposter {font-size:0.9em} | ||
.irllinkposted { | .irllinkposted {float:right;font-size:0.9em;} | ||
.irllinkfooter {width:100%;float:left} | .irllinkfooter {width:100%;float:left} | ||
.irllinkfootertitle {font-size:1.2em;font-weight:500} | .irllinkfootertitle {font-size:1.2em;font-weight:500} | ||
.irllinkfootertext {padding-top:5px;font-size:0.9em;font-weight:400} | .irllinkfootertext {padding-top:5px;font-size:0.9em;font-weight:400} | ||
. | |||
.irllinkdiv {width:99%;float:left;margin-top:20px;border:2px solid #111} | |||
.irllinkcontent {width:100%;float:left} | |||
/* .irllinkboxdiv {} */ | /* .irllinkboxdiv {} */ | ||
/*.irllinksearch {width:360px;float:left;margin-bottom:10px} */ | |||
/* .irllinktoc {width:360px} */ |
Revision as of 20:04, November 6, 2020
/* WEB LINK TEMPLATE */
.irllink {font-size:1em}
.irllinkheader {width:100%}
.irllinkheadertitle {font-size:1.3em}
.irllinkheadertext {margin-top:5px;font-size:1em}
.irllinksubtitle {margin-top:5px;font-size:1em;font-weight:500;font-style:italic;}
.irllinkformlink {float:right;margin-right:10px;font-size:.8em;font-weight:500;padding:2px 3px;border-radius:10px;background:#ddd;border:1px solid #333}
.irllinkbox {width:100%;float:left;margin-bottom:10px;padding:.8em;background:#f7ebcd;border:4px ridge #ddd}
.irllinktop {width:100%;float:left}
.irllinkname {width:100%;float:left;margin-bottom:5px;font-size:1.4em;font-weight:600}
.irllinkarticle {padding-left:5px;vertical-align:top}
.irllinksocial {padding-left:5px}
.irllinkurl {width:100%;float:left;font-size:.9em;font-weight:500}
.irllinkmiddle {float:left;margin:20px 10px}
.irllinkdesc {width:100%;float:left;font-size:1.1em;}
.irllinksitelogo {width:auto;float:right;margin:10px 0px 10px 10px}
.irllinkdesc::first-letter {font-size: 1.3em;font-weight:600;}
.irllinktextbody {width:100%;float:left;font-size:1.1em;}
.irllinkmap {width:100%;float:left;margin-top:20px}
.irllinkscreenshot {float:left;margin:20px 10px 0px 0px;font-size:1.1em;font-weight:600}
.irllinkvideo {width:100%;float:left;margin-top:20px}
.irllinkextra {width:100%;float:left;margin-top:20px}
.irllinkbottom {width:100%;float:left;margin-top:20px}
.irllinktopicdiv {width:100%;float:left;margin-top:10px}
.irllinktopic {width:auto;float:left;margin:0px 5px 5px 0px;padding:2px 6px;font-size:0.8em;font-weight:600;background:#ded9a9;border:1px solid #111;border-radius:6px}
.irllinksubtopic {width:auto;float:left;margin:0px 5px 5px 0px;padding:2px 6px;font-size:0.8em;font-weight:600;background:#ded9a9;border:1px solid #111;border-radius:6px}
.irllinkpostdiv {width:100%;float:left;}
.irllinkposter {font-size:0.9em}
.irllinkposted {float:right;font-size:0.9em;}
.irllinkfooter {width:100%;float:left}
.irllinkfootertitle {font-size:1.2em;font-weight:500}
.irllinkfootertext {padding-top:5px;font-size:0.9em;font-weight:400}
.irllinkdiv {width:99%;float:left;margin-top:20px;border:2px solid #111}
.irllinkcontent {width:100%;float:left}
/* .irllinkboxdiv {} */
/*.irllinksearch {width:360px;float:left;margin-bottom:10px} */
/* .irllinktoc {width:360px} */