phpbb3-cubometry: styles/art_air_green/theme/layout

     1 /*

     2     Layout for posts

     3 */

     5 .post, .panel {

     6     margin-top: 4px;

     7     margin-bottom: 6px;

     8     padding: 2px;

9 }

    10 #preview {

    11     margin-top: 4px;

    12 }

    13 .post > div.inner, .panel > div.inner, .old-ie .post div.inner, .old-ie .panel div.inner-panel {

    14     padding: 6px;

    15 }

    17 .online .inner { background: url("{IMG_ICON_USER_ONLINE_SRC}") 100% 0 no-repeat; }

    20 .postbody {

    21 	padding: 0;

    22 	line-height: 1.48em;

    23 	width: 76%;

    24 	float: left;

    25 	clear: both;

    26 	word-wrap: break-word;

    27 }

    29 .postbody .ignore {

    30 }

    32 .postbody h3.first, .postbody h3.first a {

    33 	/* The first post on the page uses this */

    34     color: #da5d20 !important;

    35 }

    37 .postbody h3 {

    38 	/* Postbody requires a different h3 format - so change it here */

    39 	padding: 2px 0 0 0;

    40 	margin: 0 0 2px 0 !important;

    41 	text-transform: none;

    42 	border: none;

    43 	line-height: 125%;

    44 	font-weight: normal;

    45 	font-size: 16px;

    46     font-family: Arial;

    47 }

    48 .postbody h3, .postbody h3 a, .postbody h3 a:visited { color: #32b359; }

    49 .postbody h3 a:hover { color: #da5d20; }

    51 .postbody h3 img {

    52 	/* Also see tweaks.css */

    53 	vertical-align: bottom;

    54 }

    56 .postbody .content {

    57 	font-size: 12px;

    58 }

    60 .search .postbody {

    61 	width: 68%;

    62 }

    64 .content {

    65 	min-height: 3em;

    66 	overflow: hidden;

    67 	line-height: 1.4em;

    68 	padding-bottom: 1px;

    69 }

    71 .content h2, .panel h2, .panel > div > h3, .panel .content > h3 {

    72     font-family: Arial;

    73 	font-weight: normal;

    74 	margin: 4px 0;

    75 	padding: 0;

    76 	font-size: 16px;

    77 	color: #32b359;

    78 }

    80 .postbody > .notice {

    81     clear: left;

    82     margin-top: 10px;

    83     font-size: 11px;

    84     font-style: italic;

    85 }

    87 /* Poster profile icons

    88 ----------------------------------------*/

    89 .post ul.profile-icons li {

    90     opacity: 0;

    91     transition: opacity 0.25s ease;

    92     -webkit-transition: opacity 0.25s ease;

    93     -moz-transition: opacity 0.25s ease;

    94     -o-transition: opacity 0.25s ease;

    95     -ms-transition: opacity 0.25s ease;

    96 }

    97 .post:hover ul.profile-icons li {

    98     opacity: 1;

    99 }

   101 ul.profile-icons {

   102 	padding-top: 10px;

   103 	list-style: none;

   104 }

   106 /* Rollover state */

   107 ul.profile-icons li {

   108 	float: left;

   109 	margin: 0 2px 3px 0;

   110 	background-position: 0 100%;

   111 }

   113 /* Rolloff state */

   114 ul.profile-icons li a {

   115 	display: block;

   116 	width: 100%;

   117 	height: 100%;

   118 	background-color: #ececec;

   119 	background-position: 0 0;

   120 	opacity: 1;

   121     transition: opacity 0.25s ease;

   122     -webkit-transition: opacity 0.25s ease;

   123     -moz-transition: opacity 0.25s ease;

   124     -o-transition: opacity 0.25s ease;

   125     -ms-transition: opacity 0.25s ease;

   126 }

   128 /* Hide <a> text and hide off-state image when rolling over (prevents flicker in IE) */

   129 ul.profile-icons li span {

   130     display: none;

   131 }

   132 ul.profile-icons li a:hover {

   133     opacity: 0;

   134 }

   136 /* Positioning of moderator icons */

   137 .postbody ul.profile-icons {

   138 	float: right;

   139 	width: auto;

   140 	padding: 0;

   141 	padding-bottom: 5px;

   142 }

   144 .postbody ul.profile-icons li {

   145 	margin: 0 3px;

   146 }

   149 /* Profile & navigation icons */

   150 .email-icon, .email-icon a		{ background: url("{IMG_ICON_CONTACT_EMAIL_SRC}") top left no-repeat; }

   151 .aim-icon, .aim-icon a			{ background: url("{IMG_ICON_CONTACT_AIM_SRC}") top left no-repeat; }

   152 .yahoo-icon, .yahoo-icon a		{ background: url("{IMG_ICON_CONTACT_YAHOO_SRC}") top left no-repeat; }

   153 .web-icon, .web-icon a			{ background: url("{IMG_ICON_CONTACT_WWW_SRC}") top left no-repeat; }

   154 .msnm-icon, .msnm-icon a			{ background: url("{IMG_ICON_CONTACT_MSNM_SRC}") top left no-repeat; }

   155 .icq-icon, .icq-icon a			{ background: url("{IMG_ICON_CONTACT_ICQ_SRC}") top left no-repeat; }

   156 .jabber-icon, .jabber-icon a		{ background: url("{IMG_ICON_CONTACT_JABBER_SRC}") top left no-repeat; }

   157 .pm-icon, .pm-icon a				{ background: url("{IMG_ICON_CONTACT_PM_SRC}") top left no-repeat; }

   158 .quote-icon, .quote-icon a		{ background: url("{IMG_ICON_POST_QUOTE_SRC}") top left no-repeat; }

   160 /* Moderator icons */

   161 .report-icon, .report-icon a		{ background: url("{IMG_ICON_POST_REPORT_SRC}") top left no-repeat; }

   162 .warn-icon, .warn-icon a			{ background: url("{IMG_ICON_USER_WARN_SRC}") top left no-repeat; }

   163 .edit-icon, .edit-icon a			{ background: url("{IMG_ICON_POST_EDIT_SRC}") top left no-repeat; }

   164 .delete-icon, .delete-icon a		{ background: url("{IMG_ICON_POST_DELETE_SRC}") top left no-repeat; }

   165 .info-icon, .info-icon a			{ background: url("{IMG_ICON_POST_INFO_SRC}") top left no-repeat; }

   167 /* Set profile icon dimensions */

   168 ul.profile-icons li.email-icon		{ width: {IMG_ICON_CONTACT_EMAIL_WIDTH}px; height: {IMG_ICON_CONTACT_EMAIL_HEIGHT}px; }

   169 ul.profile-icons li.aim-icon	{ width: {IMG_ICON_CONTACT_AIM_WIDTH}px; height: {IMG_ICON_CONTACT_AIM_HEIGHT}px; }

   170 ul.profile-icons li.yahoo-icon	{ width: {IMG_ICON_CONTACT_YAHOO_WIDTH}px; height: {IMG_ICON_CONTACT_YAHOO_HEIGHT}px; }

   171 ul.profile-icons li.web-icon	{ width: {IMG_ICON_CONTACT_WWW_WIDTH}px; height: {IMG_ICON_CONTACT_WWW_HEIGHT}px; }

   172 ul.profile-icons li.msnm-icon	{ width: {IMG_ICON_CONTACT_MSNM_WIDTH}px; height: {IMG_ICON_CONTACT_MSNM_HEIGHT}px; }

   173 ul.profile-icons li.icq-icon	{ width: {IMG_ICON_CONTACT_ICQ_WIDTH}px; height: {IMG_ICON_CONTACT_ICQ_HEIGHT}px; }

   174 ul.profile-icons li.jabber-icon	{ width: {IMG_ICON_CONTACT_JABBER_WIDTH}px; height: {IMG_ICON_CONTACT_JABBER_HEIGHT}px; }

   175 ul.profile-icons li.pm-icon		{ width: {IMG_ICON_CONTACT_PM_WIDTH}px; height: {IMG_ICON_CONTACT_PM_HEIGHT}px; }

   176 ul.profile-icons li.quote-icon	{ width: {IMG_ICON_POST_QUOTE_WIDTH}px; height: {IMG_ICON_POST_QUOTE_HEIGHT}px; }

   177 ul.profile-icons li.report-icon	{ width: {IMG_ICON_POST_REPORT_WIDTH}px; height: {IMG_ICON_POST_REPORT_HEIGHT}px; }

   178 ul.profile-icons li.edit-icon	{ width: {IMG_ICON_POST_EDIT_WIDTH}px; height: {IMG_ICON_POST_EDIT_HEIGHT}px; }

   179 ul.profile-icons li.delete-icon	{ width: {IMG_ICON_POST_DELETE_WIDTH}px; height: {IMG_ICON_POST_DELETE_HEIGHT}px; }

   180 ul.profile-icons li.info-icon	{ width: {IMG_ICON_POST_INFO_WIDTH}px; height: {IMG_ICON_POST_INFO_HEIGHT}px; }

   181 ul.profile-icons li.warn-icon	{ width: {IMG_ICON_USER_WARN_WIDTH}px; height: {IMG_ICON_USER_WARN_HEIGHT}px; }

   183 /* Fix profile icon default margins */

   184 /* ul.profile-icons li.edit-icon	{ margin: 0 0 0 3px; }

   185 ul.profile-icons li.quote-icon	{ margin: 0 0 0 10px; }

   186 ul.profile-icons li.info-icon, ul.profile-icons li.report-icon	{ margin: 0 3px 0 0; } */

   188 /* Post author */

   189 p.author {

   190 	margin: 0;

   191 	padding: 0 0 5px;

   192 	font-size: 11px;

   193 	line-height: 1.2em;

   194 	color: #444;

   195 }

   196 p.author img { margin-right: 4px; }

   197 p.author strong { font-weight: normal; }

   199 /* Post signature */

   200 .signature {

   201 	margin-top: 1.5em;

   202 	padding-top: 0.2em;

   203 	font-size: 11px;

   204 	color: #666;

   205 	border-top: 1px solid #ddd;

   206 	clear: left;

   207 	line-height: 140%;

   208 	overflow: hidden;

   209 	width: 100%;

   210 }

   212 dd .signature {

   213 	margin: 0;

   214 	padding: 0;

   215 	clear: none;

   216 	border: none;

   217 }

   219 .signature li {

   220 	list-style-type: inherit;

   221 }

   223 .signature ul, .signature ol {

   224 	margin-bottom: 1em;

   225 	margin-left: 3em;

   226 }

   228 /* Poster profile block

   229 ----------------------------------------*/

   230 .postprofile {

   231 	margin: 2px 0 10px 0;

   232 	min-height: 80px;

   233 	color: #555;

   234 	border-left: 1px solid #ddd;

   235 	width: 22%;

   236 	float: right;

   237 	word-wrap: break-word;

   238 }

   239 .pm .postprofile {

   240 	border-left: 1px solid #ddd;

   241 }

   243 .postprofile dd, .postprofile dt {

   244 	line-height: 1.2em;

   245 	margin-left: 8px;

   246 	font-size: 11px;

   247 }

   248 .postprofile dt {

   249     font-size: 14px;

   250     line-height: 1.4em;

   251     font-family: Arial;

   252 }

   254 .postprofile strong {

   255 	font-weight: normal;

   256 	color: #32b359;

   257 }

   259 .avatar {

   260 	border: none;

   261 	margin-bottom: 3px;

   262 }

   264 /* Poster profile used by search*/

   265 .search .postprofile {

   266 	width: 30%;

   267 }

   269 /* pm list in compose message if mass pm is enabled */

   270 dl.pmlist dt {

   271 	width: 60% !important;

   272 }

   274 dl.pmlist dt textarea {

   275 	width: 95%;

   276 }

   278 dl.pmlist dd {

   279 	margin-left: 61% !important;

   280 	margin-bottom: 2px;

   281 }

   283 /* Post poll styles

   284 ----------------------------------------*/

   285 fieldset.polls dl {

   286 	margin-top: 5px;

   287 	border-top: 1px solid #ddd;

   288 	padding: 5px 0 0 0;

   289 	line-height: 120%;

   290 }

   292 fieldset.polls dl.voted {

   293 	color: #da5d20;

   294 }

   296 fieldset.polls dt {

   297 	text-align: left;

   298 	float: left;

   299 	display: block;

   300 	width: 30%;

   301 	border-right: none;

   302 	padding: 0;

   303 	margin: 0;

   304 	font-size: 1.1em;

   305 }

   307 fieldset.polls dd {

   308 	float: left;

   309 	width: 10%;

   310 	border-left: none;

   311 	padding: 0 5px;

   312 	margin-left: 0;

   313 	font-size: 1.1em;

   314 }

   316 fieldset.polls dd.resultbar {

   317 	width: 50%;

   318 }

   320 fieldset.polls dd input {

   321 	margin: 2px 0;

   322 }

   324 fieldset.polls dd div {

   325 	text-align: right;

   326 	font-family: Arial;

   327 	color: rgba(255, 255, 255, 0.9);

   328 	font-weight: normal;

   329 	padding: 2px 3px;

   330 	overflow: visible;

   331 	min-width: 12px;

   332 	background: #32b359 url({T_THEME_PATH}/images/poll.png) 0 0 repeat-x;

   333 	border: solid 0px transparent;

   334 	border-radius: 10px;

   335 	-moz-border-radius: 10px;

   336 	-webkit-border-radius: 10px;

   337 }

   338 .old-ie fieldset.polls dd div {

   339     color: #fff;

   340 }

   342 fieldset.polls dd div.pollbar2 { background-position: 0 -25px; }

   343 fieldset.polls dd div.pollbar3 { background-position: 0 -50px; }

   344 fieldset.polls dd div.pollbar4 { background-position: 0 -75px; }

   345 fieldset.polls dd div.pollbar5 { background-position: 0 -100px; }

   346 fieldset.polls dl.voted dd div { background-position: 0 -125px; }

   349 /* BB Code styles

   350 ----------------------------------------*/

   351 /* Quote block */

   352 blockquote {

   353 	background: rgba(255, 255, 255, 0.3) url({T_THEME_PATH}/images/bb_quote.png) 5px 8px no-repeat;

   354 	border: 1px solid #ddd;

   355 	border-radius: 8px;

   356 	-moz-border-radius: 8px;

   357 	-webkit-border-radius: 8px;

   358 	font-size: 12px;

   359 	margin: 0.5em 1px 0 25px;

   360 	overflow: hidden;

   361 	padding: 5px;

   362 }

   364 blockquote blockquote {

   365 	/* Nested quotes */

   366 	background-color: #f6f6f6;

   367 	font-size: 1em;

   368 	margin: 0.5em 1px 0 15px;

   369 }

   371 blockquote blockquote blockquote {

   372 	/* Nested quotes */

   373 	background-color: #f0f0f0;

   374 }

   376 blockquote cite {

   377 	/* Username/source of quoter */

   378 	font-style: normal;

   379 	font-weight: normal;

   380 	margin-left: 20px;

   381 	display: block;

   382 	font-size: 11px;

   383 	color: #444;

   384 }

   386 blockquote.uncited {

   387 	padding-top: 25px;

   388 }

   390 /* Code block */

   391 dl.codebox {

   392 	padding: 3px;

   393 	background-color: rgba(255, 255, 255, 0.5);

   394 	border: 1px solid #ddd;

   395 	border-radius: 8px;

   396 	-moz-border-radius: 8px;

   397 	-webkit-border-radius: 8px;

   398 	margin: 0.5em 1px 0 25px;

   399 	font-size: 1em;

   400 }

   402 dl.codebox dt {

   403 	margin-bottom: 3px;

   404 	padding-left: 2px;

   405 	font-size: 11px;

   406 	font-weight: normal;

   407 	display: block;

   408 	color: #444;

   409 }

   411 blockquote dl.codebox {

   412 	margin-left: 0;

   413 }

   415 dl.codebox code {

   416 	/* Also see tweaks.css */

   417 	overflow: auto;

   418 	display: block;

   419 	height: auto;

   420 	max-height: 200px;

   421 	white-space: normal;

   422 	padding-top: 5px;

   423 	font: 0.9em Monaco, "Andale Mono","Courier New", Courier, mono;

   424 	line-height: 1.3em;

   425 	color: #000;

   426 	margin: 2px 0;

   427 }

   429 .syntaxbg		{ color: #f7f7f7; }

   430 .syntaxcomment	{ color: #444; }

   431 .syntaxdefault	{ color: #000; }

   432 .syntaxhtml		{ color: #000; }

   433 .syntaxkeyword	{ color: #da5d20; }

   434 .syntaxstring	{ color: #32b359; }

   436 /* Attachments

   437 ----------------------------------------*/

   438 .attachbox {

   439 	float: left;

   440 	width: auto;

   441 	margin: 5px 5px 5px 0;

   442 	padding: 6px;

   443 	background-color: rgba(255, 255, 255, 0.5);

   444 	border: 1px dashed #ddd;

   445 	border-radius: 8px;

   446 	-moz-border-radius: 8px;

   447 	-webkit-border-radius: 8px;

   448 	clear: left;

   449 	max-width: 98%;

   450 	max-width: calc(100% - 14px);

   451 	max-width: -moz-calc(100% - 14px);

   452 }

   454 .attachbox dt {

   455 	color: #444;

   456 	font-size: 11px;

   457 }

   459 .attachbox dd {

   460 	margin-top: 4px;

   461 	padding-top: 4px;

   462 	clear: left;

   463 	border-top: 1px solid #ddd;

   464 }

   466 .attachbox dd dd {

   467 	border: none;

   468 }

   470 .attachbox p {

   471 	line-height: 110%;

   472 	font-weight: normal;

   473 	clear: left;

   474 }

   476 .attachbox p.stats

   477 {

   478 	line-height: 110%;

   479 	font-weight: normal;

   480 	clear: left;

   481 }

   483 .attach-image {

   484 	margin: 3px 0;

   485 	width: 100%;

   486 	max-height: 350px;

   487 	overflow: auto;

   488 }

   490 .attach-image img {

   491 }

   493 /* Inline image thumbnails */

   494 div.inline-attachment dl.thumbnail, div.inline-attachment dl.file {

   495 	display: block;

   496 	margin-bottom: 4px;

   497 }

   499 div.inline-attachment p {

   500 	font-size: 100%;

   501 }

   503 dl.file {

   504 	display: block;

   505 }

   507 dl.file dt {

   508 	text-transform: none;

   509 	margin: 0;

   510 	padding: 0;

   511 	font-size: 12px;

   512 	font-weight: normal;

   513 }

   515 dl.file dd {

   516 	margin: 0;

   517 	padding: 0;

   518 }

   520 dl.thumbnail img {

   521 	padding: 3px;

   522 	border: 1px solid #ddd;

   523 }

   525 dl.thumbnail dd {

   526 	font-style: italic;

   527 }

   529 .attachbox dl.thumbnail dd {

   530 	font-size: 100%;

   531 }

   533 dl.thumbnail dt a:hover {

   534 }

   536 dl.thumbnail dt a:hover img {

   537 	border: 1px solid #ddd;

   538 }

   540 /*

   541     Reported / unapproved

   542 */

   543 p.rules {

   544     background: #f7f0eb;

   545     border: solid 1px #cca38f;

   546     border-radius: 10px;

   547     -moz-border-radius: 10px;

   548     -webkit-border-radius: 10px;

   549 	padding: 8px;

   550 	margin: 5px 10px;

   551 	font-size: 12px;

   552 	line-height: 1.4em;

   553 }

   555 p.rules img {

   556 	vertical-align: middle;

   557 	padding-top: 2px;

   558 }

   559 p.rules strong { font-weight: normal; }

   561 p.rules a {

   562 	vertical-align: middle;

   563 	clear: both;

   564 }

   566 /*

   567     Lists bbcode

   568 */

   569 .content ul, .content ol {

   570     margin-bottom: 1em;

   571     margin-left: 3em;

   572 }

   573 .content li {

   574     list-style-type: inherit;

   575 }

   577 /*

   578     Post highlight

   579 */

   580 .posthilit { color: #da5d20; }

author	indvdum (gotoindvdum[at]gmail[dot]com)
	Fri, 09 Mar 2012 16:14:29 +0400
changeset 13	118ae93ae3fe
permissions	-rw-r--r--