/* Hotdoodle_html5_3.tpl: Theme_Family: HotDoodle
Derived from 10/2016 version of Hotdoodle_html5_2.tpl
Version: 02/09/2017 Changed: Tue Mar 05 2024 9:42am, Compiled: Tue Mar 05 2024 9:44am SITE_ROOT= smarty:2 PHP: 5.6.40 Box: Host: www.kmacompanies.com/www.hotdoodle.com/mail5.hotdoodle.com162.214.69.85 docroot=/var/www/html
Browser=IE Editor=0 SITE_ROOT=
*/
/*
This is a private look for use with HotDoodle. This is a responsive look.
============================================================
== Theme Control Variables - see "Theme Variable Documentation" in the Custom Theme screen
============================================================
These affect if blocks are drawn with borders and it titles are shaded
Only one of BLOCKISH/NONBLOCKISH/MODERATE should be set
NONBLOCKISH == Let there be one color, and let images shine through
BLOCKISH == Blocks have borders and are inset from them. Links are shaded
MODERATE == Some borders
Sometimes it is useful for sidebars to be marked
SIDEBAR_BORDERS == sidebars will have seperator lines
TITLEBARS == block headers will be shaded or bordered
// Serif font type
// Serif font type similar to Rockwell
// Bold handwriting
// Script
============================================================
== Theme Color and Image Variables - see "Theme Variable Documentation"
============================================================
== BACKGROUND COLORS
== FONT COLORS
// NOTE: not used
== LINK COLORS
== MENU
== PROMINENT STYLE(S)
== ALERT BOXES
== OTHERS
==HotDoodle Main
== IMAGES
============================================================
== Do some assignments for some things that might not have been set above
============================================================
*/
/* =======================================================================
=======================================================================
=========== Start _assign_defaults5.tpl 3/13/2019 ======================
=======================================================================
=======================================================================
Used by all looks at the end of the top variable section
============================================================
== Do some assignments for some things that might not have been set above
============================================================
include file="common/_assign_defaults.tpl" allow_assignments=true scope=root
*/
/* Start the discard block in assign_defaults */
/* End of _assign_defaults5 block_assign with discard *}
/* =======================================================================
=======================================================================
=========== End include of _assign_defaults5.tpl =======================
=======================================================================
=======================================================================
*/
/* =================================================================
=================================================================
=================================================================
== CSS Declarations
=================================================================
=================================================================
=================================================================
*/
body {
border: 0px;
margin: 0px; /* Generally best set to 0 */
font-family: Open Sans, arial, verdana, sans-serif;
font-weight: 300;
color: #58595b; /* =MAIN_FONT_COLOR= */
font-size: small;
text-align: center;
/**/
background-color: #F7F7F7 !important;
}
.body {
background: #F7F7F7;
width:100%;
margin: 0 auto;
padding: 0px;
text-align: center;
}
div {
font-size: small;
font-weight: normal;
background-color: transparent;
margin: 0px;
padding : 0px;
text-align: left;
border-spacing: 0;
}
table {
vertical-align: top;
border-spacing: 0;
padding: 0;
}
td {
vertical-align: top;
border-spacing: 0;
padding-right: 15px !important;
}
.HDToolBar td {
padding-right: 0px !important;
}
td.header, th.header {
background-color: transparent; /* =MODULE_TITLE_BG_COLOR= */
color: #0071BD; /* =MODULE_TITLE_FONT_COLOR= */
font-weight: bold;
font-size: small;
border-bottom: 1px solid #CCC;
}
td.header a, th.header a {
background-color: transparent; /* =MODULE_TITLE_BG_COLOR= */
font-weight: bold;
font-size: small;
}
p {
line-height: 1.5em;
}
span {
color: #58595b; /* =MAIN_FONT_COLOR= */
}
a {
font-weight: normal;
text-decoration: none;
color: #0071bd; /* =LINK_FONT_COLOR= */
}
a:visited {
color: #0071bd; /* =LINK_FONT_VISITED_COLOR= */
}
a:hover {
color: #588AC1; /* LINK_FONT_HOVER_COLOR */
}
a.title_empty {
color: #0071bd; /* =LINK_FONT_COLOR= */
}
a.title_empty:hover {
color: #588AC1; /* LINK_FONT_HOVER_COLOR */
}
input, textarea, select {
font-size: small;
font-family: Open Sans, arial, verdana, sans-serif;
color: #58595b;
padding: 0;
}
input.button, .hdbutton, .hdbutton:visited, .hdbutton_lg, .hdbutton_lg:visited {
padding: 8px 40px;
color: #FFFFFF !important;
background-color: #00adee;
border: none;
font-size: small;
text-transform: uppercase;
}
.hdbutton_lg {
padding: 15px 70px;
font-size: 24px;
}
input.button:hover, .hdbutton:hover, .hdbutton_lg:hover {
box-shadow: 0 0 10px #CEE7FF;
background-color: #3ACAFF;
}
/* =========================== Configure Screens ================================*/
/* "Operations" are the pages that open for actions such as editing and viewing articles
They declare both the body and the body_operation class
Typical Usage:
It is up to the look, but generally it is good to be sure to have a clear border around the
operation area, even if there is not a border around the main site
*/
/* Elements above and below the header
The below causes a new row to be above the "" in the _operation layout
We tell the layout we need it via the declare_layout
and then we declare what we need.
You can use divtop_above and divtop_below
Example Usage:
(if $layout.body_operation_above==1)
(/if $layout.body_operation_above==1)
It is the same for body_operation_below except that it goes below the row
*/
/* ======= Enable CJ Pay Per Click */
body .body_operation .mainarea {
}
.body_operation {
padding: 0;
}
.body_operation table.hdform {
padding-left: 0;
}
.body_operation td.hdform, .body_operation td.hdform .hdform_label, .body_operation td.hdform .hdform_field {
padding-left: 0;
}
div.form_title {
text-align: left !important;
padding-bottom: 10px;
}
div.form_header {
margin-bottom: 15px;
background-color: #FFFFFF; /* new {background_gradient color='linear-gradient(#FFFFFF,#FAFAFA)' } */
background: -webkit-linear-gradient(#FFFFFF, #FAFAFA);
background: -o-linear-gradient(#FFFFFF, #FAFAFA);
background: -moz-linear-gradient(#FFFFFF, #FAFAFA);
background: linear-gradient(#FFFFFF, #FAFAFA);
padding: 8px 15px;
border: 1px solid #E6E6E6;
border-radius: 5px;
}
/* mngmnt_icon is used for many of the various action images, the red Xs, the up and down arrows, etc
Example:
Note the doodlelink is also used.
*/
img.mngmnt_icon {
}
/* =========================== Containers ============================== */
/* container_box is the main wrapper for all containers. It is invoked by itself. e.g. */
/* container_box is also a wrapper to hold moduletitle and modulebody for all blocks */
div.container_box {
padding: 0px;
margin-bottom: 0px;
}
/* ========================================
=== Bring in standard block outlining, new 2/2007 standard
======================================== */
/* =======================================================================
=======================================================================
=========== Start include of _outlines.tpl 8/10/2017 ==================
=======================================================================
=======================================================================
Used from nearly all looks
========================================
=== Bring in standard block outlining
========================================
include file="common/_outlines.tpl"
*/
/* Each Block's Border in Outline View*/
/* container_edit box is shown when the view is structure
It appears before and ends before the container. e.g.
When not in structure mode:
content from the embedded blocks
When in structure mode, for top level containers:
When in structure mode, Embedded containers use
content from the embedded blocks
*/
/* container_box_conditional is used by _container5 and wraps the ""bestblock" content, if in edit mode
This lets us visually know that conditional content resides here
*/
div.container_box_conditional:after {
height: 0;
border-left: 10px solid transparent;
border-right: 10px solid transparent;
border-top: 10px solid #999;
width: 0;
content: "";
position: absolute;
left: 50%;
margin-left: -10px;
margin-top: 15px;
}
div.container_box_conditional {
box-shadow: 0px 0px 10px #F7F7F7;
border: 2px dashed #999 !important;
background-color: rgba(255,255,255,0.1);
padding: 15px;
}
div.container_editbox {
/* Lynn: Not so sure about this. Might be too subtle. Was 3px solid non-grey color */
border: 2px dashed #AAA; /* =CONTAINER_CONTROL_BG_COLOR= */
/*margin: 5px;*/
margin: 0px;
padding: 0px;
border-radius: 5px;
}
div.top_container_editbox {
margin: 0px 0px 4px 0px; }
/* Add a classs that toggles to be visible only when in config blocks */
.in_configblocks {
display: none;
}
div.container_editbox .in_configblocks {
display: block;
}
/* Each Block's Header background color in Structure View*/
div.container_editheader {
/*padding: 3px;
background-color: #D3E5DC;*/ /* =CONTAINER_CONTROL_BG_COLOR= */
padding: 5px 15px;
margin: -15px -15px 15px -15px;
}
/* Pre 7/2014:
container_info is used in a td within the container_editheader
with description about the container such as @left_before127
It should use a small and inobstrusive font and should show well against the
background color of container_editheader
The class is used alone. e.g.
It is followed by another td with the move block ops
|
Post 7/2014 -- for BOTH HTML5 and for non-HTML5
There is no table holding the items within container_editheader
It is like the div.container_controls
*/
.container_info {
font-size: small;
/* white-space: nowrap; */
color: #58595b; /* =CONTAINER_CONTAINER_CONTROL_FONT_COLOR= */
}
div.container_editheader div.container_editheader_info {
/* float: left; Might not be needed, testing */
text-align: left;
font-weight: bold;
}
div.container_editheader div.container_editheader_block {
float: right;
text-align: left
}
/* If the block has a responsive class (Mobile, Tablet, etc) and is suppressed, and if config blocks is on
There is a "Hidden: " warning. It is intended as a prefix, but it seems to go 100% wide
forcing a new line.
*** Dino TODO ***
usage:
|
Hidden: Mobile General
|
*/
span.container_info_hidden {
background-color: yellow; /* TODO */
}
/* Standards changed 11/14/06 to allow containermodule_container_editbox and containermodule_side_container_editbox
Delete any container_container stuff */
/* containermodule_container_editbox, containermodule_container_editheader, and containermodule_container_info
apply only to container blocks. The _side variants apply only when the block is not in the main area.
Example Usage when on a sidebar:
|