/**Reset**/
html,
body,
div,
span,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
abbr,
address,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
samp,
small,
strong,
sub,
sup,
var,
b,
i,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
summary,
time,
mark,
audio,
video {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font: inherit;
vertical-align: baseline;
}
.history p {
width: 320px;
float: right;
padding: 20px 0 0 0;
font-size: 13px;
color: #666;
}
.history .header {
float: right;
width: 320px;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
display: block;
}
blockquote,
q {
quotes: none;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
content: "";
content: none;
}
ins {
background-color: #ff9;
color: #000;
text-decoration: none;
}
mark {
background-color: #ff9;
color: #000;
font-style: italic;
font-weight: bold;
}
del {
text-decoration: line-through;
}
abbr[title],
dfn[title] {
border-bottom: 1px dotted;
cursor: help;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
hr {
display: block;
height: 1px;
border: 0;
border-top: 1px solid #ccc;
margin: 1em 0;
padding: 0;
}
input,
select {
vertical-align: middle;
}
pre,
code,
kbd,
samp {
font-family: monospace, sans-serif;
}
html {
overflow-y: scroll;
}
a:hover,
a:active {
outline: none;
}
ul,
ol {
padding: 0;
list-style-type: none;
}
nav ul,
nav li {
margin: 0;
list-style: none;
list-style-image: none;
}
small {
font-size: 85%;
}
th {
font-weight: bold;
}
td {
vertical-align: top;
}
sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
}
sup {
top: -0.5em;
}
sub {
bottom: -0.25em;
}
pre {
white-space: pre;
white-space: pre-wrap;
word-wrap: break-word;
padding: 15px;
}
textarea {
overflow: auto;
}
.ie6 legend,
.ie7 legend {
margin-left: -7px;
}
input[type="radio"] {
vertical-align: text-bottom;
}
input[type="checkbox"] {
vertical-align: bottom;
}
.ie7 input[type="checkbox"] {
vertical-align: baseline;
}
.ie6 input {
vertical-align: text-bottom;
}
label,
input[type="button"],
input[type="submit"],
input[type="image"],
button {
cursor: pointer;
}
button,
input,
select,
textarea {
margin: 0;
}
/* input:invalid,
* textarea:invalid {
* border-radius: 1px;
* -moz-box-shadow: 0px 0px 5px red;
* -webkit-box-shadow: 0px 0px 5px red;
* box-shadow: 0px 0px 5px red;
* } */
.no-boxshadow input:invalid,
.no-boxshadow textarea:invalid {
background-color: #f0dddd;
}
button {
width: auto;
overflow: visible;
}
.ie7 img {
-ms-interpolation-mode: bicubic;
}
h1,
h2,
h3,
h4,
h5,
h6 {
font-weight: normal;
}
.ir {
display: block;
text-indent: -999em;
overflow: hidden;
background-repeat: no-repeat;
text-align: left;
direction: ltr;
}
.hidden {
display: none;
visibility: hidden;
}
.visuallyhidden {
border: 0;
clip: rect(0 0 0 0);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px;
}
.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
clip: auto;
height: auto;
margin: 0;
overflow: visible;
position: static;
width: auto;
}
.invisible {
visibility: hidden;
}
.clearfix:before,
.clearfix:after {
content: "\0020";
display: block;
height: 0;
overflow: hidden;
}
.clearfix:after {
clear: both;
}
.clearfix {
zoom: 1;
}
@media all and (orientation:portrait) {}
@media all and (orientation:landscape) {}
@media screen and (max-device-width: 480px) {
/* html { -webkit-text-size-adjust:none; -ms-text-size-adjust:none; } */
}
@media print {
* {
* background: transparent !important;
* color: black !important;
* text-shadow: none !important;
* filter: none !important;
* -ms-filter: none !important;
* }
*
* a,
* a:visited {
* color: #444 !important;
* text-decoration: underline;
* }
*
* a[href]:after {
* content: " (" attr(href) ")";
* }
*
* abbr[title]:after {
* content: " (" attr(title) ")";
* }
*
* .ir a:after,
* a[href^="javascript:"]:after,
* a[href^="#"]:after {
* content: "";
* }
*
* pre,
* blockquote {
* border: 1px solid #999;
* page-break-inside: avoid;
* }
*
* thead {
* display: table-header-group;
* }
*
* tr,
* img {
* page-break-inside: avoid;
* }
*
* @page {
* margin: 0.5cm;
* }
*
* p,
* h2,
* h3 {
* orphans: 3;
* widows: 3;
* }
*
* h2,
* h3 {
* page-break-after: avoid;
* }
* }
*
* a,
* a:link,
* a:visited {
* text-decoration: none;
* }
*
* textarea:focus,
* input[type="text"]:focus {
* outline: none;
* }
*
* html {
* -webkit-font-smoothing: antialiased;
* }
*
*/******************************************************************
GENERAL LAYOUT STYLES
******************************************************************/
/* Color Schemes *
* Note: The background colour of the larger circles uses RGBA code (as it also includes transparency). To convert from a HEX number to RGBA, enter the HEX value here: http://www.javascripter.net/faq/hextorgb.htm */
/* City (Orange) */
#city .join_conversation .header,
#city #twitter .header,
#city .geo_content .header,
#city .history .header,
#city #fb .header,
#city .header_photos .header,
#city .next_days .header,
#city .nearby_general .header,
#city .citynews .header,
#city .cross_promotion .header {
border-bottom: 1px solid #ff8000;
}
#city .join_conversation .header h3,
#city .subscribe .header h3,
#city #twitter .header h3,
#city .geo_content .header h3,
#city .history .header h3,
#city #fb .header h3,
#city .header_photos .header h3,
#city .nearby_general .header h3,
#city .next_days .header h3,
#city .cross_promotion .header h3,
#city .citynews .header h3 {
border-bottom: 4px solid #ff8000;
}
#city .today_weather h2 {
border-bottom: 8px solid #ff8000;
}
#city .cities h4 {
border-bottom: 3px solid #ff8000;
}
#city .subscribe .header {
border-bottom: 1px solid #ff8000;
}
#city #twtr-widget-1 .twtr-tweet a,
#city .photobox p a,
#city .mojo_pages ul li a,
#city .weather_content p a,
#city .content_pic p a {
color: #ff8000 !important;
}
#city #twtr-widget-1 .twtr-doc,
#city #twtr-widget-1 .twtr-hd a,
#city #twtr-widget-1 h3,
#city #twtr-widget-1 h4,
#city h1 strong,
#city .header_photos .upload_photo {
background: #ff8000 !important;
}
#city nav ul li a,
#city .hide,
#city #disqus_thread a,
#city .post-content header .name {
color: #ff8000 !important;
}
#city nav ul li a {
text-decoration: none;
}
#city .location_footer,
#city .jcarousel-skin-tango .jcarousel-prev-horizontal,
#city .jcarousel-skin-tango .jcarousel-next-horizontal {
border: 4px solid #ff8000;
}
#city .highest,
#city .day_description {
background: rgba(255, 128, 0, 0.7);
}
/* Country (Green) */
#country .join_conversation .header,
#country #twitter .header,
#country .geo_content .header,
#country .history .header,
#country #fb .header,
#country .header_photos .header,
#country .cross_promotion .header,
#country .next_days .header,
#country .nearby_general .header,
#country .citynews .header,
#country .subscribe .header,
#country .next_days .header {
border-bottom: 1px solid #00b200;
}
#country .join_conversation .header h3,
#country .subscribe .header h3,
#country #twitter .header h3,
#country .geo_content .header h3,
#country .history .header h3,
#country #fb .header h3,
#country .header_photos .header h3,
#country .nearby_general .header h3,
#country .next_days .header h3,
#country .cross_promotion .header h3,
#country .citynews .header h3 {
border-bottom: 4px solid #00b200;
}
.today_weather h2 {
border-bottom: 8px solid #00b200;
}
#country .cities h4 {
border-bottom: 3px solid #00b200;
}
#country #twtr-widget-1 .twtr-tweet a,
#country .photobox p a,
#country .mojo_pages ul li a,
#country .weather_content p a,
#country .content_pic p a,
#country h1 span,
.cities_list a.dropdown,
#country .hide {
color: #00b200 !important;
}
#country #twtr-widget-1 .twtr-doc,
#country #twtr-widget-1 .twtr-hd a,
#country #twtr-widget-1 h3,
#country #twtr-widget-1 h4,
#country h1 strong,
#country .header_photos .upload_photo {
background: #00b200 !important;
}
#country nav ul li a,
#country #disqus_thread a,
#country .post-content header .name {
color: #00b200 !important;
}
#country .location_footer,
#country .jcarousel-skin-tango .jcarousel-prev-horizontal,
#country .jcarousel-skin-tango .jcarousel-next-horizontal {
border: 4px solid #00b200;
}
#country .highest,
#country .day_description {
background: rgba(0, 178, 0, 0.7);
}
/* Region (Red) */
#region .join_conversation .header,
#region #twitter .header,
#region .geo_content .header,
#region .history .header,
#region #fb .header,
#region .header_photos .header,
#region .cross_promotion .header,
#region .next_days .header,
#region .nearby_general .header,
#region .citynews .header,
#region .subscribe .header,
#region .next_days .header,
#region .nearby_conditions .header {
border-bottom: 1px solid #e70c14;
}
#region .join_conversation .header h3,
#region .subscribe .header h3,
#region #twitter .header h3,
#region .geo_content .header h3,
#region .history .header h3,
#region #fb .header h3,
#region .header_photos .header h3,
#region .nearby_general .header h3,
#region .next_days .header h3,
#region .cross_promotion .header h3,
#region .citynews2 .header h3,
#region .nearby_conditions .header h2 {
border-bottom: 4px solid #e70c14;
}
#region .today_weather h2 {
border-bottom: 8px solid #e70c14;
}
#region .cities h4 {
border-bottom: 3px solid #e70c14;
}
#region #twtr-widget-1 .twtr-tweet a,
#region .photobox p a,
#region .mojo_pages ul li a,
#region .weather_content p a,
#region .content_pic p a,
#region h1 span {
color: #e70c14 !important;
}
#region #twtr-widget-1 .twtr-doc,
#region #twtr-widget-1 .twtr-hd a,
#region #twtr-widget-1 h3,
#region #twtr-widget-1 h4,
#region h1 strong,
#region .header_photos .upload_photo {
background: #e70c14 !important;
}
#region nav ul li a,
#region .hide,
#region #disqus_thread a,
#region .post-content header .name {
color: #e70c14 !important;
}
#region nav ul li a {
text-decoration: none;
}
#region .location_footer,
#region .jcarousel-skin-tango .jcarousel-prev-horizontal,
#region .jcarousel-skin-tango .jcarousel-next-horizontal {
border: 4px solid #e70c14;
}
/* SearchWeather.net (Blue) */
#searchweather .join_conversation .header,
#searchweather #twitter .header,
#searchweather .geo_content .header,
#searchweather .history .header,
#searchweather #fb .header,
#searchweather .header_photos .header,
#searchweather .cross_promotion .header,
#searchweather .next_days .header,
#searchweather .nearby_general .header,
#searchweather .citynews .header,
#searchweather .subscribe .header,
#searchweather .next_days .header {
border-bottom: 1px solid #265CFF;
}
#searchweather .join_conversation .header h3,
#searchweather .subscribe .header h3,
#searchweather #twitter .header h3,
#searchweather .geo_content .header h3,
#searchweather .history .header h3,
#searchweather #fb .header h3,
#searchweather .header_photos .header h3,
#searchweather .nearby_general .header h3,
#searchweather .next_days .header h3,
#searchweather .cross_promotion .header h3,
#searchweather .citynews .header h3 {
border-bottom: 4px solid #265CFF;
}
.today_weather h2 {
border-bottom: 8px solid #265CFF;
}
#searchweather .cities h4 {
border-bottom: 3px solid #265CFF;
}
#searchweather #twtr-widget-1 .twtr-tweet a,
#searchweather .photobox p a,
#searchweather .mojo_pages ul li a,
#searchweather .weather_content p a,
#searchweather .content_pic p a,
#searchweather h1 span,
.cities_list a.dropdown,
#searchweather .hide {
color: #265CFF !important;
}
#searchweather #twtr-widget-1 .twtr-doc,
#searchweather #twtr-widget-1 .twtr-hd a,
#searchweather #twtr-widget-1 h3,
#searchweather #twtr-widget-1 h4,
#searchweather h1 strong,
#searchweather .header_photos .upload_photo {
background: #265CFF !important;
}
#searchweather nav ul li a,
#searchweather #disqus_thread a,
#searchweather .post-content header .name {
color: #265CFF !important;
}
#searchweather .location_footer,
#searchweather .jcarousel-skin-tango .jcarousel-prev-horizontal,
#searchweather .jcarousel-skin-tango .jcarousel-next-horizontal {
border: 4px solid #265CFF;
}
#searchweather .highest,
#searchweather .day_description {
background: rgba(38, 92, 255, 0.7);
}
/* End Color Schemes */
body {
color: #000;
font-size: 12px;
font-family: Arial, Helvetica, sans-serif;
}
.comments_photo body {
overflow-x: hidden;
overflow-y: hidden;
}
#container {
margin: 0 auto;
width: 1024px;
}
/* Main Info */
header {
margin-left: auto;
margin-right: auto;
width: 1024px;
}
.leaderboard,
.ad160 {
float: left;
width: auto;
/* padding: 0 0 10px 0; */
}
.leaderboard {
margin: 0 auto;
width: 1024px;
text-align: center;
}
.topSection,
.today_weather {
float: left;
width: 1024px;
padding: 20px 0 0 0;
}
.transparency {
float: left;
width: auto;
height: 46px;
padding: 10px;
}
#city .transparency,
#searchweather .transparency {
background: url(./images/bg_transparenta_alba.png) repeat-x 0 0;
}
#city h1 strong,
#country h1 strong,
#region h1 strong,
#searchweather h1 strong {
font-size: 28px;
font-weight: 800;
font-family: 'Open Sans', sans-serif;
color: #fff;
letter-spacing: -1px;
padding: 0 8px;
}
#city h1 span,
#country h1 span,
#region h1 span,
#searchweather h1 span {
font-size: 25px;
font-weight: 800;
font-family: 'Open Sans', sans-serif;
color: #ff7f00;
letter-spacing: -1px;
}
#city h1 span em,
#country h1 span em,
#region h1 span em,
#searchweather h1 span em {
color: #999;
font-style: normal;
}
.social {
float: right;
width: auto;
padding: 11px 0 0 0;
}
.social span,
.social ul,
.social ul li,
.social form {
float: left;
width: auto;
}
.social span {
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 16px;
font-style: italic;
color: #fff;
text-shadow: 2px 2px 1px black;
padding: 4px 2px 0 0;
}
.social ul li {
padding: 4px 0 0 5px;
}
.social form {
padding: 0 0 0 5px;
}
.social form p {
float: left;
width: 314px;
height: 27px;
background: url(./images/bg_cautare_top.png) no-repeat 0 0;
padding: 6px 0 0 0;
}
.social form p input.search {
float: left;
width: 280px;
border: 0;
color: #444;
font-size: 14px;
margin: 0 0 0 10px;
}
.search_top {
float: left;
width: 14px;
height: 14px;
background: url(./images/bg_search_ico.gif) no-repeat 0 0;
margin: 4px 0 0 0;
}
.today_weather {
position: relative;
}
.today_weather h2 {
font-size: 37px;
font-weight: 800;
font-family: 'Open Sans', sans-serif;
color: #fff;
letter-spacing: -1px;
float: left;
width: 583px;
text-shadow: 2px 2px 1px black;
padding: 36px 0 6px 0;
}
.nopad {
padding: 0 !important;
}
.today_weather h2 strong {
font-size: 60px;
display: block;
margin: -20px 0 0 0;
}
#country .today_weather h2 strong {
margin: -10px 0 0 0;
}
#searchweather .cities_list {
float: left;
background: none;
width: 45px;
height: 61px;
left: 1px
}
#searchweather .cities_list a.dropdown {
background: none;
width: 45px;
height: 61px;
margin-top: -5px;
}
.dropdown_list {
display: none;
}
.dropdown_list.dblock {
display: block;
float: left;
width: 203px;
background: url(./images/bg_right_shadow.png) no-repeat top right;
position: absolute;
z-index: 3;
left: 99px;
top: -21px;
}
.dropdown_list ul {
float: left;
width: 83px;
padding: 0 15px;
background: #fff;
}
.dropdown_list ul li {
float: left;
width: 83px;
padding: 5px 0 5px 0;
}
.dropdown_list ul li a {
color: #00B200 !important;
font-size: 14px;
font-weight: normal;
text-shadow: none;
font-family: Arial, Helvetica, sans-serif;
float: left;
width: auto;
}
.dropdown_list ul li a:hover {
color: #333 !important;
}
.cities_list {
float: right;
width: 203px;
position: relative;
background: url(./images/bg_shadow_closer.png) no-repeat bottom left;
}
.cities_list a.dropdown {
float: right;
width: 104px;
height: 24px;
background: url(./images/bg_change_city.png) no-repeat 0 0;
text-align: center;
font-size: 16px;
font-weight: bold;
font-family: Arial, Helvetica, sans-serif;
text-shadow: none;
padding: 5px 0 0 0;
margin: -45px 0 0 0;
}
.cities_list a.dropdown:hover {
color: #333 !important;
}
.cities_list .closer {
float: left;
width: 202px;
height: 8px;
background: url(./images/bg_shadow_closer.png) no-repeat left bottom;
}
/* Searchweather Dropdown */
#searchweather .dropdown_list {
display: block;
float: left;
background-color: #ffffff;
padding: 70px;
}
/* #searchweather .dropdown_list.dblock{left:-296px;top:62px;background:#ffffff;z-index:9;display:block;width:1024px;padding:22px 0;} */
#searchweather .dropdown_list .col {
width: 146px;
float: left;
}
#searchweather .dropdown_list ul {
clear: left
}
#searchweather .dropdown_list ul li {
padding: 0
}
#searchweather .dropdown_list ul li a {
color: #FB7D1C !important;
font-size: 12px;
line-height: 14px
}
#searchweather .dropdown_list h3 a {
color: #202020 !important;
border-bottom: 1px dotted #202020;
}
#searchweather .dropdown_list ul li a:hover {
color: #202020 !important;
}
#searchweather .dropdown_list h3 {
color: #202020;
font-size: 17px;
margin-bottom: 6px;
clear: left;
padding-top: 16px;
}
#searchweather .dropdown_list h3:first-child {
padding-top: 0
}
#searchweather .dropdown_list ul {
float: none;
width: auto;
padding: 0;
}
#searchweather .dropdown_list.dblock div:first-child {
margin-left: 14px;
}
#searchweather .dropdown_list.dblock div:last-child {
width: 134px
}
.day_description {
float: left;
width: 563px;
height: auto;
padding: 0 0 20px 20px;
margin: 20px 0 0 0;
position: relative;
z-index: 1;
}
.day_description p {
float: left;
width: 457px;
padding: 10px 0 10px 0;
font-size: 21px;
font-weight: 400;
font-family: 'Open Sans', sans-serif;
color: #fff;
text-shadow: 2px 2px 1px black;
}
.day_description p span {
font-size: 12px;
}
.lowest {
float: left;
width: 262px;
height: 262px;
background: rgba(255, 255, 255, 0.7);
padding: 0;
position: relative;
z-index: 2;
margin: 45px 0 0 0;
left: -47px;
top: 60px;
border-radius: 131px;
-moz-border-radius: 131px;
-webkit-border-radius: 131px;
-khtml-border-radius: 131px;
}
.lowest p {
float: left;
width: 252px;
height: 252px;
font-size: 120px;
font-weight: 800;
font-family: 'Open Sans', sans-serif;
color: #fff;
text-shadow: 2px 2px 1px black;
text-align: center;
padding: 43px 0 0 10px
}
.lowest p span {
text-decoration: underline;
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 30px;
font-style: italic;
position: relative;
left: -30px;
top: -5px;
}
.highest p span a,
.lowest p span a {
color: #fff;
}
.highest {
float: left;
width: 400px;
height: 400px;
padding: 0;
position: relative;
z-index: 1;
margin: -440px 0 0 700px;
left: -47px;
border-radius: 200px;
-moz-border-radius: 200px;
-webkit-border-radius: 200px;
-khtml-border-radius: 200px;
}
.highest strong {
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 24px;
font-style: italic;
color: #fff;
font-weight: normal;
padding: 100px 0 0 30px;
display: block;
width: 350px;
text-align: center;
}
.highest p {
display: block;
width: 322px;
height: 252px;
font-size: 120px;
font-weight: 800;
font-family: 'Open Sans', sans-serif;
color: #fff;
text-shadow: 2px 2px 1px black;
text-align: center;
margin: -5px 20px 0 0;
padding: 0;
}
.highest p span {
text-decoration: underline;
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 30px;
font-style: italic;
position: relative;
left: -30px;
top: -5px;
}
.share {
float: right;
width: 301px;
position: relative;
left: 125px;
}
.share_link {
float: right;
width: 252px;
height: 32px;
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 16px;
font-weight: bold;
font-style: italic;
text-shadow: 2px 2px 1px black;
color: #fff;
padding: 10px 0 0 45px;
margin: -130px 0px 0 0;
opacity: 1;
position: relative;
z-index: 1;
text-decoration: none;
}
.share_options {
float: left;
width: auto;
height: 32px;
margin: -126px 0px 0 0;
display: none;
opacity: 1;
position: relative;
}
.cur .share_link {
display: none;
opacity: 0;
}
.cur .share_options {
display: block;
opacity: 1;
z-index: 2;
}
.next_days {
margin: 73px 0 0 0;
}
.next_days,
.next_days .header {
float: left !important;
width: 1024px !important;
padding: 20px 10px;
}
.next_days .header h3 {
color: #fff !important;
font-size: 46px !important;
float: left;
width: auto;
font-weight: 800;
font-family: 'Open Sans', sans-serif;
letter-spacing: -1px;
padding: 0 0 9px 0;
text-shadow: 2px 2px 1px black;
}
.nearby_conditions,
#region .nearby_conditions .header {
width: 1024px;
}
#region .citynews2 .header {
width: 100%;
margin-bottom: 8px;
}
#region .citynews2 {
padding: 20px;
background: rgba(255, 255, 255, 0.8);
border-radius: 25px;
overflow: hidden;
box-sizing: border-box;
}
#region .citynews2 .header h3 {
margin: 0;
padding: 0 0 9px 0;
font-size: 24px;
font-weight: 800;
color: #e70c14;
text-shadow: 2px 2px 1px black;
}
#region .nearby_ads {
margin-top: 36px;
}
#region .citynews2 ul {
clear: both;
list-style: none;
}
.no-headlines {
padding: 10px;
color: #666 !important;
font-size: 13px;
line-height: 16px;
}
.nearby_general,
.nearby_general .header {
float: left;
width: 622px;
}
.nearby_general .header h3,
#region .nearby_conditions .header h2 {
color: #fff !important;
text-shadow: 2px 2px 1px black;
}
#region .nearby_conditions .header h2 {
font-size: 40px;
font-weight: 800;
font-family: 'Open Sans', sans-serif;
letter-spacing: -1px;
padding: 0 0 9px 0;
float: left;
width: auto;
margin: 51px 0 0 0;
}
#region .nearby_general {
float: left;
width: 655px;
padding: 12px 0 0 0;
}
#region .cities {
width: 311px;
padding: 14px 0 10px 0;
}
#region .cities ul,
#region .cities ul li {
float: left;
width: 311px;
}
#region .cities ul li span a {
font-size: 24px;
font-family: 'Open Sans', sans-serif;
letter-spacing: -1px;
color: #fff;
text-shadow: 2px 2px 1px black;
line-height: normal;
padding: 0 10px 0 0;
font-weight: 800;
text-decoration: none;
}
#region .cities ul li span a:hover {
color: #333 !important;
}
#region .cities ul li img {
float: left;
width: auto;
position: relative;
top: 6px;
}
#region .cities ul li p {
font-size: 18px;
font-style: italic;
font-family: Georgia, "Times New Roman", Times, serif;
float: left;
width: auto;
padding: 2px 0 4px 10px;
}
#region .cities ul li p em {
display: block;
font-size: 14px;
}
.cities,
.cities h4,
.cities ul,
.cities ul li {
float: left;
width: 280px;
}
.fright {
float: right;
}
.cities h4 {
font-size: 17px !important;
float: left;
width: 280px;
font-weight: 600;
font-family: 'Open Sans', sans-serif;
letter-spacing: -1px;
text-shadow: 2px 2px 1px black;
color: #fff;
padding: 17px 0 13px 0;
}
.cities ul li {
background: url(./images/bg_dotted.gif) repeat-x left bottom;
padding: 10px 0 7px 0;
color: #fff;
}
.cities ul li span {
float: left;
width: auto;
font-size: 13px;
line-height: 16px;
}
.cities ul li span strong {
font-weight: bold;
display: block;
}
.cities ul li p {
float: right;
width: auto;
padding: 0;
color: #fff;
}
.cities ul li p strong {
font-weight: bold;
float: left;
padding: 7px 7px 0 0;
text-shadow: 2px 2px 1px black;
}
.cities ul li p img {
position: relative;
top: 3px;
}
.weather_description {
float: left;
width: 622px;
background: url(./images/bg_white_box_opener.png) no-repeat 0 0;
margin: 30px 0 0 0;
padding: 15px 0 0 0;
}
.weather_inner {
float: left;
width: 622px;
position: relative;
background: #fff;
padding: 0 0 5px 0;
}
.weather_closer {
float: left;
width: 622px;
background: url(./images/bg_white_box_closer.png) no-repeat left bottom;
}
.weather_content {
float: left;
width: 600px;
margin-left: 10px;
}
.weather_content p,
.weather_content h3 {
float: left;
width: 600px;
padding-top: 10px;
padding-bottom: 2px
}
.weather_content h3 {
font-size: 22px !important;
float: left;
width: auto;
font-weight: 800;
font-family: 'Open Sans', sans-serif;
letter-spacing: -1px;
}
.weather_content p {
font-size: 13px;
line-height: 16px;
color: #666;
padding: 11px 0 0 0;
}
.content_pic h4 {
font-size: 24px !important;
display: block;
font-weight: 800;
font-family: 'Open Sans', sans-serif;
letter-spacing: -1px;
}
.location_image {
float: left;
width: 150px;
height: 114px;
background: url(./images/bg_photo_frame.gif) no-repeat 0 0;
margin: 10px 0 0 0;
padding: 14px;
}
.nearby_ads {
float: right;
width: 336px;
height: 100%;
}
.adSection,
.citynews,
.citynews .header {
float: left;
width: 336px;
margin-bottom: 8px;
}
.citynews ul,
.citynews ul li {
float: left;
width: 336px;
}
#region .adSection {
float: left;
width: 336px;
padding: 170px 0 0 0;
}
.citynews {
padding: 25px 0 0 0;
}
.citynews .header h3 {
color: #ff8000 !important;
text-shadow: 2px 2px 1px black;
}
.citynews ul li {
padding: 10px 0;
background: url(./images/bg_dotted.gif) repeat-x left bottom;
}
.citynews ul li a {
font-weight: bold;
color: #10659f;
text-decoration: none;
}
.citynews p {
float: left;
width: 336px;
font-size: 11px;
color: #fff;
padding: 10px 0 0 0;
}
.citynews p a {
color: #fff;
text-decoration: underline;
}
.citynews2 {
padding: 25px 10px 25px 10px;
background: rgba(255, 255, 255, 0.8);
border-radius: 25px;
}
.citynews2 .header h3 {
color: #e70c14 !important;
text-shadow: 2px 2px 1px black;
}
.citynews2 ul li {
padding: 10px 0;
color: #000000;
background: url(./images/bg_dotted.gif) repeat-x left bottom;
}
.citynews2 ul li a {
font-weight: 900;
color: #10659f;
text-decoration: none;
}
.citynews2 p {
float: left;
width: 336px;
font-size: 11px;
color: #fff;
padding: 10px 0 0 0;
}
.citynews2 p a {
color: #fff;
text-decoration: underline;
}
#city .main_info {
float: left;
width: 100%;
/*background:url(./images/bg_cloudy.jpg) no-repeat 0 0;*/
}
#country .main_info {
float: left;
width: 100%;
/*background:url(./images/bg_clear_sky.jpg) no-repeat 0 0;*/
}
#region .main_info {
float: left;
width: 100%;
/*background:url(./images/asia.jpg) no-repeat 0 0;*/
}
#bg-image {
width: 100%;
height: 100%;
position: absolute;
z-index: -1;
top: 113px;
left: 0;
}
#region #bg-image {
height: 933px
}
#bg-image img {
width: 100%;
}
#region .wrapper_main_info {
height: 933px;
}
.inner_info {
float: left;
width: 100%;
background: url(./images/bg_main_info.png) repeat-x 0 0;
}
.wrapper_main_info {
float: left;
width: 100%;
height: auto;
background: url(./images/bg_main_info.png) repeat-x left bottom;
padding: 0 0 11px 0;
}
#country .wrapper_main_info {
padding-bottom: 80px;
}
#city .wrapper_main_info {
padding-bottom: 59px;
}
#innerWrapper {
margin: 0 auto;
width: 1024px;
}
/* Section Join Conversation */
.join_conversation,
.join_conversation .header {
float: left;
width: 1024px !important;
margin: 15px 0 20px 0;
}
#region .join_conversation,
#region .join_conversation .header {
float: left;
width: 1024px !important;
}
.join_conversation .header h3 {
float: left;
width: auto;
font-size: 24px;
font-weight: 800;
font-family: 'Open Sans', sans-serif;
color: #000;
letter-spacing: -1px;
padding: 0 0 9px 0;
}
.join_conversation .comments {
float: left;
width: 685px;
padding-right: 15px;
border-right: 1px solid #ff8000;
}
#region .join_conversation .comments {
border-right: 1px solid #e70c14 !important;
}
.join_conversation .ads {
float: right;
width: 300px;
padding: 0 0 0 15px;
}
/* End Section Join Conversation */
/* Social Media*/
.social_media {
float: left;
width: 1024px;
background: url(./images/bg_social_media.png) no-repeat center top;
margin: 0 0 20px 0;
text-align: center;
min-height: 51px;
height: auto;
position: relative;
}
.social_icons {
width: 700px;
margin: 0 auto;
}
.social_media strong {
font-size: 13px;
font-weight: bold;
color: #777;
display: inline;
position: relative;
top: -12px;
right: 7px;
}
.social_media span {
display: inline-block;
margin: 4px 0 0 0;
}
/* End Social Media*/
/* Geo Section*/
.description {
width: 1024px;
float: left;
}
#twitter,
#twitter .header {
float: right;
width: 320px;
}
#twitter .header,
#fb .header {
margin: 0 0 10px 0;
}
#twitter .header h3,
.geo_content .header h3,
.history .header h3,
#fb .header h3 {
float: left;
width: auto;
font-size: 24px;
font-weight: 800;
font-family: 'Open Sans', sans-serif;
color: #000;
letter-spacing: -1px;
padding: 0 0 9px 0;
}
.geo,
.social_info {
float: left;
width: 640px;
}
.social_info {
padding: 30px 0;
}
.geo_content,
.geo_content .header,
.geo_content .header h3,
#fb .header {
float: left;
width: 282px;
}
.description_ads {
float: right;
width: 336px;
}
.geo_content p {
float: left;
width: 282px;
padding: 20px 0 0 0;
font-size: 13px;
color: #666;
}
.geo_content .header,
.geo_content p,
#fb {
float: left;
width: 282px;
}
.geo_content .header h3 {
float: left;
width: auto;
}
.cross_promotion,
.cross_promotion form,
.cross_promotion .header,
.cross_promotion .mojo_pages {
float: left;
width: 336px;
}
.cross_promotion {
padding: 13px 0 0 0;
}
.cross_promotion form {
color: #666;
font-size: 11px;
padding: 10px 0 8px 0;
}
.cross_promotion form p {
float: left;
width: auto;
padding: 0 12px 0 0;
}
.cross_promotion form p label {
float: left;
width: auto;
font-size: 11px;
padding: 8px 5px 0 0;
}
.cross_promotion form p span {
float: left;
width: 93px;
height: 33px;
background: url(./images/bg_location.png) no-repeat 0 0;
}
.cross_promotion form p span input {
outline: none;
border: 0;
float: left;
width: 80px;
color: #aaa;
font-size: 11px;
font-style: italic;
line-height: 33px;
background: none;
padding: 0 0 0 5px;
}
.search_mojo {
float: left;
width: 30px;
height: 30px;
border: 0 !important;
outline: none;
margin: 0;
}
#city .search_mojo {
background: url(./images/bg_search_business.png) no-repeat 0 0;
}
#country .search_mojo {
background: url(./images/bg_search_business_green.png) no-repeat 0 0;
}
#region .search_mojo {
background: url(./images/bg_search_business_red.png) no-repeat 0 0;
}
.mojo_pages ul,
.mojo_pages ul li {
float: left;
width: 168px;
}
.mojo_pages ul li {
line-height: 19px;
}
.mojo_pages ul li a {
font-size: 13px;
}
.mojo_pages p {
float: left;
width: 336px;
text-align: right;
padding: 10px 0 0 0;
}
.mojo_pages p a {
color: #666;
text-decoration: underline;
font-size: 11px;
}
/* End Social Media*/
/* Footer */
footer {
background: #000;
font-size: 11px;
color: #858585;
float: left;
width: 100%;
}
.location_footer {
float: left;
width: 628px;
background: url(./images/banner.png) no-repeat 0 0;
height: 132px;
}
.location_footer h3 {
float: left;
width: 628px;
font-size: 25px;
text-shadow: 2px 2px 1px black;
font-family: 'Open Sans', sans-serif;
font-weight: 800;
color: #fff;
letter-spacing: -1px;
padding: 30px 0 0 0px;
text-align: center;
}
.location_footer p {
float: left;
width: 628px;
text-align: center;
}
.location_footer p a {
font-size: 16px;
color: #fff;
font-family: 'Open Sans', sans-serif;
font-weight: 600;
padding: 5px 10px 6px 10px;
text-align: center;
height: 33px;
}
#city .location_footer p a {
background: url(./images/bg_find_out_more_orange.png) no-repeat 0 0;
}
#country .location_footer p a {
background: url(./images/bg_find_out_more_green.png) no-repeat 0 0;
}
#region .location_footer p a {
background: url(./images/bg_find_out_more_red.png) no-repeat 0 0;
}
.subscribe {
float: right;
width: 340px;
}
.subscribe .header,
.subscribe p,
.subscribe form {
float: left;
width: 340px;
}
.subscribe .header h3 {
font-size: 20px;
font-weight: 800;
font-family: 'Open Sans', sans-serif;
color: #fff;
letter-spacing: -1px;
float: left;
width: auto;
padding: 0 0 10px 0;
}
.subscribe p {
float: left;
width: 340px;
font-size: 13px;
color: #fff;
padding: 15px 0;
}
.txt {
float: left;
width: 291px;
background: url(./images/bg_input.png) no-repeat 0 0;
height: 30px;
outline: none;
border: 0;
padding: 0 0 0 9px;
margin: 0 5px 0 0;
font-size: 11px;
font-style: italic;
color: #aaa;
line-height: 30px;
}
.search_email {
float: left;
width: 30px;
height: 30px;
}
#city .search_email {
background: url(./images/orange_small.png) no-repeat 0 0;
}
#country .search_email {
background: url(./images/bg_green_small.gif) no-repeat 0 0;
}
#region .search_email {
background: url(./images/bg_red_small.gif) no-repeat 0 0;
}
#searchweather .search_email {
background: url(./images/orange_small.png) no-repeat 0 0;
}
footer nav,
footer p {
display: block;
}
#city footer li.active_link a,
#country footer li.active_link a,
#region footer nav li.active_link a {
color: #fff !important;
text-decoration: none;
}
.footer_info,
.footer_info nav,
.footer_info p {
float: left;
width: 750px;
}
.footer_info p {
padding: 0;
font-size: 11px;
}
.footer_info nav {
padding: 0 0 0 0;
margin: -8px 0 0 0;
}
.footer_info nav li {
float: left;
width: auto;
padding: 0 20px 10px 0;
}
.copy {
float: right;
width: auto;
}
.copy p {
float: left;
width: auto;
padding: 15px 0 0 0;
font-size: 11px;
}
.inner-footer {
display: block;
margin: 0 auto;
width: 1024px;
clear: both;
overflow: hidden;
padding: 20px 0;
}
.bottom_ads_holder {
display: block;
border-top: 1px solid #222;
border-bottom: 1px solid #222;
padding: 13px 0;
}
.bottom_ads {
margin: 0 auto;
width: 1024px;
text-align: center;
}
/* End Footer */
/* Carousel */
.news_carousel,
.photos,
.anythingSlider,
.header_photos,
.header_photos .header {
float: left;
width: 1024px;
}
.photos {
padding: 10px 0 21px 0;
}
.header_photos {
padding: 0 0 10px 0;
}
.header_photos .header h3 {
float: left;
width: auto;
}
.header_photos .upload_photo {
float: right;
width: 139px;
font-size: 16px;
color: white;
font-family: 'Open Sans', sans-serif;
font-weight: 600;
padding: 5px 0 0 0;
text-align: center;
height: 30px;
margin: -42px 0 0 0;
border-radius: 8px;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
-khtml-border-radius: 8px;
}
.photobox_holder {
float: left;
width: 180px;
height: 197px;
overflow: hidden;
}
.photobox {
float: left;
width: 125px;
height: 169px;
background: url(./images/bg_holder_carosel_photo.png) no-repeat 0 0;
margin: 0 0 0 25px;
padding: 13px 15px 15px 15px;
}
.photobox h3,
.photobox h3 a {
float: left;
width: 124px;
color: #000;
font-size: 11px;
font-weight: bold;
}
.photobox h3 a img {
display: block;
margin: 0 0 4px 0;
}
.photobox p {
float: left;
width: 125px;
padding: 2px 0 0 0;
color: #666;
font-size: 11px;
}
.photobox p span {
display: block;
font-style: italic;
color: #ccc;
}
.photobox strong {
float: right;
font-size: 11px;
font-weight: normal;
background: url(./images/bg_comments.gif) no-repeat top right;
padding: 0 15px 0 0;
}
.photobox strong a {
float: left;
width: auto;
height: 12px;
color: #000;
}
.content_pic {
float: left;
width: 631px;
padding: 0 20px 0 0;
}
.photo_comments_holder {
float: right;
width: 212px;
height: auto;
}
.comments_photo,
.comments_photo iframe {
float: left;
width: 212px;
height: 572px;
overflow-x: hidden;
overflow-y: scroll;
overflow: hidden;
}
.hide {
float: left;
width: auto;
font-weight: bold;
margin: 30px 0 0 75px;
}
.hide_comments {
display: none;
}
.arrow.back {
float: left !important;
display: block !important;
position: relative;
width: 59px;
height: 197px;
cursor: pointer;
text-indent: -9999px;
margin: -197px 0 0 0;
}
.arrow.forward {
position: relative;
width: 59px;
height: 197px;
cursor: pointer;
float: right !important;
display: block !important;
text-indent: -9999px;
margin: -197px 0 0 0;
}
#city .arrow.back {
background: #fff url(./images/carousel_left_arrow.png) no-repeat center;
}
#city .arrow.forward {
background: #fff url(./images/carousel_right_arrow.png) no-repeat center;
}
#city .next_days .arrow.back {
background: url(http://www.sydneyweather.net/images/arrow_left_orange_zile.gif) no-repeat center;
}
#city .next_days .arrow.forward {
background: url(http://www.sydneyweather.net/images/arrow_right_orange_zile.gif) no-repeat center;
}
#country .arrow.back {
background: #fff url(./images/carousel_left_arrow_green.png) no-repeat center;
}
#country .arrow.forward {
background: #fff url(./images/carousel_right_arrow_green.png) no-repeat center;
}
#country .next_days .arrow.back {
background: url(./images/arrow_left_green_zile.gif) no-repeat center;
}
#country .next_days .arrow.forward {
background: url(./images/arrow_right_green_zile.gif) no-repeat center;
}
#region .next_days .arrow.back {
background: url(./images/arrow_left_red_zile.png) no-repeat center;
}
#region .next_days .arrow.forward {
background: url(./images/arrow_right_red_zile.png) no-repeat center;
}
#region .arrow.back {
background: #fff url(./images/carousel_left_arrow_red.png) no-repeat center;
}
#region .arrow.forward {
background: #fff url(./images/carousel_right_arrow_red.png) no-repeat center;
}
/* Searchweather.net specific */
#searchweather .today_weather h2 {
font-size: 28px
}
#searchweather .today_weather h2 strong {
font-size: 54px
}
#searchweather .citynews,
#searchweather .citynews .header,
#searchweather .citynews p,
#searchweather .citynews ul,
#searchweather .citynews ul li,
#searchweather .weather_description {
width: 687px;
}
#searchweather .citynews ul li {
font-size: 16px;
padding: 12px 0
}
#searchweather .citynews .weather_content p {
width: auto;
color: #666;
font-size: 11px;
padding-top: 10px;
}
#searchweather .citynews .weather_content h3 {
font-size: 25px;
}
#searchweather .wrapper_main_info {
padding-bottom: 92px
}
#searchweather .weather_description {
background: #fff;
border-radius: 10px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
}
#searchweather .nearby_ads,
#searchweather .adSection {
width: 300px;
}
#searchweather .weather_content {
width: 610px;
}
#searchweather .weather_inner {
width: 680px;
height: 300px;
}
#searchweather .arrow.back {
background: #fff url(./images/searchweather/carousel_left_arrow_blue.png) no-repeat center;
}
#searchweather .arrow.forward {
background: #fff url(./images/searchweather/carousel_right_arrow_blue.png) no-repeat center;
}
#searchweather .share {
top: 69px
}
#searchweather h1 span em {
color: #999
}
#searchweather .rss {
display: block;
width: 24px;
height: 24px;
float: left;
margin: 5px 0 0 10px
}
/* Carousel */
div.anythingSlider {
width: 1024px !important;
height: 197px !important;
display: inline-block;
margin: 0 auto;
position: relative;
z-index: 2;
}
div.anythingSlider .start-stop {
display: none;
}
/* Active State */
div.anythingSlider.activeSlider .anythingWindow {
width: 1010px;
}
div.anythingSlider .start-stop {
display: none;
}
div.anythingSlider .start-stop.playing {
display: none;
}
div.anythingSlider .start-stop:hover,
div.anythingSlider .start-stop.hover {
display: none;
}
div.anythingSlider .anythingWindow {
overflow: hidden;
position: relative;
width: 100%;
height: 100%;
}
div.anythingSlider {
position: relative;
}
ul.anythingBase {
background: transparent;
list-style: none;
position: absolute;
top: 0;
left: 0;
margin: 0;
padding: 0;
}
ul.anythingBase li.panel {
background: transparent;
display: block;
float: left;
padding: 0;
margin: 0;
width: 900px !important;
position: relative;
left: 45px;
}
div.anythingSlider .anythingControls {
display: none !important;
}
div.anythingSlider .thumbNav a:hover {
background-image: none;
}
.anythingSlider img {
float: left;
width: auto;
height: auto;
}
.content_pic p {
display: block;
color: #666;
font-size: 14px;
padding: 5px 0 0 0;
float: left;
}
.content_pic p span {
font-style: italic;
display: block;
color: #ccc;
}
.next_days .anythingSlider {
width: 711px !important;
float: right;
margin-top: -80px;
}
.next_days .arrow.back {
float: left !important;
display: block !important;
position: relative;
width: 51px;
height: 51px;
cursor: pointer;
background: url(./images/arrow_left_orange_zile.gif) no-repeat center;
text-indent: -9999px;
margin: -145px 0 0 0;
}
.next_days .arrow.forward {
position: relative;
width: 51px;
height: 51px;
cursor: pointer;
background: url(./images/arrow_right_orange_zile.gif) no-repeat center;
float: right !important;
display: block !important;
text-indent: -9999px;
margin: -147px 0 0 0;
}
.box_weather {
float: left;
width: 163px;
height: 163px;
background: url(./images/bg_li_carousel_zile.png) no-repeat 0 0;
margin: 0 30px 0 0;
text-align: center;
}
.next_days ul.anythingBase li.panel {
width: 660px !important;
left: 0;
}
.next_days div.anythingSlider.activeSlider .anythingWindow {
width: auto;
}
.box_weather img {
display: block;
margin: 20px 0 0 50px;
}
.box_weather span {
font-size: 13px;
font-weight: bold;
}
.box_weather span strong {
font-size: 22px;
font-size: 24px;
font-weight: 800;
font-family: 'Open Sans', sans-serif;
color: #000;
letter-spacing: -1px;
}
.box_weather em {
font-size: 13px;
color: #666;
font-style: italic;
font-weight: normal;
display: block;
}
/* Carousel 10 days forecast */
.jcarousel-skin-tango .jcarousel-container-horizontal {
width: 711px;
}
.jcarousel-skin-tango .jcarousel-clip {
overflow: hidden;
}
.jcarousel-skin-tango .jcarousel-clip-horizontal {
width: 550px;
height: 163px;
margin-left: 80px;
}
.jcarousel-skin-tango .jcarousel-item {
width: 163px;
height: 163px;
background: transparent url(./images/bg_li_carousel_zile.png) no-repeat 0 0;
text-align: center;
}
.jcarousel-skin-tango .jcarousel-item-horizontal {
margin-left: 0;
margin-right: 30px;
}
.jcarousel-skin-tango .jcarousel-next-horizontal {
position: absolute;
top: 57px;
right: 0px;
width: 50px;
height: 50px;
cursor: pointer;
background: rgba(255, 255, 255, 0.9) url(./images/arrows.png) 50% -48px no-repeat;
border-radius: 27px;
-moz-border-radius: 27px;
-webkit-border-radius: 27px;
-khtml-border-radius: 27px;
}
.jcarousel-skin-tango .jcarousel-prev-horizontal {
position: absolute;
top: 57px;
left: 5px;
width: 50px;
height: 50px;
cursor: pointer;
background: rgba(255, 255, 255, 0.9) url(./images/arrows.png) 50% 20px no-repeat;
border-radius: 27px;
-moz-border-radius: 27px;
-webkit-border-radius: 27px;
-khtml-border-radius: 27px;
}
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal {
cursor: default;
}
.jcarousel-skin-tango {
float: right;
width: 711px;
margin-top: -84px;
margin-bottom: 38px;
}
/* End Carousel 10 days forecast */
/* Google Ads Styles
* ---------------------------------------------------------*/
ins.adsbygoogle {
background: #FFFFFF;
}
.no-ad header {
display: none;
}
.no-ad #bg-image {
top: 0 !important;
}
.no-bottom-ad #bottom-ad-wrapper {
display: none;
}
.no-middle-ad center {
display: none;
}
#city.no-middle-ad #bg-image img {
height: 875px !important;
}
#region.no-middle-ad #bg-image img {
height: 820px !important;
}
/* ----- End Google Ads Styles ----- */
/* ----- Contact Form Styles ----- */
.form-body {
width: 695px;
}
#contactForm {
width: 100%;
font-family: 'Inter', system-ui, -apple-system, 'Segoe UI', Roboto, Helvetica, sans-serif;
}
.form-group {
margin-bottom: 1.5rem;
}
.form-group label {
display: inline-block;
align-items: center;
gap: 8px;
font-weight: 600;
margin-bottom: 0.5rem;
color: #444;
font-size: 0.95rem;
}
.form-group label i {
font-size: 1rem;
color: #2c7ab1;
width: 20px;
}
#contactForm input,
#contactForm select,
#contactForm textarea {
width: 100%;
padding: 0.9rem 1rem;
border: 1.5px solid #dce5ef;
border-radius: 1.2rem;
font-family: inherit;
font-size: 0.95rem;
transition: all 0.2s ease;
background-color: white;
color: #1a2c3e;
box-sizing: border-box;
}
#contactForm input:focus,
#contactForm select:focus,
#contactForm textarea:focus {
outline: none;
border-color: #ff8000;
box-shadow: 0 0 0 3px rgba(255, 128, 0, 0.2);
}
#contactForm textarea {
resize: vertical;
min-height: 110px;
}
/* ============================= */
/* CONTACT SUBMIT BUTTON */
/* ============================= */
#contactForm .btn-submit {
background: linear-gradient(135deg, #ffa64d, #ff8000);
/* same as Isso */
color: #fff;
/* fix contrast */
border: 1px solid #ffa64d;
padding: 0.9rem 1.8rem;
border-radius: 6px;
font-weight: 700;
font-size: 1rem;
cursor: pointer;
transition: all 0.25s ease;
float: right;
font-family: inherit;
/* depth like Isso */
box-shadow: 0 4px 12px rgba(255, 128, 0, 0.35);
}
/* Hover → darker orange (not black) */
#contactForm .btn-submit:hover {
background: linear-gradient(135deg, #ff8c1a, #cc6600);
transform: translateY(-1px);
box-shadow: 0 6px 16px rgba(255, 128, 0, 0.45);
}
/* Click effect */
#contactForm .btn-submit:active {
transform: scale(0.97);
box-shadow: 0 2px 6px rgba(255, 128, 0, 0.3);
}
.form-note {
font-size: 0.8rem;
margin-top: 1rem;
text-align: center;
color: #4d6a7e;
display: flex;
align-items: center;
justify-content: center;
gap: 6px;
}
.form-note i {
color: #2c7ab1;
}
/* Container */
.response-box {
margin-top: 15px;
font-family: 'Open Sans', sans-serif;
}
/* Common style */
.response-box .msg {
padding: 8px 12px;
border-radius: 6px;
font-size: 14px;
line-height: 1.4;
margin-bottom: 20px;
width: 667px;
display: inline-block;
position: relative;
box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
animation: fadeIn 0.4s ease-in-out;
}
/* Success style */
.response-box .success {
background: #e6f7ec;
border-left: 4px solid #2ecc71;
color: #1e7e34;
}
/* Error style */
.response-box .error {
background: #fdecea;
border-left: 4px solid #e74c3c;
color: #a94442;
}
/* Icon style */
.response-box .msg:before {
position: absolute;
left: 10px;
top: 12px;
font-weight: bold;
}
/* Add spacing for icon */
.response-box .msg span {
margin-left: 20px;
display: inline-block;
}
/* Animations */
@keyframes fadeIn {
from {
opacity: 0;
transform: translateY(-5px);
}
to {
opacity: 1;
transform: translateY(0);
}
}
/* ----- End Contact Form Styles ----- */
/* ----- Isso Comment Styles ----- */
/* Container */
#isso-thread {
max-width: 800px;
margin: 10px 0 0 0 !important;
font-family: Arial, sans-serif;
}
/* Comment box */
.isso-textarea {
width: 100%;
border: 1px solid #ddd;
border-radius: 6px;
padding: 12px;
font-size: 14px;
margin-bottom: 0 !important;
}
#isso-thread p {
width: auto !important;
float: none !important;
padding: 0 !important;
font-size: 0.95rem;
color: #444;
margin: 0 !important;
}
#isso-thread .isso-text P {
font-size: 16px !important;
color: #333 !important;
}
.isso-input-wrapper label {
margin-bottom: 4px;
font-weight: 600;
color: #444;
}
/* Input fields */
.isso-input-wrapper input {
width: 100%;
padding: 8px;
border: 1px solid #ddd;
border-radius: 4px;
}
/* Align form fields in row */
.isso-form {
display: flex;
flex-wrap: wrap;
gap: 15px;
}
.isso-form>div {
flex: 1 1 45%;
}
/* Buttons */
.isso-submit,
.isso-preview {
background: #ff6600;
color: #fff;
border: none;
padding: 8px 14px;
border-radius: 4px;
cursor: pointer;
}
.isso-submit:hover,
.isso-preview:hover {
background: #e65c00;
}
.isso-text-wrapper {
padding: 1.27em !important;
}
/* Comment list */
.isso-comment {
border-top: 1px solid #eee;
/* padding: 15px 0; */
}
/* Username */
.isso-author {
font-weight: bold;
color: #333;
font-size: 14px;
}
/* Time */
.isso-meta {
font-size: 12px;
color: #888;
}
/* Comment text */
.isso-text {
margin-top: 8px;
line-height: 1.5;
}
.isso-avatar {
margin: 1.27em 1.27em 0 !important;
}
/* Avatar */
.isso-avatar img {
border-radius: 50%;
}
/* Reply button */
.isso-comment-footer a {
color: #ff6600;
font-size: 13px;
text-decoration: none;
}
.isso-postbox {
display: flex;
flex-direction: column;
gap: 15px;
margin: 1.5em 0 4px 0 !important;
}
#isso-root {
margin-top: 1.5em;
}
#isso-thread h4 {
font-size: 16px;
margin-bottom: 10px;
}
.isso-comment-header {
line-height: 2.4em;
}
.isso-comment-count {
font-size: 14px;
color: #444;
}
.isso-avatar img {
border-radius: 50%;
/* Makes the Gravatar a circle */
border: 2px solid #ccc;
padding: 1px;
background: #fff;
width: 58px;
height: 58px;
}
/* ============================= */
/* AUTH SECTION LAYOUT */
/* ============================= */
.isso-postbox .isso-auth-section {
display: flex;
align-items: center;
justify-content: flex-end;
gap: 15px;
flex-wrap: wrap;
margin-top: 13px;
}
/* ============================= */
/* INPUT FIELDS */
/* ============================= */
.isso-postbox .isso-auth-section input {
flex: 1;
min-width: 160px;
padding: 10px 12px;
border: 1.5px solid #dce5ef;
border-radius: 999px;
/* pill shape like your UI */
font-size: 13px;
outline: none;
transition: 0.2s ease;
}
/* Focus */
.isso-postbox .isso-auth-section input:focus {
border-color: #ff8000;
box-shadow: 0 0 0 3px rgba(255, 128, 0, 0.15);
}
/* ============================= */
/* BUTTON GROUP (RIGHT SIDE) */
/* ============================= */
.isso-postbox .isso-auth-section .isso-submit-section {
display: flex;
gap: 8px;
margin-left: auto;
/* push buttons to right */
}
/* ============================= */
/* PRIMARY (Submit) */
/* ============================= */
.isso-postbox input[type="submit"] {
background: linear-gradient(135deg, #ffa64d, #ff8000);
/* light → normal */
color: #fff;
border: 1px solid #ffa64d;
margin-top: 14px;
padding: 12px 22px;
font-size: 14px;
font-weight: 600;
border-radius: 6px;
cursor: pointer;
transition: all 0.25s ease;
}
/* Hover → darker orange */
.isso-postbox input[type="submit"]:hover {
background: linear-gradient(135deg, #ff8c1a, #cc6600);
transform: translateY(-1px);
}
/* ============================= */
/* PREVIEW BUTTON */
/* ============================= */
.isso-postbox input[type="button"] {
background: linear-gradient(135deg, #333, #111);
/* light black */
color: #fff;
border: 1px solid #333;
margin-top: 14px;
padding: 12px 22px;
font-size: 14px;
font-weight: 600;
border-radius: 6px;
cursor: pointer;
transition: all 0.25s ease;
}
/* Hover → deeper black */
.isso-postbox input[type="button"]:hover {
background: linear-gradient(135deg, #222, #000);
transform: translateY(-1px);
}
/* ============================================= */
/* REPLY / EDIT / DELETE / CANCEL BUTTON */
/* ============================================= */
/* Reply links */
.isso-comment a.isso-reply {
color: #ff8000 !important;
font-weight: 600;
text-decoration: none;
transition: all 0.2s ease;
}
/* Reply links hover */
.isso-comment a.isso-reply:hover {
color: #cc6600 !important;
text-decoration: underline;
}
/* Edit links */
.isso-comment a.isso-edit {
color: #10659f !important;
font-weight: 600;
text-decoration: none;
transition: color 0.2s ease;
}
/* Edit links hover */
.isso-comment a.isso-edit:hover {
color: #0b4f7a !important;
text-decoration: underline;
}
/* Delete links */
.isso-comment a.isso-delete {
color: #e53935 !important;
font-weight: 600;
text-decoration: none;
transition: color 0.2s ease;
}
/* Delete links hover */
.isso-comment a.isso-delete:hover {
color: #c62828 !important;
text-decoration: underline;
}
/* Cancel links */
.isso-comment a.isso-cancel {
color: #333 !important;
font-weight: 600;
text-decoration: none;
transition: color 0.2s ease;
}
/* Cancel links hover */
.isso-comment a.isso-cancel:hover {
color: #000 !important;
text-decoration: underline;
}
/* Close links */
.isso-comment:has(textarea) a.isso-reply {
color: #e53935 !important;
font-weight: 600;
text-decoration: none;
transition: color 0.2s ease;
}
/* Close links hover */
.isso-comment:has(textarea) a.isso-reply:hover {
color: #c62828 !important;
text-decoration: underline;
}
/* Save links */
.isso-comment:has(textarea) a.isso-edit {
color: #ff8000 !important;
font-weight: 600;
text-decoration: none;
transition: all 0.2s ease;
}
/* Save links hover */
.isso-comment:has(textarea) a.isso-edit:hover {
color: #cc6600 !important;
text-decoration: underline;
}
/* ============================= */
/* SHADOW (Preview only) */
/* ============================= */
.isso-postbox input[type="submit"],
.isso-postbox input[type="button"] {
box-shadow: 0 2px 6px rgba(0, 0, 0, 0.25);
}
.isso-postbox input[type="submit"]:hover,
.isso-postbox input[type="button"]:hover {
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.35);
}
/* ============================= */
/* INPUT + TEXTAREA (Isso) */
/* ============================= */
.isso-postbox input[type="text"],
.isso-postbox input[type="email"],
.isso-postbox textarea,
.isso-comment textarea {
width: 100%;
padding: 0.9rem 1rem;
border: 1.5px solid #dce5ef;
border-radius: 1.2rem;
font-family: inherit;
font-size: 0.95rem;
transition: all 0.2s ease;
background-color: #fff;
color: #1a2c3e;
box-sizing: border-box;
}
/* Focus state (orange theme) */
.isso-postbox input[type="text"]:focus,
.isso-postbox input[type="email"]:focus,
.isso-postbox textarea:focus,
.isso-comment textarea:focus {
outline: none;
border-color: #ff8000;
box-shadow: 0 0 0 3px rgba(255, 128, 0, 0.2);
}
/* Textarea behavior */
.isso-postbox textarea,
.isso-comment textarea {
resize: vertical;
min-height: 110px;
margin: 0 !important;
}
.isso-postbox input::placeholder,
.isso-postbox textarea::placeholder,
.isso-comment textarea::placeholder {
color: #94a3b8;
}
.isso-postbox {
border-radius: 1.2rem;
}
.isso-postbox .isso-preview {
width: 100%;
padding: 0.9rem 1rem;
border: 1.5px solid #dce5ef;
border-radius: 1.2rem;
background-color: #fff;
color: #1a2c3e;
box-sizing: border-box;
min-height: 110px;
}
/* Text inside preview */
.isso-postbox .isso-preview .isso-text {
font-size: 0.95rem;
line-height: 1.5;
color: #1a2c3e;
}
/* Optional: subtle focus-like effect when visible */
.isso-postbox.isso-preview-mode .isso-preview {
border-color: #ff8000;
box-shadow: 0 0 0 3px rgba(255, 128, 0, 0.15);
}
/* ============================= */
/* AUTH SECTION GRID FIX */
/* ============================= */
/* Name + Email = 2 columns */
.isso-postbox .isso-input-wrapper {
flex: 1 1 calc(50% - 10px);
}
/* Website = FULL WIDTH */
.isso-postbox .isso-input-wrapper:nth-child(3) {
flex: 1 1 100%;
}
/* ============================= */
/* BUTTONS (NEW ROW RIGHT) */
/* ============================= */
.isso-postbox .isso-post-action {
flex: 0 0 auto;
}
/* Force buttons into new row */
.isso-postbox .isso-post-action:nth-child(4),
.isso-postbox .isso-post-action:nth-child(5) {
width: auto;
}
/* Create button row */
.isso-postbox .isso-post-action:nth-child(4) {
margin-left: auto;
/* push submit to right */
}
/* Make buttons inline */
.isso-postbox .isso-post-action {
display: flex;
align-items: center;
}
/* Add spacing between buttons */
.isso-postbox .isso-post-action+.isso-post-action {
margin-left: 10px;
}
/* Hide edit row ONLY when not needed */
.isso-postbox .isso-post-action:has(input[name="edit"]) {
display: none;
}
/* SHOW edit button ONLY in preview mode */
.isso-postbox.isso-preview-mode input[name="edit"] {
display: inline-block !important;
}
/* Show when in preview/edit mode */
.isso-postbox.isso-preview-mode .isso-post-action:has(input[name="edit"]) {
display: flex;
}
/* Hide PREVIEW button wrapper in preview mode */
.isso-postbox.isso-preview-mode .isso-post-action:has(input[name="preview"]) {
display: none !important;
}
/* ----- End Isso Comment Styles ----- */
.custom_social_icon {
background-size: cover;
display: inline-block;
height: 32px;
width: 32px;
position: relative;
}
.site-name{
text-decoration: none;
}